body {	background-image: url(../images/bg.jpg);	background-repeat: repeat-x;	background-color: #f8b026;	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: #f26528; font-weight: bold; padding: 5px 0 -10px 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;}.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 { color: #626262; font: 12px Arial, Verdana, Helvetica, sans-serif;  line-height: 1.6em; }.col4 a { color: #f26528;  font:12px; text-decoration:none; }.col4 a:hover { color: #f26528;  font: 12px; text-decoration: underline; }.hp-col4 { float: left; margin-right: 0px; padding-bottom:20px; width: 698px; text-align: left;}.hp-col4 p { 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.gif) 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;	color:#666;}.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;	color:#666;}.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;	color:#666;}#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; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-left:5px; margin-right:6px; color:#4098BD;}.subnavholder {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin-left:5px; margin-right:6px; color:#f26528;} .hp-subnavholder a:hover {text-decoration:underline; } .subnav {color:#f26528; text-decoration:none; } .subnav_on {color:#f26528; text-decoration:underline; } .subnav a:hover {color:#f26528; text-decoration:underline; } .li_subnav {list-style-type:square; margin:0 0 3px 4px; padding-left:-3px; list-style-position:inside; /*color:#f7ad26;*/ color:#f26528;}.linkholder {float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#301499;} .link {color:#f36527; text-decoration:none; } .link:hover {color:#f36527; text-decoration:underline; } .flash {	font-size: 11px;	font:Arial, Verdana, Helvetica, sans-serif;	color: #fff;	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;}/********************//*   child styles   *//********************/#contact { 	width: 229px;	height: 180px;	background: url(../images/bg-contact.jpg) no-repeat top;}#content{ 	width: 627px;	margin: 70px 0 0 46px;}#urgent{ 	width: 570px;	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;}#hp-wrap {	line-height:1.2em;}#wrap {color:#f26528;}#wrap a {color:#f26528;}#wrap a:hover {color:#f26528;}.sidebar { 	color: #5a5a5a; 	width: 140px;	font: 10px Verdana, Arial, Helvetica, sans-serif;  	line-height: 1.7em; 	text-align: left;}.sidebar  a { color: #f26528;  font:11px; text-decoration:none;  }.sidebar  a:hover { color: #f26528;  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: #fff;	font: 11px Verdana, Arial, Helvetica, sans-serif;	margin-top: 16px;	width: 950px;}#utility a { color: #fff; text-decoration: none; }#utility a:hover { color: #fff; text-decoration: underline; }#credits {	color: #fee2ae;	font: 10px Arial, Helvetica, sans-serif;	padding: 5px 0 5px 0;	width: 950px;} #credits a { color: #fee2ae; text-decoration: none; }#credits a:hover { color: #fee2ae; 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: #dd5d26;   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: #dd5d26;     }	#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;}
