/* CSS Document */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, legend, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%;}
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
strong { font-weight: bold }
body {background-color:#046CC9;font-family: Verdana, Arial, Helvetica, sans-serif;color:#015681;text-align:center;}
h1, h2, h3, h4, h5, h6, legend{font-family:Arial, Helvetica, sans-serif;}
acronym{font-size:80%;letter-spacing:.05em;font-weight:700;font-variant: small-caps;}
acronym:hover{cursor: help;}
  /*custom classes*/
.blue {color:#0153ff;}
.white{color:#fff;}
.required{color:#DF002D;font-size:80%;}
.underline{text-decoration: underline;}
.aqua{color:#61caf1;}
.red{color:#CC0028;}
/*links*/
a:link, a:visited {color:#032CB6;}
a:hover{color:#0153FF;}
/*Layout*/
#wrapper {margin: 20px auto 0 auto;background:#fff url(images/wrapper_bg.gif) repeat-y top left;text-align:left;position:relative;width:970px;height:1410px;padding:0;}
#sidebar {position:absolute;width:215px;top:0px;left:0px;}
	.logo{background:#fff url(images/logo_bg.gif) top left no-repeat;padding:16px 0 20px 15px;height:132px;overflow:hidden;}
	.about, .links, .memberships{border-top:solid 10px #fff;background-color:#61CAF1;margin:0px 10px 0 20px;padding:15px 5px 15px 5px;}
#main {position:absolute;width:755px;top:0px;left:215px;}
	.header {background-color:#046CC9;padding:10px 0 0 15px;border-bottom:7px solid #61CAF1;height:84px;overflow:hidden;}
	.imageHolder {
	background:#fff url(images/img_ph_clients.jpg) no-repeat;
	width:745px;
	height:240px;
	margin-right:10px;
	border-bottom:7px solid #61CAF1;
	overflow:hidden;
}
	.content {margin:0 10px 10px 0;padding:10px 10px 20px 25px;border-top:solid 10px #fff;}
	.contentContact {float:right;display:inline;width:181px;background: url(images/content_rt.gif) no-repeat;;height:340px;padding:0 13px 5px 7px;margin:0 0 15px 15px;}
#footer{width:970px;background: #fff url(images/foot_bottom.gif) no-repeat center bottom;position:relative;height:113px;margin:0 auto 20px auto;}
    #footer .left{float:left;display:inline;width:175px;height:82px;background: #61CAF1 url(images/foot_lft.gif) no-repeat left bottom; padding:5px; margin:10px 10px 10px 20px; text-align:center;}
    #footer .right{float:right;display:inline;width:715px;height:82px;background: #61CAF1 url(images/foot_rt.gif) no-repeat right bottom;padding:5px 5px 5px 25px; margin:10px 10px 10px 0;text-align:left;}	   
/* Advanced */
/* Main ...right */
#main p{font-size:12px;}
#main .header h1.title{color:#e4f9ff;font-size:90%;position:relative;height:45px;width:569px;margin:0 0 11px 5px;}
#main .header h1.title  span{background:url(images/title.gif) no-repeat;height:100%;position:absolute;width:100%;}
#main .content .contentContact h2{color:#037cfb;margin:30px 0 0 0px;text-align:center;font-size:150%;letter-spacing:-1px;}
#main .content .contentContact h3{color:#037cfb;margin:5px 0 0 0;text-align:center;font-size:130%;letter-spacing:-1px;}
#main .content .contentContact h4{color:#61caf1;margin:40px 0 0 0;text-align:center;}
#main .content .contentContact ul{margin:5px 0 0 28px;color:#037cfb;}
#main .content .contentContact ul li{color: #61CAF1;}
#main .content .contentContact a{font-size:11px;}
#main .content h1.help, #main .content h1.qualified {position:relative;height:40px;width:391px;margin:15px 10px -5px 0;}
#main .content h1.help span {background:url(images/help.gif) no-repeat;height:100%;position:absolute;width:100%;}
#main .content h1.qualified span {background:url(images/qualified.gif) no-repeat;height:100%;position:absolute;width:100%;}
#main .content h2 {color:#E8F8FC;font-size:150%;margin:10px 10px 10px 0;line-height: 26px;}
#main .content h3 {color:#0153FF;font-size:110%;margin-bottom: 10px;}
#main .content p{margin:5px 60px 5px 0;line-height: 16px;}
#main .content ul{margin:0 0 0 30px;}
#main .content ul li {list-style:square outside;font-size:20px;font-weight:700;color: #E8F8FC;font-family: Arial, Helvetica, sans-serif;}
#main .content ul ul li{font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #015681;}
#main .content ul.clients li{font-size: 14px;color: #015681;}
 /*Sidebar ...left*/
#sidebar .about h3, #sidebar .memberships h3, #sidebar .links h3{text-align:center;line-height:18px;margin:0 0 0 0;font-size: 100%;}
#sidebar .links h3{margin-bottom:.2em;}	 
#sidebar .about ul {margin:5px 5px 15px 22px;}	 
#sidebar .about ul li{margin-top:3px;font-size:11px;line-height:11px;list-style-image: url(images/about_bullet.gif);}
#sidebar .links ul{margin:10px 5px 0 28px;}
#sidebar .links ul li{list-style-position: outside;margin-top:5px;font-size:11px;list-style-image: url(images/link_bullet.gif);}
/*Footer*/
#footer .left h5{font-weight:700;margin:5px 0;font-size:95%;color:#0153ff}
#footer .right h5{font-size:80%;font-weight:400;margin:5px 0;}
#footer .right p.copyright{font-size:10px;padding-top:5px;}
/*Navigation Menu*/
/*  
Handy measurements for the nav image replacement:

	The distance from the top to the...
	normal  = 0
	hover  = 28
	selected  = 56
	
	

	The distance from the far-left to the...
	home  = 0
	project  = 74
	inspection  = 246
	clients  = 377
	contact  = 473
	
	Button widths...
	home = 74
	project = 172 
	inspection = 131
	clients = 96
	contact = 108
	
*/
ul#nav { background:url(images/menu.gif) }
ul#nav li { float:left; list-style-type:none; display:inline;}
ul#nav li a { height:28px; display:block;text-indent:-9999px; outline:none }

li#navHome a, li#navProject a, li#navInspection a, li#navClients a, li#navContact a{ background:url(images/menu.gif)}

li#navHome a 							{ background-position:0 0; width:74px; left:0 }
li#navHome a:hover 						{ background-position:0 -28px }
body#pageIsHome li#navHome a 			{ background-position:0 -56px }

li#navProject a						{  background-position:-74px 0; width:172px; left:70px  }
li#navProject a:hover					{ background-position:-74px -28px }
body#pageIsProject li#navProject a	{ background-position:-74px -56px }

li#navInspection a							{ background-position:-246px 0; width:131px; left:246px }
li#navInspection a:hover						{ background-position:-246px -28px }
body#pageIsInspection li#navInspection a			{ background-position:-246px -56px }

li#navClients a 							{ background-position:-377px 0; width:96px; left:377px }
li#navClients a:hover 					{ background-position:-377px -28px }
body#pageIsClients li#navClients a 			{ background-position:-377px -56px }

li#navContact a							{ background-position:-473px 0; width:108px; left:473px }
li#navContact a:hover					{ background-position:-473px -28px }
body#pageIsContact li#navContact a		{ background-position:-473px -56px }

/* images */
.memberships img{background: url(images/member_bg.gif) no-repeat;padding:7px 18px 7px 18px;margin-top:5px;}/*logo size 114w x 74h white bg*/
/* forms */
  /*quickContact form sidebar */
#quickContact{margin:2px 0 0 5px;}
#quickContact label{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
#quickContact input#name, #quickContact input#email, #quickContact input#phone, #quickContact select#requestInfo{font-family: Verdana, Arial, Helvetica, sans-serif;color:#000;font-size:11px;padding:4px 4px;margin:3px 0;border:solid 1px #157bea;}
#quickContact input#name, #quickContact input#email, #quickContact input#phone{width:153px;}
#quickContact select#requestInfo{width:163px;padding:2px 2px 2px 0;}
#quickContact input#button1{color:#0153ff;background: url(images/quick_btn.gif) no-repeat;width:163px;height:37px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:700;margin:5px 0 0 0;border:none;cursor: pointer;}
#quickContact input#button1:hover{color:#0A5E9A;}
  /*Advanced form Contact Page */
#advContact{width:480px;margin-top:20px;}
#advContact p{clear:both;}
#advContact label{float:left;clear:left;width:205px;height:26px;display:block;font-family:Arial, Helvetica, sans-serif;text-align:right;font-size:16px;color:#0153ff;margin:5px 0 5px 0;padding-right:5px;font-weight: 700;}
#advContact input, #advContact textarea {float:right;display:block;width:260px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#000;margin:0 0 8px 0;}
input#first_name, input#last_name, input#company, input#email_address, input#address, input#city,  input#state, input#zip, input#telephone, textarea#message{border:solid 1px #0461c0;padding:4px 2px 1px 2px;}
input#first_name, input#last_name, input#company, input#email_address, input#address, input#city,  input#state, input#zip, input#telephone{height:21px;}
#advContact input#send{background: url(images/submit_btn.gif) no-repeat;color:#0153ff;height:37px;border:none;cursor: pointer;font-size: 12px;font-weight: 700;}
#advContact input#send:hover{color:#0A5E9A;}
/*CSS for the client scroller*/
#pscroller1{width:725px;height:220px;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#015681;padding: 10px;}
#pscroller1 h3{font-size:150%;letter-spacing:-.04em;text-align:center;}
#pscroller1 h4{text-align:center;}
.epa { float: right; margin-top: 0; padding-right: 150px; }
