/* 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: #993300;  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, #quote:after, #sidebar:after, #wrapper:after, #header .branding:after, #nav:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden; z-index:100;}

.group, #quote, #sidebar, #wrapper, #header .branding, #nav
{ zoom: 1; display: block; z-index:6; }

/*#logoback {background-image:url(../images/arcticbearlogo.jpg); richness:5; background-repeat:no-repeat; background-position:center}*/

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:#000000;background:#fff;}
	#header {position:relative;/*height:323px;*/border-width:0 0px 0 0px;border-style:solid;border-color:#FFFFFF;color:#2a2a2a;}
	#header .branding {border-bottom:4px solid #b34419;border-top:3px solid #ffffff;border-right:1px solid #ffffff;border-left:1px solid #ffffff;background:#fff url(../images/bg_branding-2.jpg) top left no-repeat;padding:10px 0 10px 0;}
	#wrapper {border-width:0 3px 3px 3px;border-style:solid;border-color:#FFFFFF;background:url(images/bg_wrapper.gif) top repeat-x;}
	
	#wrapper .logos {clear:both;}
	
	#wrapper {padding:15px 30px 5px 30px;color:#000000;}
	#content { float: left; width: 770px; }
  	.contact #content, .home #content {width:520px;float:left;}
  	#sidebar {width:225px;padding-left:21px;float:right;padding-top:4px; z-index:6;}
  	#quote {width:225px;padding-left:10px;float:left;padding-top:4px; z-index:9; position:absolute}
	#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:#b34419;font-weight:bold;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:none;left:225px;width:364px;position:relative;z-index:5;}
	  #header #grate {
	float:left;
	width:845px;
	margin:0;
	padding:0;
	position:absolute;
	left: -1px;
	top: 360px;
	z-index:1;
	overflow: visible;
	height: 445px;
}
#linkage {
	float:left;
	width:280px;
	margin:0;
	padding:0;
	background-color:#FFF;
	position:absolute;
	left: 563px;
	top: 1px;
	z-index:6;
	visibility: visible;
	overflow: visible;
	background-image: url(images/grate.png);
	height: 271px;
}
	#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; z-index:6;}
	#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;color:#fff;padding:13px 9px 10px 9px;}
	#header .branding ul.messages li.light {background-color:#FFFFFF; border:none}
	#header .branding ul.messages li.dark {background-color:#06056b;}
	#header .branding ul.messages li a {display:block;padding-left:10px;background:left center no-repeat;color:#fff;text-decoration:none;line-height:19px;}
	#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:#000000; 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; position:absolute; z-index:9}
	    #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:#0033CC; text-decoration:none;}
#footer a:hover {text-decoration:none;}


/* Logobar---------------------*/
#logobar {
	position:absolute;
	left: 95px;
	top: 970px;
	width: 827px;
	}