html { height: 100%; }
body { 
	margin:20px 0 0 -1px;
	padding:0;
  	min-height: 100%;
	height: 100%;
	color:#333333;
	text-align:center;
	font:normal 14px arial, san-serif;
	background:#002157;

}
/* basic elements */
a:link, a:visited {color:#58AAE2;}
a:hover, a:active {color:#002157}

h1 {margin:0;padding:0;font:normal 30px Arial, Helvetica, sans-serif;color:#58AAE2;text-transform:uppercase}
h2 {margin:0;padding:0;font:normal 18px Arial, Helvetica, sans-serif;color:#000000;text-transform:uppercase}
h3 {margin:0;padding:0;font:normal 16px Arial, Helvetica, sans-serif;color:#333333;text-transform:uppercase}

hr {
	height:0px;
	border:solid #000000 0px;
	border-top-width: 1px; 
}
div {
	margin: 0;
	padding: 0;
}
.clearall {
	clear:both;
	margin: 0;
	padding: 0;
}

#container {
	position:relative;
	margin:0;
	padding:0;
	width:960px;
	text-align:left;
	position:relative;	
	margin-left:auto;
	margin-right:auto;
}

/*///////////////////////////////
header
///////////////////////////////*/

#header {margin:0;padding:0;width:960px;height:193px;}


.green2 {
	color:#5d8c5d;
	font-size: 18px;
}

#toolbox {
	margin:0;
	padding:0;
	top: 500px;
	left: 520px;
	float: left;
	position: absolute;
	z-index: 3;
	float: left;
}


/*signup box*/

.signupcontainer {
	float:right;
	padding-right:20px;
	width:242px;
	height:66px;
	background: url(../img/signupBG.png) no-repeat top left
}

.signupInput, .signupgo {
	float:left;
}
.signupInput {
	padding:35px 0 0 25px;
	margin:0;
	width:160px;
}
.signupInput input	{
	margin:0;
	padding:0;
	width:160px;
	font:normal 14px arial;
	border:0;
	color:#F0F0F0;
	text-align:center;
	background:#A2C0D5;
}
.signupgo {
	margin:30px 0 0 11px;
	padding:0;
	width:36px;	
}


/*///////////////////////////////
navigation
///////////////////////////////*/
#navcontainer {
	clear:both;
	margin:0;
	padding:0;
	height:62px;
	background:#FFFFFF;
}
#nav {
	margin:0 10px 0 10px;
	width:940px;
	height:42px;
	border-bottom:solid #656565 1px;
	background:#FFFFFF url(../img/navBG.png) repeat-x top left;
	
}
#nav ul {
    margin:0 0 0 30px;
    padding:0;
    list-style:none;
}
#nav li {
	float:left;
    margin:0;
    padding:0;
		background: url(../img/navBevel.png) no-repeat right 2px;
}

#nav a {
	float:left;
	display:block;
	margin:0;
	padding:14px 16px 0 16px;
	height:28px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase
}
#nav a:hover {color:#58AAE2;}

/* Higlights the link for selected page */
#Home #nav-Home a, #CorporatePlumbing #nav-CorporatePlumbing a, 
#ResidentialPlumbing #nav-ResidentialPlumbing a, #Blog #nav-Blog a, 
#GreenPlumbing #nav-GreenPlumbing a, #Specials #nav-Specials a, 
#ContactUs #nav-ContactUs a, #Newsletter #nav-Newsletter a {color:#00CCFF}

#nav li#nav-Home a {padding-left:0;}

/* NOTE: this removes the right bevel from last menu item 
#nav li#nav-ContactUs {background:none}
#nav li#nav-ContactUs a {padding-right:0;} */


/* ///////////////////////////////
Body and container styles
///////////////////////////////*/

#maincontainer {clear:both;padding:0;width:960px;background:#FFFFFF url(../img/mainBG.png) repeat-y top left;overflow:hidden}
#col1, #col2, #col3, .col1bx1, .col1bx2, .col1bx3 {float:left;margin:0;padding:0;}
#col1 {padding:0 0 0 15px;width:690px;}
#col1 ul {margin:0;padding:0;list-style-image:url(../img/arrow-bullets.png);list-style-type:circle;}
#col2 {padding:0 10px 0 20px;width:224px;background:transparent}
.col1bx1 {width:185px;height:299px;}
.col1bx1 span {display:none}
.col1bx2 {padding:0 0 0 25px;width:470px;font:14px/20px Arial, Helvetica, sans-serif;color:#333333;}
.logo {clear:both;padding:10px 25px 0px 25px;height:110px;width:690px;}

/* call to action bullet points */
.cta {font-size:16px}

/*adds padding-right to bottom logos */
.logopadr {padding-right:10px}

/*///////////////////////////////
footer
///////////////////////////////*/

#footercontainer {
	clear:both;
	margin:0;
	padding:60px 0 0 0;
	width:100%;
	height:95px;
	color:#004564;
	text-align:center;
	text-transform:uppercase;	
	background:#60B3E0 url(../img/bttmcorners.png) no-repeat top center
}
#footer {
	width:960px;
	text-align:left;
	position:relative;	
	margin-left:auto;
	margin-right:auto;
}
#footer a:link, #footer a:visited, .legal a:link, .legal a:visited {color:#FFFFFF;text-decoration:none}
#footer a:hover, #footer a:active, .legal a:hover, .legal a:active {color:#58AAE2}

.col1ftr, .col2ftr, .col3ftr, .col4ftr, .col5ftr {float:left;}
.col2ftr, .col3ftr, .col4ftr, .col5ftr {padding:18px 0 0 0;}
.col1ftr {padding:20px 0 0 30px;width:203px;height:85px;font-size:18px;background: url(../img/buttonRectangle.png) no-repeat top left}
.col2ftr {width:150px;height:55px;border-right:solid #4481AA 1px;font-size:18px;}
.col3ftr {padding-left:25px;width:180px;font-size:18px;}
.col4ftr {width:240px}
.col5ftr {width:102px}



.legal {
	clear:both;
	width:100%;
	color:#FFFFFF;
	font:normal 10px/15px arial, san-serif;
	text-align:center;
	text-transform:uppercase;
}

.foot a:link, .foot a:visited {color:#58AAE2;text-decoration:none}
.foot a:hover, .foot a:active {color:#FFFFFF}

.foot {
	clear:both;
	width:100%;
	color:#004564;
	font:normal 14px arial, san-serif;
	text-align:center;
	text-transform:uppercase;
}