@charset "UTF-8";

/*overall site stuff*/
* {margin: 0; padding: 0;}
body {
	background-color: #435A7D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
}
p{
	padding-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
}
a {
	text-decoration: underline;
	color: #FFF;
}

/*this is the main body format that centers the information*/
#mainBody {
	height: 600px;
	width: 800px;
	background-color: #101f36;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	position: relative;
	margin-left: auto;
}

/*formatting for the right side of the main body*/
#logoAndAds {
	position: relative;
	height: 563px;
	width: 148px;
	margin-left: 653px;
}

#copyright {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	position: relative;
	width: 648px;
	color: #6484B9;
	padding-top: 10px;
	font-size: 14px;
	clear: both;
}

/*formatting for the left side of the main body*/
#bannerAndPics {
	position: relative;
	height: 563px;
	width: 648px;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #6284BB;
	float: left;
}

/*formatting for the actual logo itself*/
#logo {
	position: relative;
	height: 187px;
	background-color: #142B4A;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6484BC;
}

/*formatting for my banner Multimedia text*/
#multimedia h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #142B4A;
	font-size: 27px;
	padding-top: 3px;
}

/*formatting for the nav bar stuff*/
#navBar {
	position: relative;
	height: 100px;
	list-style-type: none;
}
#navBar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
}
#navBar li {
	list-style-type: none;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #111F36;
	font-size: 14px;
	list-style-image: none;
	font-weight: 100;
	padding-left: 12px;
}
#navBar li a{
	text-decoration: none;
	color: #6484BC;
}
#navBar li a:hover{
	color: #001984;
}

/*formatting for the white box that holds the nav bar*/
#topBox {
	position: relative;
	height: 187px;
	background-color: #FEFEFE;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6484BC;
}

/*formatting for the homepage pictures*/
#homepagePics {
	height: 350px;
	width: 375px;
	margin-top: 15px;
	margin-left: 15px;
	position: relative;
	float: left;
}

/*formatting for the ads on the homepage*/
#ads {
}
#ads ul {
	margin-top: 15px;
	position: relative;
	margin-left: 8px;
	list-style-type: none;
	margin-right:0px;
	padding: 0px;
	margin-bottom: 0px;
}
#ads li {
	background-color: #101E38;
	position: relative;
	width: 124px;
	height: 23px;
	margin-bottom: 21px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	border: 4px groove #6484BC;
	font-size: 16px;
	padding-top: 7px;
}
#ads ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
#ads li:hover{
	background-color: #2F60BA;
}
#ads p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	display: block;
	position: relative;
	padding-bottom: 8px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	margin-top: 25px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
}

/*formatting for the about me page*/
#customerReview {
	width: 330px;
	margin-top: 25px;
	margin-left: 25px;
	position: relative;
	height: 187px;
	margin-bottom: 10px;
}
/*formatting for the text about me*/
#aboutSC {
	width: 330px;
	margin-top: 25px;
	margin-left: 25px;
	position: relative;
	height: 112px;
	margin-top: 20px;
	border-bottom-width: 6px;
	border-top-style: ridge;
	border-top-color: #6484BC;
	padding-top: 10px;
}

/*formatting for the picture slideshow on the about page*/
#SCPhoto {
	position: relative;
	height: 325px;
	width: 225px;
	float: right;
	top: -350px;
	left: -25px;
	margin-top: 20px;
}

/*formatting for the services and portfolio tabs page*/
#tabs {
	height: auto;
	margin-top: 25px;
	margin-left: 25px;
	position: relative;
	float: left;
}
#tabs ul {
	list-style-type: none;
	width: 138px;
	display: block;
}
#tabs ul li {
	height: 25px;
	width: 138px;
	margin-bottom: 15px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border: 3px solid #536f92;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #7398c8;
	font-size: 24px;
	color: #FFF;
	display: block;
	margin-right: 25px;
}
#tabs ul li a {
	text-decoration:none;
}

/*formatting for the name in the contact page*/
#nameContact {
	margin-top: 25px;
	margin-left: 25px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFF;
	position: relative;
	height: 338px;
	width: 203px;
}

/*formatting for the prices in the prices page*/
#Prices {
	height: 330px;
	width: 425px;
	margin-top: 25px;
	background-color: #6E84A4;
	position: relative;
	overflow: auto;
	border: 3px double #FFF;
	left: 30px;
}
#Prices li {
	list-style-type: none;
	width: 195px;
	margin-top: 0px;
	display: block;
	margin-bottom: 15px;
}

/*formatting for the left side of the services box*/
.servicesLeftColumn {
	width:195px;
	margin-left:10px;
	float:left;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.servicesLeftColumn ul li {
	position: relative;
	top: 10px;
}


/*formatting for the right side of the services box*/
.servicesRightColumn {
	width:195px;
	margin-left:230px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.servicesRightColumn ul {
	margin: 0px;
	list-style-type: none;
	position: relative;
}
.servicesRightColumn ul li {
	position: relative;
	top: 10px;
}

/*formatting for the graphic portfolio*/
#graphicDiv ul {
	list-style-type: none;
	width: 440px;
	display: block;
	height: 330px;
	margin-left: 190px;
	margin-top: 25px;
	position: relative;
	overflow: auto;
}
#graphicDiv ul li {
	display: inline;
}
#graphicDiv ul li img {
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 5px;	
}

/*formatting for the video portfolio*/
#videoDiv ul {
	list-style-type: none;
	width: 440px;
	display: block;
	height: 330px;
	margin-left: 190px;
	margin-top: 25px;
	position: relative;
	overflow: auto;
}
#videoDiv ul li {
	display: inline;
}
#videoDiv ul li img {
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}

/*formatting for the website portfolio*/
#websiteDiv ul {
	list-style-type: none;
	width: 440px;
	display: block;
	height: 330px;
	margin-left: 190px;
	margin-top: 25px;
	position: relative;
	overflow: auto;
}
#websiteDiv ul li {
	display: inline;
}
#websiteDiv ul li img {
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}

/*generic picture border formatting*/
.pictureBorder {
	border: 4px double #536f92;	
}

/*picture border for full screen images*/
.FSpictureBorder {
	border: 4px double #FFF;
	margin-top: 15px;
	padding: 0px;
}

/*formatting for entire resume body*/
#resume {
	background-color: #FFF;
	border: 5px solid #6484BC;
	overflow: auto;
	position: relative;
	width: 615px;
	margin-right: auto;
	margin-left: auto;
	height: 311px;
	margin-top: 5px;
}
/*formatting for left side of resume*/
.leftResume {
	float: left;
	width: 125px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #142B4A;
	margin-left: 7px;
	font-style: normal;
	font-weight: bolder;
}
/*formattting for right side of resume*/
.rightResume {
	margin-left: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #142B4A;
	margin-right: 7px;
}
.rightResume a {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #142B4A;
}
/*resume download positioning*/
.resumeDownload {
	margin-top: 5px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
}
/*space between each item on resume*/
.resumePadding {
	margin-top: 10px;
}

/*formatting for text under images and video*/
#underImVid {
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

/*formatting for contact icons*/
#icons {
	position: relative;
	height: 191px;
	overflow: auto;
	margin-top: 10px;
}
#icons ul {
	padding: 0px;
	width: 185px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
}
#icons ul li {
	margin-bottom: 5px;
	width: 190px;
	position: relative;
	margin-right: 0px;
	margin-left: 0px;
}
#contactForm {
	float: left;
	width: 375px;
	position: relative;
	top: -338px;
	margin-left: 250px;
	height: 338px;
}
/*left side of the contact form with name and all of that*/
#formLeft {
	float: left;
	width: 80px;
	position: relative;
}
/*right side of the contact form with all of the input*/
#formRight {
	width: 283px;
	margin-left: 90px;
	position: relative;
	overflow: hidden;
	height: 300px;
}
/*formatting for the width of the contact page feedback boxes*/
.areaWidth {
	width: 280px;
}
/*formatting for the submit button*/
#submitButton {
	margin-top: 7px;
	margin-left: 210px;
	position: relative;
}
/*feeback form elements - portfolio examples*/
#feedbackFormRight {
	width: 331px;
	margin-left: 90px;
	position: relative;
}
/*width of white boxes*/
.feedbackCommentWidth {
	width: 330px;
}
/*formatting for radio buttons*/
#feedbackFormRight p label {
	position: relative;
	margin-right: 30px;
}
/*formatting for the "your feedback is welcome text"*/
#welcomeText {
	margin-bottom:13px; 
	margin-top:7px;
}
#centerFeedback {
	width: 422px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}