/* 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 5px 0; }
p { font-size: 1.1em; line-height: 1.5; }
h1 { font-size: 1.8em; line-height:1.16em; color:#b67721; text-decoration: underline;}
h2 { font-size: 1.2em; line-height:1.16em; color:#165895;}
h3, h4, h5, h6 { font-size: 1.1em; font-weight:bold; line-height:1.27em;}

a { color: #0053a0;  text-decoration: underline; font-weight:bold;}
a:hover, a:active { text-decoration: none; }

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

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

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

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

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

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

.entry input[type="submit"] {
margin: 0 0 0 270px;
} 
/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 170px;
	padding: 0 .25em;
	background-color: #0567ae;
	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;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	/* Main Backgrounds */
  
  body {color: #2d2d2d; background: #b1b6ba;}
  #page {}
  .container {width: 839px; margin: 0 auto;  padding: 0; text-align: left; position: relative; background: #fff ;}
  #header {position:relative; width: 839px; height: 304px; margin: 0; z-index: 1; background: #0053a0 url(../images/header_bg.png) repeat-x 0 100%; overflow: hidden; margin: 0; }
  #header-in { width: 839px; height: 304px; margin: 0; z-index: 1; background: url(../images/header.jpg) no-repeat 0 0; overflow: hidden; margin: 0; }
  #wrapper {width: 810px; padding: 0 12px 0 17px; margin: 0; text-align: left; background: #fff url(../images/wrapper_bg.png) repeat-x 0 0;  }
  #content {width: 584px; float: right; overflow: hidden; padding: 0; background-color: #fff; }
  #secondary-content{ margin: 0 0 20px; overflow: hidden;  clear: both; height: 100px; position: relative; }
  #aside {width: 208px; float: left; overflow: hidden; clear: left; }
  #footer {clear:both; width: 839px; margin: 0 auto; background: #0053a0;  }
	
				
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
  #header h1 {margin:0;padding:0; position: absolute; z-index: 100; top: 0px; left: 5px; width: 461px; height: 221px;}
  #header h1 a {display:block;text-indent:-9999px;background:url(../images/logo.png) no-repeat; width: 461px; height: 221px; margin: 0; padding:0;}

   .subpage p.slogan{ display: none;}
   .subpage p.quick-contact{ position: absolute; z-index: 100; margin: 0; font-size: 2.2em; color: #fff; right: 26px; bottom: 35px;}

  p.slogan{text-indent: -9999px; background:url(../images/slogan.png) no-repeat; width: 408px; height: 33px; position: relative; z-index: 120; margin: 0;  position: absolute; left: 230px; bottom: 17px;}
  p.quick-contact{ z-index: 150; margin: 0; width: 396px; font-size: 1.4em; color: #fff; position: absolute; height: 81px; top:25px; right: 20px;}
 	p.quick-contact span{ font-size: 2em; font-weight: bold;}
	p.quick-contact a{ font-weight: bold;}

 
  
/*  	#header .quote span { position: absolute; top: 0px; left: 0px; width: 724px; height: 113px;  
	      background: url(../images/top_quotes.gif) no-repeat 0 0;}*/

/* 2.1.1 Navigation
-----------------------------------------------------------------------------------------------*/	
   #navigation{ margin: 0;width: 208px; float: left; overflow: hidden; }  
   #navigation ul{  overflow: hidden; padding: 0; margin: 0; list-style: none; width: 208px;}
   #navigation ul li{ width: 188px; color: #e2e1e1;font-size: 1.2em; padding: 0; text-align: left; padding: 0 0 0 20px; min-height: 26px; line-height: 26px; background: url(../images/nav_bg.png) repeat-x 0 100%; }
   * html #navigation ul li{ height: 26px; }
   #navigation ul li span{ width: 171px; display: block; padding: 0 10px 4px 0; }
   #navigation ul li:hover, #navigation ul li.hover{ background-color: #eaeaea; color: #0053a0; background-image: none;}
   #navigation ul li:hover a,  #navigation ul li.hover a{color: #0053a0;}
   #navigation ul li a{ color: #e2e1e1; text-decoration: none; font-weight: normal;display:block;}
   #navigation ul li a:hover{ text-decoration: none;color: #0053a0;}
   li#nav-contact-us{ margin-bottom: -2px;}
   
   .home li#nav-home a,.home li#nav-home a:hover,
   .about-us li#nav-about-us a,.about-us li#nav-about-us a:hover,
   .plumbing li#nav-plumbing a,.plumbing  li#nav-plumbing a:hover,
   .sewer-drain li#nav-sewer-drain a,.sewer-drain li#nav-sewer-drain a:hover,
   .steam-hot-water li#nav-steam-hot-water a,.steam-hot-water li#nav-steam-hot-water a:hover,
   .service-area li#nav-service-area a,.service-area li#nav-service-area a:hover,
   .testimonials li#nav-testimonials a,.testimonials li#nav-testimonials a:hover,
   .portfolio li#nav-portfolio a,.portfolio li#nav-portfolio a:hover,
   .request-service li#nav-request-service a,.request-service li#nav-request-service a:hover,
   .contact-us li#nav-contact-us a,.contact-us li#nav-contact-us a:hover{ 
		color: #0053a0; text-decoration: none;
		}
		.home li#nav-home,
		   .about-us li#nav-about-us,
		   .plumbing li#nav-plumbing,
		   .sewer-drain li#nav-sewer-drain,
		   .steam-hot-water li#nav-steam-hot-water,
		   .service-area li#nav-service-area,
		   .testimonials li#nav-testimonials,
		   .portfolio li#nav-portfolio,
		   .request-service li#nav-request-service,
		   .contact-us li#nav-contact-us{
			background: #eaeaea; 
			 background-image: none;
		}
  		
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	.home #content{ width: 593px;  background: url(../images/home_content.png) no-repeat 0 0; position: relative; padding: 0; margin: 0; background-color: transparent;}
	.team{ margin-left: 8px;}
	#content h2{ font-size: 1.2em; clear: left;}
	#content p,#secondary-content p{ font-size: 1.2em; margin-bottom: 20px; line-height: 1.6;}
	#content ul{ list-style: square; margin: 0px 15px 20px; padding:0;font-size: 1.2em; width: 395px;}
	#content ul.locations{ width: 392px; float: left;margin: 0px 15px 20px 0;display: inline;}	
	#content ul.locations li{ float: left;  width: 180px; background:  url(../images/bullet.png) no-repeat 0 50%; display: inline; padding: 0 0 0 15px; margin: 0;}
	
    #content ul.affiliations{ list-style: none; margin-left: 0; line-height: 1.4;}
    #content ul.affiliations a{ display: block; background:  url(../images/link_bullet.png) no-repeat 0 50%; padding-left: 10px; min-height: 15px;}
    * html #content ul.affiliations a{ height: 15px;}
  
   

   .entry {  padding: 15px 35px 0px 30px; border: 1px solid #bbb; border-width: 0 1px 1px; margin-bottom: 10px; }
   .home .entry {  margin-bottom: 10px; border: none;  padding: 0;}
   .entry h2 { font-size: 1.2em; font-weight: bold; padding: 0;}    
   .entry h3 { font-size: 1.1em;}    
   .entry p {margin: 0 0 1em; padding:0; line-height: 2; }
   #content .entry ul{ padding:0; margin: 0px 0 18px 20px; font-size: 1.2em;  }
	.entry ol { padding:0; margin: 0px 0 18px 20px; font-size: 1.2em;  }
   	.entry ul li { margin: 0 20px 0 0; padding:2px 0 2px 10px; background:  url(../images/bullet.png) no-repeat 0 7px; list-style: disc;}
   .entry ol li { margin: 0 20px 0 0; padding:2px 0 2px 0px; list-style: decimal; }

   .entry a { color: #072b5f; text-decoration: underline;}
   .entry a:hover { border-bottom: 1px solid #072b5f;  text-decoration: none;}

/* 2.2.1	Secondary Content
-----------------------------------------------------------------------------------------------*/
	img.first{ position: absolute; bottom: 0px; left: 40px;}
	img.second{ position: absolute; top: 0px; left: 80px;}
	img.third{ position: absolute; top: 10px; left: 160px;}
	img.fourth{ position: absolute; bottom: 10px; left: 130px;}
	img.fifth{ position: absolute; bottom: 0px; left: 250px;}
	img.sixth{ position: absolute; top: 10px; left: 330px;}
	img.seventh{ position: absolute; bottom: 0px; left: 370px;}
	img.last{position: absolute; top: 10px; right: 50px;}
   	      
/* 2.3	Sidebars
-----------------------------------------------------------------------------------------------*/	
  #aside { margin: 0; padding: 0; position: relative; background:  url(../images/sidebar_bg.png) repeat-x 0 0; min-height: 396px;}
  * html #aside { height: 416px;}
  #sidebar{ padding: 15px 0 10px 20px;overflow: hidden; width: 188px;}
  #sidebar .map{ display: block; margin-bottom: 10px;}
  #sidebar .visa{ margin-left: 25px;}
  #sidebar h3 { font-size: 1.2em; margin: 0 0 5px 14px; padding: 0; line-height: 1;}
  #sidebar h3.top {  position: relative;}
  .license{ font-size: 1.8em; color: #868686; margin: 17px 0 11px 20px;}
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	
  #footer { color: #aaa; padding: 20px 0 20px 0; text-align: center;  }
  #footer p { font-size: 1em; line-height: 1.5; }
  #footer a {font-weight: normal;color: #aaa; text-decoration: none;}