/* 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 */

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: #ce000c;  text-decoration: underline;}
a:hover, a:active { color:#006553; }

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

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

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

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

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

/* 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: 297px;
	padding: 0 .25em;
	background-color: #5C5A85;
	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: 62.5% Arial, Helvetica, sans-serif !important;text-align:center;}

.clr {clear:both;margin:0;padding:0;line-height:.01em;font-size:.01em;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	/* Main Backgrounds */
  body {color: #000000; background: #000069; height: 100%;}
  #page { background: #000069 url(../images/bg.png) repeat-x left top;}
	.container {width: 954px; margin:0 auto;  padding: 0; text-align: left; position: relative;
		background: #EADFCF url(../images/bg_container.png) repeat-x 0px 66px;}
	#header {width:954px; height: 66px; margin: 0; z-index: 1; background: #000000;}
  #wrapper {width: 954px;  background: url(../images/bg_content.jpg) no-repeat 172px 35px;}
	#content {width: 596px; float:right; margin: 0; padding: 0px 37px 0px 0; overflow: hidden;}
		.home #content {background: url(../images/bg_home.jpg) no-repeat top right; width: 620px; margin: 0; padding: 0px 33px 0px 0; }
		
  #aside{ padding-left: 8px; width: 258px; float:left;}
	#footer {clear: both; width: 100%; margin:0; padding:0; background: #000 url(../images/bg_footer.png) repeat-x 0 0; dispaly: block; overflow: hidden;}
		.copyright {width: 854px; margin: 0 auto; padding: 46px 50px 30px 50px; background: url(../images/bg_copyright.png) repeat-x 0 0; 
			font-size: 0.9em;
		}
	
				
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
  .logo {margin:0;padding:0;position: absolute; z-index: 100; top: 0px; left: 9px; width: 257px; height: 178px;}
	.logo a {display:block;text-indent:-9999px;background:url(../images/logo.jpg) no-repeat; width: 257px; height: 178px; margin:0; padding:0;}
	#header {font: 1.1em/1.5em Tahoma, Arial, Helvetica, sans-serif !important; position:relative; }
	#header p {margin:0;}
	#header .vcard {float:right; color: #ffffff; font-size: 1.1em;  text-align: right !important;}
	#header .vcard .address {float:left; padding: 5px 17px 5px 0px; margin-top: 10px;font-size: 1.7em;}
	#header .vcard .call {float:left; background:url(../images/dot2.png) repeat-y 0% 0%;  
		padding: 5px 17px 5px 17px;  margin-top: 10px; text-align: right;}
	#header .vcard .call .tel {font-size: 1.6em; color: #ffffff;  text-align: right;}

	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	#content {text-align: left; display: block;  overflow: hidden; font-family: Tahoma, Arial, Helvetica, sans-serif !important;
	}
		.slogan {margin: 161px 0 12px 0; height: 25px; width: 310px; position: relative; overlow: hidden;}
		.slogan span {height: 25px; width: 310px; position: absolute; top: 0; left:0; background: url(../images/_your_best_choice.jpg) no-repeat;}
		.home_content { background: url(../images/bg_home_content.png) no-repeat left bottom;}
		.home_content_wrapper { background: url(../images/bg_home_content_top.jpg) no-repeat left top; padding: 15px;}
		 * html .home_content_wrapper { height: 86px;}
		 
		.home_content h2, .home_content h2 a {font-size: 1.5em;  color: #ce000c; margin: 0; padding:0; font-family: Tahoma, Arial, Helvetica, sans-serif !important;text-decoration:none; line-height:1.2em;}
		.home_content h2 a:hover {color:#006553;}
	
		.happy_customer {font-size: 1.1em; color: #00000; font-weight: bold; padding: 0 13px;}
		.happy_customer h2 {font-size: 1.4em;}
		.home_service { background: url(../images/bg_service.png) no-repeat left top;
			 width: 589px; color: #fff; padding: 28px 0 0; overflow: hidden; }		
		.home_service_bottom{ background: url(../images/bg_service_bottom.png) no-repeat left bottom; width: 529px; padding: 0 30px 10px 30px; overflow: hidden; }	
		.home_service p {margin: 0; padding:0;}
		.home_service .home_service_left {width: 240px; float: left;}
		.home_service .home_service_right {width: 240px; float: right; padding-left: 28px; border-left: 1px solid #323176;}
		.home_performance {text-align: center; padding: 7px 50px; color: #3f3f3f; font-family: Arial, Verdana,sans-serif; font-size: 1.2em;}
		.home_performance h2 { font-size: 1.333em; margin-bottom: 5px;}
		.home-credit-card  {font-size: 1.1em; color: #2e2e2e; font-weight: bold; line-height: 20px; text-align: center;
			padding-top: 10px;
		}
		.home-credit-card img {vertical-align: middle;}
		
	.content-top { width: 596px; margin-top: 20px; height: 19px; 
			background: url(../images/bg_content_top.png) no-repeat left bottom;
			display: block; overflow: hidden; padding: 0; }
	.pagetitle {width: 566px; background: url(../images/bg_pagetitle.png) no-repeat left bottom; 
		height: 33px; display: block; overflow: hidden;
		padding:0 0 0 30px; margin:0; color: #fff; line-height: 33px; font-size: 1.6em;
	
	}
  .entry { font: 1.2em/1.5 Arial, Helvetica, sans-serif; color: #3f3f3f; margin: 0; padding: 10px 20px 17px 20px; min-height: 640px;
		 background: url(../images/bg_content.png) no-repeat left bottom;}
		* html .entry { height: 640px;}
  .entry h2 { font-size: 1.5em !important; color: #3c527e; font-family: Georgia, Times, "Times New Roman", serif; 
    font-weight: normal; margin:0; padding: 0 0 5px 0;}
  .entry h1 { font-size: 1.8em !important; color: #3c527e; font-family: Georgia, Times, "Times New Roman", serif; 
    font-weight: normal; margin:0; padding:0 0 5px 0;line-height:1em;}    
  .entry h3 { font-size: 1.333em !important; color: #6f90b8; font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: normal; margin:0;  padding: 5px 0;}    
  .entry p {margin: 0 0 1.5em 0; padding:0; font-size: 1.0em;}
  .entry img { padding: 0px;}
  .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 {margin:0; font-size:1.0em; list-style: none;}
  .entry ul li {line-height:1.0em;margin:0; padding-bottom: 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: #ce000c; text-decoration: none;}
    .entry a:hover { color:#006553;  text-decoration: underline;}
   	      
/* 2.3	Sidebars
-----------------------------------------------------------------------------------------------*/	
	#sidebar {font-family: Tahoma,  Arial, Helvetica, sans-serif !important;
		padding: 0; width: 258px; color: #ce000c;
	}  
	
	.navigation-wrapper {background: url(../images/bg_navigation_top.jpg) no-repeat left top; padding: 15px 24px 0px 15px; }
		* html .navigation-wrapper {height: 60px;}
	#navigation {margin: 130px 0 0 0; background: url(../images/bg_navigation.png) repeat-y left bottom; padding: 0 0px 20px 0px;}
	
	.navigation-wrapper ul { list-style: none; padding: 0; margin:0;  position: relative;}
	
	.navigation-wrapper ul li { background: url(../images/dot.png) repeat-x left bottom;  width: 219px; padding-bottom: 1px;color: #ce000c;  position: relative; }
		.navigation-wrapper li li, 	.navigation-wrapper li.last {background: none;}
	.navigation-wrapper ul li span { padding: 7px 19px 7px 8px !important; margin:0; font-size: 1.2em; letter-spacing: 0px;
		line-height: 1.0em; font-weight: bold; display: block;}
		* html .navigation-wrapper ul li span, 
		*+html .navigation-wrapper ul li span { display: inline-block;}
	.navigation-wrapper ul li.green span { background: url(../images/green.png) no-repeat 100% 50% !important ; color:#8EC642;	}
	
	.navigation-wrapper ul li a {color: #ce000c; margin:0; padding:0; text-decoration: none; width: 219px;  overflow: hidden; display: block;}
	.navigation-wrapper ul li a span {cursor: pointer;}
	.navigation-wrapper ul li li a {background: url(../images/bg_nav_current.png) no-repeat !important; color: #cccccc;}
	.navigation-wrapper ul li a:hover span { color: #FFFFFF;}
	
	.navigation-wrapper ul li a:hover, .navigation-wrapper ul li:hover a { color: #FFFFFF !important;}
	

  #nav li:hover li, #nav li.sfhover li, #nav li:hover, #nav li.sfhover { 
	background: url(../images/bg_nav_current.png) no-repeat !important; color: #cccccc;}
	
	.navigation-wrapper ul li.green a:hover, .navigation-wrapper ul li.green:hover a {color:#8EC642;}
	.navigation-wrapper ul li#nav-home-efficiency-performance a:hover span, .navigation-wrapper ul li#nav-home-efficiency-performance a:hover {color:#8EC642}			
	.navigation-wrapper li ul { /* second-level lists */
		position : absolute; z-index: 800;
		left: -999em; 	margin-top : -26px;
	}
		*+html .navigation-wrapper ul li span { margin-top : 0px;}
  .navigation-wrapper li:hover ul ul, .navigation-wrapper li:hover ul ul ul, 
	.navigation-wrapper li.sfhover ul ul, .navigation-wrapper li.sfhover ul ul ul { 
		left: -999em; }
	.navigation-wrapper li:hover ul, 
	.navigation-wrapper li li:hover ul, .navigation-wrapper li li li:hover ul, .navigation-wrapper li.sfhover ul, 
  .navigation-wrapper li li.sfhover ul, .navigation-wrapper li li li.sfhover ul { 
		left : 218px;  }
		
	.home li#nav-home,
	.about-us li#nav-about-us,
	.plumbing-services li#nav-plumbing-services,
	.hvac-services li#nav-hvac-services,
	.green-products-practices li#nav-green-products-practices,
	.articles li#nav-articles,
	.testimonials-survey li#nav-testimonials-survey,
	.employment li#nav-employment,
	.request-service li#nav-request-service,
	.wet-basement_crawlspace li#nav-wet-basement_crawlspace,
	.promotions-specials li#nav-promotions-specials,
	.mold-indoor-air-quality li#nav-mold-indoor-air-quality,
	.contact-us li#nav-contact-us
	{background: url(/images/bg_nav_current.png) no-repeat !important;color: #FFF; }
	
	.home li#nav-home a,
	.about-us li#nav-about-us a,
	.plumbing-services li#nav-plumbing-services a,
	.hvac-services li#nav-hvac-services a,
	.green-products-practices li#nav-green-products-practices a,
	.articles li#nav-articles a,
	.testimonials-survey li#nav-testimonials-survey a,
	.employment li#nav-employment a,
	.request-service li#nav-request-service a,
	.mold-indoor-air-quality li#nav-mold-indoor-air-quality a,
	.contact-us li#nav-contact-us a
	{ color: #fff;}
	
	.home-efficiency-performance li#nav-home-efficiency-performance a	{color: #8EC642;}
	
	.service-area, .scrollingtext {
		margin: 10px 0 0 10px; padding: 15px 0px 20px; width: 233px; 
		background: url(../images/bg_area_inner.png) no-repeat 0 100%;
		display: block; overflow: hidden;	color: #000000;
	}
	.service-area-inner, .scrollingtext-inner{background: url(../images/bg_area.png) no-repeat 0 0; padding: 10px 15px 0px; width: 203px; overflow: hidden;}
	.service-area h2 {font-size: 1.5em; color: #ce000c; margin: 0; padding:0;}
	.service-area p {margin:0;}
	.service-area ul { margin: 0 0 0 25px; padding:0;}
	
	/* scrolling text box */
	#scrollup {
   position: relative;
   overflow: hidden;
   height: 90px;
   width: 203px
 }
 
 .headline {
   position: absolute;
   top: 210px;
   left: 20px;
   padding-top: 15px;
   width:190px;
   font-size: 1.1em;
 }

	
	.credit-card { padding: 10px 0 10px; text-align: center; font-size: 1.2em; color: #333; line-height: 1.5em; }
	.home .credit-card {display: none;}

/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	
	#footer { font-size: 1.1em; color: #838383; text-align: center;}
		#footer a { color: #838383;}

blockquote {
margin: 10px 10px;
padding: 5px;
background: #e5dfd7;
border-bottom: 1px solid #AF9878;
border-right: 1px solid #AF9878;
}
blockquote p {
padding-left: 10px;
}

blockquote cite {font-style: italic;}
