#center { /*This is what makes the website center in the window*/
	width:750px; /*This needs to be the maximum width of the website. This is determined by the graphic.*/
	margin:0 auto;
	padding:0;
}

body {
	margin:0;/*This adds spacing around the entire website. If the design calls for there to be no spacing above the website the margin can be set at 0 */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#C0C0C0;	
}

#header_container {
	width:750px;
	padding:0;
	margin:0;
	height:167px;
	background-image:url(../images/header.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#C0C0C0;	
}

#flash{
	width:750px;
	height:167px;
	float:left;

}

#menu { /*all other menu styles should be on the menu style sheet*/
	width:750px;
	padding:0 0 0 0;/*This positions the menu horizontally within the header div. This should not exceed the height of the div.*/
	margin:0;	
}

/*This code belongs with the top menu commands, it makes the top link stay "highlighted" on the page you are on*/
body#home a#homenav,
body#about a#aboutnav,
body#services a#servicesnav,
body#portfolio a#portfolionav,
body#news a#newssnav,
body#contact a#contactnav {
	color:#8B86BB;
}

#main {/*To add an expanding background for the whole site, even if it is just solid colors, add a repeating image to this div*/
	width:750px;
	padding:0;
	margin:0;
	background-color:#C0C0C0;	
	text-align:left;
}

#main_bg {/*To add an expanding background for the whole site, even if it is just solid colors, add a repeating image to this div*/
	width:750px;		
	padding:0;
	margin:0;
	float:left;
	background-color:#C0C0C0;
	background-image:url(../images/repeat-body.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}

#main_left {
	width:199px;
	padding:0;
	margin:0;
	float:left;
}

#left_container {
	width:144px;
	padding:0 27px 20px 25px;/*If you need to have more padding on the left or right remember to adjust the the width accordingly. (Subtract both left and right padding from width.*/
	margin:0;
	color:#F4F5FA;
	font-size:12px;
}

#main_content {/*This is the container that holds the left and middle divs. I used this to make positioning easier. If this were a two column layout we wouldn't need this.*/
	width:551px;
	padding:0 0 0 0;/*Change for positioning. Remember to adjust width accordingly.*/
	margin:0;
	background-image:url(../images/watermark.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
}

#content_container {/*The width, padding, margin, and border should equal the width of the middle container div.*/
	width:430px;
	padding:0 60px 0 61px;
	margin:0 0 0 0;
}

.clr {
	clear:both;
}

#footer {
	width:750px;
	padding:0px;/*If you need to have more padding on the left or right remember to adjust the the width accordingly. (Subtract both left and right padding from width.*/
	margin:0;
	height:89px;
	background-color:#FFFFFF;
	background-image:url(../images/footer-wide2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#left_container_menu {
	width:164px;
	padding:10px 10px 20px 25px;/*If you need to have more padding on the left or right remember to adjust the the width accordingly. (Subtract both left and right padding from width.*/
	color:#F4F5FA;	
	float:left;
}

#footer_content {
	width:470px;
	padding:75px 40px 0 41px;
	margin:0;
	float:left;
	color:#372F7F;	
	text-align:center;
	font-size:11px;	
}

/*General Styles*/
h1,h2,h3,h4,h5,h6,p {
	padding:0;
	margin:0;
}

p {
	padding:9px 0;
}

h1 {
	padding:0 0 12px 0;
	font-size:20px;
	font-weight:bold;
	color:#372F7F;
}

h2 {
	padding:15px 0 0 0;
	font-size:15px;
	font-weight:bold;
	color:#372F7F;
	
}

h3 {
	padding:12px 0 9px 0;
	font-size:18px;
	font-weight:bold;
	color:#666666;
	
}

h4 {
	padding:12px 0 6px 0;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	
}

h5 {
	padding:12px 0 6px 0;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	
}

h6 {
	padding:12px 0 3px 0;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	
}

a {
	color:#0000FF;
}

a:hover {
	color:#FF0000;
}

a.testimonial-link {
	color:#F4F5FA;
	font-style:italic;
}

a.testimonial-link:hover {
	color:#8B86BB;
}

body#portfolio #content_container{
	background-image:url(../images/portfolio.jpg);
	background-repeat:no-repeat;
	height:440px;
}

body#portfolio #main_content {
	background-image:url(../images/repeat-body-portfolio.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}