/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { margin: 57px 0 47px 0; font-size: 0.62em; font-family: Arial, Helvetica, sans-serif; text-align: center; }

p, h1, h2 { margin: 0 0 9px 0; }
p { font-size: 1.1em; line-height: 1.27em; }
h1 { font-size: 1.2em; line-height:1.16em; font-weight:bold;color:#093479; }
h2 { font-size: 1.2em; line-height:1.16em; font-weight:bold;color:#093479;}
h3, h4, h5, h6 { font-size: 1.1em; font-weight:bold; line-height:1.27em;}

a { color: #006553;  text-decoration: underline;}
a:hover, a:active { text-decoration: none; }

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form { width: 36em; margin-left: 5px; }

form p {font-size: 100%; padding: 2px;margin: 0;}

/* fieldset styling */
fieldset { margin: 1em 0;	padding: 1em;	border : 1px solid #e2e2e2; }

/* legend styling */
legend {font-weight: bold;color: #003c31; }

/* style for  labels */
label { float: left; width: 14em;}

/* style for required labels */
label .required { font-size: 0.9em; font-style: normal; color: red; }

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input { width: 225px; }

input.radio, input.submit { 	width: auto; }

textarea { width: 225px;	height: 100px; padding:0;} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 296px;
	padding: 0 .25em;
	background-color: #003c31;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */

.group:after, #sidebar:after, #wrapper:after, #header .branding:after, #nav:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.group, #sidebar, #wrapper, #header .branding, #nav { zoom: 1; display: block; }

.clearfix {clear: both; overflow: hidden;}

body {margin:0;padding:0;font-size:62.5%;font-family: Arial, Helvetica, sans-serif;text-align:center;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	/* Main Backgrounds */
	body {background: #003C31; color: #4a4141;}
  #page { padding-top: 55px;}
	.container {width: 709px; margin:0 auto; padding: 15px 30px; background: #ffffff; text-align: left;}
	#header {position:relative; width:707px; height: 128px; margin: 0 auto; padding:0; 
    border: 1px solid #006553; margin-bottom: 10px;
    }
  #wrapper { position: relative;}
  #headline {width: 709px; height: 245px; background:url(../images/bg_headline.gif) repeat-x 0 0; 
  	padding: 20px 0; margin-bottom: 13px;}
	#content {width:460px; float:right;}
  #sidebar {width: 220px; float:left; padding-bottom: 100px; background: #006553 url(../images/bg_sidebar.png) repeat-x 0 100%;}
  #partner {clear:both; width: 709px;}
	#footer {clear:both; width: 769px; margin: 0 auto;}
	
				
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
  #header h1 {margin:0;padding:0;width:673px;height:84px; position: absolute; top: 24px; left: 24px;}
	#header h1 a {display:block;text-indent:-9999px;background:url(../images/logo.gif) no-repeat;width:673px;height:84px;margin:0; padding:0;}
	
	#header .seattle, #header .olympia { position: absolute; top: 45px; font-size: 1.2em; line-height: 1.5em; color: #006553;}
  #header .seattle { left: 365px; width: 170px; text-align: right;}
  #header .olympia { right: 10px; width: 145px; }
  /* #header .phone {font-size: 1.334em; font-weight: bold; padding-bottom: 5px;} */
  .vcard .tel {font-size: 1.334em; font-weight: bold; margin:0; padding: 0 0 5px 0;}
  .vcard .fn {font-weight: normal; font-size: 1.0em; margin:0; padding:0;}
  .vcard .adr {font-style: normal;}
  
        
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	#headline .headline-image {width: 369px; height: 245px; float:left;}
	#headline .headline-text {width: 335px; height: 245px; float:right;}
	#headline .headline-text h2 {margin:0; padding:0; position: relative;}
	#headline .headline-text p {margin:0; padding:0; font-size: 1.0em; line-height: 1.4em !important;}
	#headline .headline-text a {background: url(../images/arrow.gif) no-repeat 0 2px; 
		padding: 0px 0 0 20px; 
		text-decoration: none; color: #373737; font-weight: bold; }
	#headline .headline-text a:hover {color: #006553; text-decoration: underline;}
	#headline .first, #headline .second, #headline .third { 
			position: relative; border: 1px solid #DCCEAB; background: #F0ECCA; 
			padding: 7px 10px; font-size: 1.2em; margin-top: 2px;}
	
	#headline h2, #headline h2 span {width: 308px; overflow: hidden; height: 16px;}
	#headline .first h2, #headline .first h2 span {height: 32px !important;}
	#headline .first h2 span { position: absolute; top: 0; left: 0; background: url(../images/headline_first.gif) no-repeat 0 0;}
	#headline .first {height: 66px; margin-top: 0px !important;}
	#headline .second, #headline .third {height: 64px;}
	#headline .second h2 span, #headline .third h2 span { position: absolute; top: 0; left: 0; }

	#headline .second h2 span {	background: url(../images/headline_second.gif) no-repeat 0 0;}
	#headline .third h2 span {	background: url(../images/headline_third.gif) no-repeat 0 0;}

	#headline .first p {text-indent: 123px; position: absolute; top: 25px; left: 0px; padding: 0 10px;}
	#headline .third p {padding-top: 3px;}
			
	#content {text-align: left; overflow: hidden;}
  .entry { font-size: 1.2em; line-height: 1.2em !important; margin: 0 0 0 0; padding:0;}
  .entry h1, .entry h2, .entry h3 { font-size: 1.334em !important; line-height: 1.0em; padding: 0.5em 0 0 0 !important; 
  	color: #111c24;	margin: 0; }
  .entry p {margin: 0.5em 0; padding:0; font-size: 1.0em !important;}
  .entry img.alignleft {float:left; margin-right: 10px; margin-bottom: 10px;}
  .entry img.alignright {float:right; margin-left: 10px; margin-bottom: 10px;}
  .entry ul, .entry ol {padding:0 0 0 15px;margin: 6px 0 8px 0;font-size:1.0em;}
  .entry ul li {line-height:1.0em;margin:0;padding:2px 0 2px 3px;list-style:disc;}
  .entry ol li {line-height:1.0em;margin:0;padding:2px 0 2px 0px;}
  .entry ul ul {font-size:1em;}
  .entry a { color: #01724E; text-decoration: none; font-weight: bold;}
    .entry a:hover { border-bottom: 1px solid #01724e;}
   	      
/* 2.3	Sidebars
-----------------------------------------------------------------------------------------------*/	
  #navigation ul {list-style: none; margin:0; padding:0;}
  #navigation ul li {text-align: left; color: #FFFFFF; font-size: 1.2em; font-weight: bold; 
  	line-height: 1.0em; 
  	padding: 7px 10px 8px 20px; 
  	border-bottom: 1px solid #ffffff;
  }
  #navigation ul li a { color: #FFFFFF; text-decoration: none; font-weight: bold;}
  #navigation ul li a:hover { color: #006553; background: #BEE3DB;}
  #nav li:hover, #nav li.sfhover, #nav li:hover a, #nav li.sfhover  a { color: #006553; background: #BEE3DB;	}
  
  .home #nav-home, .home #nav-home a,
  .residential #nav-residential, .residential #nav-residential a,
  .energy #nav-energy, .energy #nav-energy a,
  .about #nav-about, .about #nav-about a,
  .testimonials #nav-testimonials, .testimonials #nav-testimonials a,
  .sample-report #nav-sample-report, .sample-report #nav-sample-report a,
  .things #nav-things, .things #nav-things a,
  .referral #nav-referral, .referral #nav-referral a,
  .affiliations #nav-affiliations, .affiliations #nav-affiliations a,
  .services #nav-services, .services #nav-services a,
  .inspection #nav-inspection, .inspection #nav-inspection a,
  .environmental #nav-environmental, .environmental #nav-environmental a,
  .mold-faq #nav-mold-faq, .mold-faq #nav-mold-faq a,
  .termite-facts #nav-termite-facts, .termite-facts #nav-termite-facts a,
  .asbestos-faq #nav-asbestos-faq, .asbestos-faq #nav-asbestos-faq a,
  .lead-faq #nav-lead-faq, .lead-faq #nav-lead-faq a,
  .request #nav-request, .request #nav-request a,
  .contact #nav-contact, .contact #nav-contact a
   {background: #BEE3DB  !important; color: #006553 !important;}
  
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	
	#partner {text-align: center;}
		#partner img {padding: 20px 30px 0 30px;}
	#footer { font-size: 1.2em; color: #ffffff; padding: 28px 0; text-align: center;}
		#footer a { font-weight: bold; color: #ffffff;}
		
		
		blockquote {
margin: 10px 10px;
padding: 5px;
background: #f2f2f2;
border-bottom: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
}
blockquote p {
padding-left: 10px;
}