#wrap { 	
background-color:#ffffff;
width: 960px; 	
border: thin solid black; 
margin: 0 auto; /* 0 defines top and bottom margins, auto defines lf/rt and calculates equal amts of margin on both sides, hence box is always centered  */
} 

#innerwrap {
	background-image:url(images/inner-wrap_bg.png);
	/*height:450px;*/
	background-repeat:repeat-x;
	}

#innerwrap:after{ /*:after is a special css property that allows extra content to be added at the end of an element using css the code will force the innerwrap to act as though there 	were content inside the innerwrap, because outside of this, the code will not be active without content		   */
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
	
#masthead { 	
	background-color: #FFF;  /* defines the color for the masthead/heading where logo resides */
} 

body#home .nav-home, body#aboutus .nav-aboutus, body#services .nav-services, body#OurClients .nav-OurClients, body#careers .nav-careers, body#contactus .nav-contactus  {
	background-color:#29336b;
	color:#f8f068;
	display:block;
	}

#mainnav { 	
background-color: #60668b;
height: 35px; /* controls where the main nav stops, for the main content to start, if not done correctly, main content may interfere with mainnav */
/*float:left;  controls the position of the mainnav */
}

#mainnav li { 	
float: left; 
width: 120px; /* controls the width of each nav "box" */ 	
height: 35px; /* controls the height of each nav "box" */ 	
background-color: #7d83a4; /* #CCC controls the background color of each nav "box" */	
text-align: center; 	/* controls the placement of the text in each nav "box" */
border-left: 1px black solid; /* controls the left border of each each nav "box" */
border-right: 1px black solid; /* controls the right border of each each nav "box" */
line-height: 35px; /* controls the position of the text in each nav "box" */
}

#mainnav ul li a{   /*this removes the underline from the hyperlinks and sets the color to white */
	color:#ffffff;
	text-decoration:none;
	display:block;
	}

#mainnav ul li a:hover { /* */
	background-color:#29336b;
	color:#f8f068;
	}
	
#sidebar { 	
float: left; 	
width: 350px; 
}

#sidebar p { 	
	padding-top:20px;
	margin-left:20px;
	margin-right:20px;
}

#sidebar:after {
	content:".";
	display:block;
}

#sidebar p {
	margin-left:30px;
}

#sidebar li {
	margin-left:60px;
	line-height:20px;
	
	}

#sidebar h1 {
	margin-left:20px;
	margin-top:30px;
	margin-bottom:10px;
	font-size:1.15em;
	}

#sidebar h2  { 	
	margin-top:15px; 
}

	
#main {
	width:600px;
	float:right;
	/*background-color:#ada446;*/
}

#main p  { 	
	padding-top:10px;
	margin-left:0px;
	margin-right:20px;
	margin-bottom:5px;
}

#main h1 {
	margin-left:0px;
	margin-top:30px;
	font-size:1.25em;
	}

#main li { 	
	
	margin-left:20px;
	margin-right:10px;
	line-height:20px;
}
	
	
#footer { 	
clear: both; 
background-color: #FFF;
/*background-image: url(images/footer_background.jpg);
background-repeat: no-repeat; */
width: 960px;
height: 90px;
/*padding-top: 10px;*/

}

#footer p {
margin: 10px 0 0 5px; 	/*adds 10 px to the top margin and 20px to the left margin*/
width:480px;   	
font-family:Verdana, Geneva, sans-serif;            
font-size: 0.689em;
padding-top:20px;
}

#footer img {
	margin-left:10px;
	}

/*p { 	
	margin-bottom: 20px;	
	}*/