/* 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.92em; font-family: Arial, Helvetica, sans-serif; text-align: center; }

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

a:link, a:visited { color: #990000;  text-decoration: none;}
a:hover, a:active {  text-decoration: underline; }

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

form { width: 43em; 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: #093479; }

/* 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: 270px;
	padding: 0 .25em;
	background-color: #093479;
	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; }

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

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	
	.container {position:relative;margin:0 auto;text-align:left;width:862px;}
	
	#nonfooter {border-width:0 8px 8px 8px;border-style:solid;border-color:#989898;background:#fff;}
	#header {position:relative;/*height:323px;*/border-width:0 4px 0 4px;border-style:solid;border-color:#989898;color:#2a2a2a;}
	#header .branding {border-bottom:4px solid #d6d6d6;border-top:3px solid #d6d6d6;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb;background:#fff url(../images/bg_branding-2.jpg) top left no-repeat;padding:10px 0 10px 0;}
	#wrapper {border-width:0 4px 4px 4px;border-style:solid;border-color:#a7a4a4;background:url(../images/bg_wrapper.gif) top repeat-x;}
	
	#wrapper .logos {clear:both;}
	
	#wrapper {padding:15px 30px 5px 30px;color:#333;}
	#content { float: left; width: 770px; }
  	.contact #content, .home #content {width:520px;float:left;}
  	#sidebar {width:225px;padding-left:21px;float:right;background:url(../images/bg_sidebar.gif) left top no-repeat;padding-top:4px;}
  	
	#footer {clear:both;}
	
	/* Main Backgrounds */
	body {background:#405069;color:#fff;}
				
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
#header .branding {background-color:#FFF; position:relative; zoom:1;}
#header h1 {margin:0;padding:0;width:255px;height:89px;}
#header h1 a {display:block;text-indent:-9999px;background:url(../images/logo.png) no-repeat;width:255px;height:89px;margin:0;}
#header h2.motto 
{top:46px;left:256px;margin:0;font-size:1.6em;line-height:1.125em;color:#7389c5;font-weight:normal;position:absolute;}
#header .support {top:22px;left:568px;width:252px;text-align:right;position:absolute;}
#header .support p.phone {font-size:1.8em;line-height:1.44em;margin:0;}
	  #header .support p.email {font-size:1.2em;line-height:1.33em;margin:0;}
	  #header .support p.email a {color:#2A2A2A;text-decoration:none;}
	  #header .support p.email a:hover {text-decoration:underline;}
	  #header #flash-callout {float:left;width:341px;margin:0;padding:0;background-color:#FFF;position:relative;z-index:1;}
	#header .branding object {background-color:#FFF;display:block;border:1px solid #FFF;width:341px;height:220px;}
	#header .branding ul.messages {float:right;width:268px;font-size:1.2em;margin:0;padding:0;}
	#header .branding ul.messages li {list-style:none;margin:0 0 6px 0;border:1px solid #d8d8d8;background-color:#507dd0;color:#507dd0;background-position:top left;background-repeat:repeat-x;background-image:url(../images/bg_messages-n.gif);color:#fff;padding:13px 9px 10px 9px;}
	#header .branding ul.messages li.light {background-color:#8bb9e5;background-image:url(../images/bg_messages-l.gif);}
	#header .branding ul.messages li.dark {background-color:#647186;background-image:url(../images/bg_messages-d.gif);}
	#header .branding ul.messages li a {display:block;padding-left:29px;background:url(../images/drop.gif) left center no-repeat;color:#fff;text-decoration:none;line-height:19px;}
	#header .branding ul.messages li.light a {background-image:url(../images/drop-l.gif);}
	#header .branding ul.messages li a:hover {text-decoration:underline;}   	
	#nav {float:left;width:200px; font-size:123%;position:relative;z-index:2;overflow:visible;}
	  #nav ul {padding:0;margin:0;}
	    #nav ul li { list-style:none; margin:0; padding:0; background:url(../images/bg_nav.gif) bottom left no-repeat; position:relative; float:left; width:193px; }
	      #nav ul li a { display:block; text-decoration:none; padding:4px 8px 4px 29px; color:#333; font-weight:bold; }
	      #nav ul li a:hover {text-decoration:none;color:#000;}
      	
	      #page #nav ul li ul {width:160px;border-top:1px solid #222; position:absolute; top:0; left:193px; display:none; }
	      #page #nav ul li.hover ul { display:block; }
	      #page #nav ul li ul li {float:left;clear:left;border:1px solid #222;border-top:none;background:none; width:auto;}
	      #page #nav ul li ul li a {background:url(../images/nav-d.png);color:#5c6372;cursor:pointer;padding:4px 8px;width:142px;}
	      #page #nav ul li ul li a:hover {background:url(../images/nav-d-h.png);color:#fff;}
	      * html #page #nav ul li ul li a {background:#dfe1e1;}
	      * html #page #nav ul li ul li a:hover {background:#647186;}
	      #page #nav ul li#nav-contact {background-image:none;}
	      
        /* Active States */
  
        body.plumbing #nav-plumbing a,
        body.heating #nav-heating a,
        body.products #nav-products a,
        body.client #nav-client a,
        body.ultimate #nav-ultimate a,
        body.thingstoexpect #nav-thingstoexpect a,
        body.coupons #nav-coupons a,
        body.home #nav-home a,
        body.our-story #nav-our-story a,
        body.testimonials #nav-testimonials a,
        body.green-plumbing #nav-green-plumbing a,
        body.ultimate #nav-ultimate a,
        body.articles #nav-articles a,
        body.contact #nav-contact a 
        {background:url(../images/nav-act.gif) left center no-repeat;color:#000;cursor:default;}
	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

	#content {}
	  
	  #content .twocol {}  
	  body.home #content h1,
	  body.home #content h2 {margin:4px 0;}
	  body.home #content p {line-height:1.63em;margin-bottom:14px;}
	    #content .twocol .col1 {float:left;width:230px}
	    #content .twocol .col2 {float:right;width:248px;padding-left:20px;background:url(../images/bg_sidebar.gif) top left no-repeat;}
	
	  #content ul, #content ol {padding:0 0 0 15px;margin:0 0 8px 0;font-size:1.1em;}
	    #content ul li {line-height:1.16em;margin:0;padding:2px 0 2px 12px;list-style:none;background:url(../images/bull.gif) 0 7px no-repeat; list-style:circle;}
	    #content ol li {line-height:1.16em;margin:0;padding:4px 0 4px 12px;}
	      #content ul ul {font-size:1em;}
	    	  
	  #content a:link,  #content a:visited {color: #0a1e3e;}
    #content a:hover {}
    

/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	

	#sidebar {}
	#sidebar .box {}
	#sidebar .box h3 {}
	#sidebar p.small {font-size:1em;line-height:1.3em;font-weight:bold;color:#000;margin-top:12px;}
	#cities {float: right; width: 250px; text-align: center;}
	#cities p {font-size: 1em; font-weight: bold;}

	
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

  #wrapper ul.logos {margin:0;padding:0;}
  #wrapper ul.logos li {float:left;margin:0;padding:0;list-style:none;margin-right:70px;}
  #wrapper ul.logos li.last {padding-left:27px;margin-right:0;}

	#footer {padding:8px 20px 18px;text-align:center;}
	  #footer p {font-size:1em;line-height:1.2em;margin:0;}

#footer a:link, a:visited {color:#fff; text-decoration:underline;}
#footer a:hover {text-decoration:none;}