body {
	background: url(images/bg.jpg) repeat-x #488735;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #666666;
}
body, div, img, container, table, td, h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

strong {
color: #488735;
}

.no-margin{
margin: 0;
padding: 0;}

a {color: #d4862a; text-decoration: none; font: normal 12px Verdana;}
a:hover {color: #488735; text-decoration: none!important;}

.hide {	display: none; }
.floatL { float: left; }
.floatR { float: right; }
.clearB { clear: both; }

h1 	{ font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding-top: 10px;}
h2 { font: bold 11px Verdana, Arial, Helvetica, sans-serif;  padding: 5px 0 -10px 0;}
h3 {color: #1f1a17; font: bold 13px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 7px 0;}
/* **********************  End Generic Styles/Classes  ******************** */

#container { position: relative; width: 990px; }
#hp-inner { float: left; background: url(images/hp-body-bg.gif) center repeat-y;}
#inner { float: left; background: url(images/body-bg.gif) center repeat-y;}

.col1 { float: left; background: url(images/L-repeat.gif) repeat-y; width: 24px; }
.col2 { float: left;  width: 229px; padding-top: -5px; margin-top: -5px; background-color: #d9eed2;}
.col3 { float: left; width: 15px;}
.col4 { float: left; margin-right: 0px; padding-bottom:20px; width: 698px; text-align: left;}
.col5 { float: left; margin-right: 0px;  background: url(images/R-repeat.gif) repeat-y; width: 24px; }
.col4 p {font: 13px Arial, Verdana, Helvetica, sans-serif;  line-height: 1.6em; }
.col4 a {  font:12px; text-decoration:none; }
.col4 a:hover {  font: 12px; text-decoration: underline; }
.hp-col4 { float: left; margin-right: 0px; padding-bottom:20px; width: 698px; text-align: left;}
.hp-col4 p { font: 13px Arial, Verdana, Helvetica, sans-serif;  line-height: 1.5em; }

#emergency:hover, #emergency-act, #emergency-act:hover { background:url(images/nav-emergency-o.jpg); width:229px; }
#emergency { background:url(images/nav-emergency.jpg); width:229px; }

#sewer:hover, #sewer-act, #sewer-act:hover { background:url(images/nav-sewer-o.jpg); width:229px; }
#sewer { background:url(images/nav-sewer.jpg); width:229px; }

#repiping:hover, #repiping-act, #repiping-act:hover { background:url(images/nav-repiping-o.jpg); }
#repiping { background:url(images/nav-repiping.jpg); width:229px; }

#remodel:hover, #remodel-act, #remodel-act:hover { background:url(images/nav-remodel-o.jpg); width:229px; }
#remodel { background:url(images/nav-remodel.jpg); width:229px; }

#heating:hover, #heating-act, #heating-act:hover { background:url(images/nav-heating-o.jpg); width:229px; }
#heating { background:url(images/nav-heating.jpg); width:229px; }

/*********************/
/*  homepage styles  */
/*********************/

#test { 
	width: 467px;
	background: #cccccc;
}

#hp-contact { 
	width: 229px;
	height: 271px;
	background: url(images/hp-bg-contact.jpg) no-repeat top;
}
.field-login { 
	width:171px; height:18px;
	background:#fff;
	border:1px solid #999;
	margin:0; 
	padding:2px 0 0 6px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;

}
.field-login2 { 
	width:178px; height:20px;
	background:#fff;
	border:1px solid #999;
	margin:0; 
	padding:2px 0 0 6px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;

}
.field-login3 { 
	width:171px; height:60px;
	background:#fff;
	border:1px solid #999;
	margin:0; 
	padding:2px 0 0 6px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;

}
#leadin { font: 13px Arial, Verdana, Helvetica, sans-serif;  line-height: 1.2em;}
#leadin-para {width: 400px;}

#hp-wrap {	line-height:1.2em;}
.hp-subnavholder {float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-left:5px; margin-right:6px;}
.subnavholder {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin-left:5px; margin-right:6px; } 
.hp-subnavholder a:hover {text-decoration:underline; } 
.subnav { text-decoration:none; } 
.subnav_on { text-decoration:underline; } 
.subnav a:hover { text-decoration:underline; } 
.linkholder {float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } 


.li_subnav {
margin:0 0 3px 4px; 
list-style-type: none;
background: url(images/green_bullit.gif) no-repeat 0 55%;
padding-left:12px;
line-height:1.5em; 
color: #d4862a;
font: 12px verdana;


}

.flash {
	font-size: 11px;
	font:Arial, Verdana, Helvetica, sans-serif;
	height: 356px;
}
.flash a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.flash a:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

/********************/
/*   child styles   */
/********************/

#contact { 
	width: 229px;
	height: 180px;
	background: url(images/bg-contact.jpg) no-repeat top;
}
#content{ 
	width: 627px;
	margin: 70px 0 0 46px;
	line-height: 18px;
}

#urgent{ 
	width: 570px;
	padding: 20px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;  
	background: #488735;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-align:center;
	line-height: 20px;
	color: white;
}

#hp-wrap {	line-height:1.2em;}

#wrap {}
#wrap a {}
#wrap a:hover {}

.sidebar { 
	width: 140px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;  
	line-height: 1.7em; 
	text-align: left;
}
.sidebar  a { font:11px; text-decoration:none;  }
.sidebar  a:hover {font: 11px; text-decoration: underline; }
.contact_input {
	height: 22px;
	vertical-align: middle;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 3px;
	padding-top: 2px;
}
.contact_field {
	vertical-align: middle;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 230px;
	font-weight: normal;
	background-position: center;
}
.contact_form{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
#caption p{
	font: 12px Arial, Helvetica, sans-serif;
}
.contact_form {
	font: 12px Arial, Verdana, Helvetica, sans-serif;  
	line-height: 1.6em;
}

/*******************/
/*  footer styles  */
/*******************/
#footer { padding: 0px; }

.utility {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 16px;
	width: 950px;
	color: white;
}
.utility a { text-decoration: none; color: white;}
.utility a:hover {text-decoration: underline!important; color: white;}

#credits {
	font: 10px Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 0;
	width: 950px;
    color: #a3d494; 

} 
#credits a { text-decoration: none; color: #a3d494; font: 10px Arial, Helvetica, sans-serif; }
#credits a:hover {text-decoration: underline!important;  color: #a3d494; }

.right {float: right; padding: 10px 0 10px 10px;}