@charset "utf-8";
/* 
 *
 *
 */

/*** global ***/
*{ padding: 0; margin:0;}
a{ color: #6a517f; text-decoration: underline;}
a:hover{ text-decoration: none;}
img{ border: 0;}
div.clear{ clear: both;}
body{ padding: 30px 0 0 0; text-align: center; background: url('../images/hazen-inc-bkgd.gif') top repeat-y #148b8a; font: 14px "Times New Roman", Times, serif; color: #666;}

	h1#logo{ height: 153px; margin: 0 auto 30px auto; display: block; }
	
	div#main-nav{ width: 819px; padding: 3px 0; margin: 0 auto; background: #6a517f; clear: both;}
	div#main-nav ul{ padding: 6px 0 6px 0;list-style: none; border-top: 2px solid white; border-bottom: 2px solid white;}
	div#main-nav li{ display: inline; padding: 0 37px; }
	div#main-nav a{ text-decoration: none; text-transform: uppercase; color: white; font-size:15px;}
	div#main-nav a:hover{ text-decoration: underline;}
	
	div#main-content{ width: 756px; padding: 10px 0 0 0; margin: 0 auto; text-align: left;}
	div#main-content img{ float: left;}
	div#main-content div#header{float: left; width: 375px; padding: 22px 0 12px 0;}
	div#main-content div#headerContact{float: left; width: 450px; padding: 10px 0 12px 0;} /*  padding: 22px 0 12px 0; */
	div#main-content h1{ color: #006666; font-size: 33px; font-weight: normal;}
	div#main-content h2{ font-size: 15px; clear:right;}
	div#main-content h3 {font-weight: normal;}
	div#main-content p{ padding: 12px 0 12px 0; font-size: 14px; color: #666; line-height: 1.2em;}
	div#main-content ul{ padding: 6px 0px 6px 16px; }
	
		div.section{ clear: both; padding-top: 14px;}
		div.section img{float: left; margin: 14px 20px 10px 0;}
		div.section h2{ padding: 0 0 12px 0;}
		
		img#main-img{ float: left;}
		
		div#banner{ clear: both; display: block; padding: 3px 0; margin:14px 0; background: #6a517f; color: #fff; text-align: center;}
		div#banner-content{padding: 14px; border-top: 2px solid white; border-bottom: 2px solid white;}
		
		div.quote{clear:both; width: 751px; margin: 0 auto; font-size: 13px; padding-top:20px;}
		div.q-wrapper{ padding: 7px 24px 20px 24px; height: 100%; overflow: hidden;}
		div#main-content div.q-wrapper p{ float: left; padding: 0; margin:0; width: 100%;}
		div.q-wrapper em{ font-size: 12px; float: right; padding-right: 26px;}
	
	div#footer{ clear: both; width: 761px; padding: 7px 0 0 0; margin: 21px auto; border-top: 1px solid #006766;}
	div#footer ul{ list-style: none;}
	div#footer li{ display: inline; padding: 0 7px; background: url('../images/footer-li-divider.gif') left no-repeat; color: #006766; font-size:13px;}
	div#footer li.first, div#footer li.last{ background: none;}
	div#footer a{ color: #006766; text-decoration: none; line-height: normal; }
	div#footer a:hover{ text-decoration: underline;}
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
	body{padding-left: 1px;}
}

/*** pages ***/

/* home */
body#pg-home div#header h1{width: 600px;}
body#pg-home div#banner h2 { text-transform: uppercase;}
body#pg-home div#banner h2 span{ font-size: 22px;}
body#pg-home div#header{ padding-right:120px;}

/* services */
body#pg-services div#main-content ul{float: right; width: 358px;}
body#pg-services div#main-content {padding-bottom: 40px;}

/* about */
body#pg-about div#header{ padding-right:80px;}

/* clients */
body#pg-clients div#main-content ul{float: left; width: 358px;}
body#pg-clients div#main-content {padding-bottom: 40px; height: 100%; overflow: hidden;}

/* news */
body#pg-news #main-img{ padding-bottom:10px;}

/* contact */
body#pg-contact div#header{ padding-right:150px;}
body#pg-contact div#main-content ul{float: left; width: 358px;}
body#pg-contact div#main-content {padding-bottom: 40px;}
body#pg-contact form{ padding-top: 20px; width: 360px;}
body#pg-contact form fieldset{ border: 0;}
body#pg-contact form div{ padding: 4px 0; vertical-align: top;}
body#pg-contact form label{ display: inline-block; width: 120px; padding-top: 4px; vertical-align: top;}
body#pg-contact form input{width: 220px;}
body#pg-contact form textarea{width: 220px;}
body#pg-contact img#main-img{ padding-bottom:0px;}

/* sitemap*/
body#pg-sitemap div#main-content ul{float: left; width: 358px;}
body#pg-sitemap div#main-content {padding-bottom: 40px; height: 100%; overflow: hidden;}