body {

	background-image: url(images/bg.jpg);

	background-repeat: repeat-x;

	background-color: #14093e;

	font: 12px Verdana, Arial, Helvetica, sans-serif;

}

body, div, img, container, table, td, h1, h2, h3 {

	margin: 0px;

	padding: 0px;

	border: 0px;

}

.hide {	display: none; }

.floatL { float: left; }

.floatR { float: right; }

.clearB { clear: both; }



h1 	{ color: #000; font: 13px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 10px;}

h2 { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #2d82a4; font-weight: bold; padding: 5px 0 -10px 0;}



/* **********************  End Generic Styles/Classes  ******************** */



#container { position: relative; width: 759px; }

#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; }

.col3 { float: left; width: 15px;}

.col4 { float: left; margin-right: 0px; padding-bottom:20px; width: 467px; text-align: left;}

.col5 { float: left; margin-right: 0px;  background: url(images/R-repeat.gif) repeat-y; width: 24px; }

.col4 p { color: #626262; font: 12px Arial, Verdana, Helvetica, sans-serif;  line-height: 1.6em; }

.col4 a { color: #301499;  font:12px; text-decoration:none; }

.col4 a:hover { color: #301499;  font: 12px; text-decoration: underline; }

.hp-col4 { float: left; margin-right: 0px; padding-bottom:20px; width: 467px; text-align: left;}

.hp-col4 p { color: #626262; font: 12px 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: 180px;

	background: url(images/hp-bg-contact.jpg) no-repeat top;

}

.field-login { 

	width:171px; height:18px;

	background:#fff;

	border:1px solid #a4b9cd;

	margin:0; 

	padding:2px 0 0 6px;

	font: 11px Arial, Verdana, Helvetica, sans-serif;

	color:#29166f;

}

.field-login2 { 

	width:178px; height:20px;

	background:#fff;

	border:1px solid #a4b9cd;

	margin:0; 

	padding:2px 0 0 6px;

	font: 11px Arial, Verdana, Helvetica, sans-serif;

	color:#29166f;

}

.field-login3 { 

	width:171px; height:60px;

	background:#fff;

	border:1px solid #a4b9cd;

	margin:0; 

	padding:2px 0 0 6px;

	font: 11px Arial, Verdana, Helvetica, sans-serif;

	color:#29166f;

}

#leadin {color: #626262; font: 12px Arial, Verdana, Helvetica, sans-serif;  line-height: 1.2em;}

#leadin p {color: #a09f9f; font: 11px Arial, Verdana, Helvetica, sans-serif; font-weight:bold; line-height: 1.2em;}



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

.hp-subnavholder {float: left;  display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-left:0px; margin-right:0px; color:#4098BD;}

.subnavholder {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:5px; margin-right:6px; color:#4098BD;} 

.subnav {color:#4098BD; text-decoration:none; } 

.subnav_on {color:#4098BD; text-decoration:underline; } 

.subnav a:hover {color:#4098BD; text-decoration:underline; } 

.li_subnav {list-style-type:square; margin:0 0 3px 4px; padding-left:-3px; list-style-position:inside;color:#301499;}



.sidebarNav { 

	color: #5a5a5a; 

	width: 170px;

	font: 10px Verdana, Arial, Helvetica, sans-serif;  

	line-height: 1.7em; 

	text-align: left;

	padding: 5px 0 5px 55px;

}

.sidebarNav  a { color: #301499;  font:11px; text-decoration:none;  }

.sidebarNav  a:hover { color: #301499;  font: 11px; text-decoration: underline; }





.linkholder {float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#301499;} 

.link {color:#301499; text-decoration:none; } 

.link:hover {color:#301499; text-decoration:underline; } 



.flash {

	font-size: 11px;

	font:Arial, Verdana, Helvetica, sans-serif;

	color: #fff;

	background-color:#3bb3c3;

	height: 356px;

}

.flash a {

	font-size: 11px;

	color: #29166f;

	font-weight: bold;

	text-decoration: none;

}

.flash a:hover {

	font-size: 11px;

	color: #29166f;

	font-weight: bold;

	text-decoration: underline;

}



.flash2 {

	font-size: 11px;

	font:Arial, Verdana, Helvetica, sans-serif;

	color: #fff;

	height: 280px;

}

.flash2 a {

	font-size: 11px;

	color: #29166f;

	font-weight: bold;

	text-decoration: none;

}

.flash2 a:hover {

	font-size: 11px;

	color: #29166f;

	font-weight: bold;

	text-decoration: underline;

}



/********************/

/*   child styles   */

/********************/



#contact { 

	width: 229px;

	height: 180px;

	background: url(images/bg-contact.jpg) no-repeat top;

}

#content{ 

	width: 396px;

	margin: 70px 0 0 46px;

}



#urgent{ 

	width: 357px;

	padding: 20px;

	font: 12px Verdana, Arial, Helvetica, sans-serif;  

	color: #fff;

	background: url(images/bg-urgent.jpg) repeat-x top;

	font-weight: bold;

	margin: 0 0 10px 0;

	text-align:center;

	line-height: 20px;

}





#wrap {color:#4098bd;}

#wrap a {color:#4098bd;}

#wrap a:hover {color:#4098bd;}



.sidebar { 

	color: #5a5a5a; 

	width: 140px;

	font: 10px Verdana, Arial, Helvetica, sans-serif;  

	line-height: 1.7em; 

	text-align: left;

}

.sidebar  a { color: #301499;  font:11px; text-decoration:none;  }

.sidebar  a:hover { color: #301499;  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: 11px Verdana, Arial, Helvetica, sans-serif;

	vertical-align: middle;

}

#caption p{

	font: 11px Arial, Helvetica, sans-serif;

}

.contact_form {

	color: #626262; 

	font: 12px Arial, Verdana, Helvetica, sans-serif;  

	line-height: 1.6em;

}



/*******************/

/*  footer styles  */

/*******************/

#footer { padding: 0px;}



.utility {

	color: #c1c1c1;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	margin-top: 16px;

	width: 734px;

}

.utility a { color: #c1c1c1; text-decoration: none; }

.utility a:hover { color: #c1c1c1; text-decoration: underline; }



#credits {

	color: #888989;

	font: 10px Arial, Helvetica, sans-serif;

	padding: 5px 0 5px 0;

	width: 734px;

} 

#credits a { color: #888989; text-decoration: none; }

#credits a:hover { color: #888989; text-decoration: underline; }

#navigation {margin-top: 0; margin-bottom: 0; }
#navigation ul {list-style: none; margin: 0; padding: 0;}
#navigation ul li.active ul li a{ display: block; }
#navigation ul li a {
   display: block;
   background: url(images/nav_off.jpg) no-repeat transparent;
   color: #299aa8;
   text-decoration: none;
   font: bold 15px  arial;
   padding: 7px;
   text-align: left;
padding-left: 50px;
 
}
#navigation ul li ul li {display: none;}
#navigation ul li.active ul li a:hover {font-size: 12px; background: url(images/L-fill.gif) no-repeat transparent; }
#navigation ul li a:hover, #navigation ul li.active a{

   background: url(images/nav_over.jpg) no-repeat transparent;
   color: #29166f;
     
}
	
#navigation ul li.active ul li {display: block;}
#navigation ul li.active ul li a {font: normal 11px arial;  background: url(images/L-fill.gif) no-repeat #ececec;    color: #299aa8; }
#navigation ul li.active ul li a:hover { color: #29166f; font: normal 11px arial; background: url(images/L-fill.gif) no-repeat #ececec;  }
h1.pagetitle {float: right; font: bold 20px "Trebuchet MS", arial, sans serif; padding: 10px 12px 0 0; color: #333333;} 
#lobby { padding-top: 10px; width: 229px; background: #ededed;}

#logonavdivider {margin-top: -10px; }
.handheld {display: none;}