body { background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-color: #14093e; font: 12px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 25px; }
body, div, img, container, table, td, h1, h2, h3 { margin: 0px; padding: 0px; border: 0px; }
body { margin-top: 10px; }
.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: 990px; }
#hp-inner { float: left; background: url(../new-images/hp-body-bg.gif) center repeat-y; width: 990px; }
#inner { float: left; background: url(../new-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: #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: 698px; text-align: left; }
.hp-col4 p { color: #626262; font: 14px Arial, Verdana, Helvetica, sans-serif; line-height: 20px; }
.hp-col4 h1 { font-size: 15px; }
#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;*/
	height: 224px; 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-col4 #leadin { font: 14px Arial, Verdana, Helvetica, sans-serif; line-height: 20px; }
.hp-col4 #leadin p { font-size: 13px; }
.hp-subnavholder .li_subnav .subnav { font-size: 13px; }
#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: url(../new-images/flash-bg.jpg) no-repeat 0px 8px transparent; 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;*/

	height: 224px; 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; }
#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: 960px; }
.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: 960px; }
#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; }
#content p { font: normal 14px arial!important; line-height: 20px!important; }
#content .subnavholder .li_subnav .subnav, #content ul { font: normal 14px arial!important; line-height: 18px!important; }
.contact_callout { position: absolute; top: 120px; .top: 140px;
left: 280px; width: 500px; color: #300063; font: bold 12px arial; line-height: 14px; }
#formtable { width: 380px; padding-right: 0; margin-right: -40px; }
#contact_form_big { margin-top: 20px; }
#contact_form_right p { font: normal 12px arial!important; line-height: 22px!important; }
#formtable .contact_form { width: 110px; }
#lower_left { font-size: 12px; text-align: left; margin-top: 10px; padding: 20px; }
#lower_left h2 { font-size: 12px; }
#lower_left ul { margin-left: 0; padding-left: 14px; list-style-type: square; }
#lower_left li { padding-bottom: 5px; }
/* chris */


h1.pagetitle { width: 100%; clear: both; text-align: right; }
div.contact { background: url(../new-images/c-header.gif) 0 0 no-repeat; width: 698px; height: 127px; }
div.contact p.img2txt { float: right; color: #2b1e70; font-size: 12pt; font-weight: bold; line-height: 1.2; text-align: right; margin-right: 10px; margin-top: 16px; .padding-top: 16px; .padding-right: 10px; }
div.contact p.img2txtwhite { float: right; color: #FFFFFF; font-size: 12pt; line-height: 1.2; text-align: right; margin-right: 10px; margin-top: 10px; .padding-top: 0px; .padding-right: 10px; }
.col4 p.img2txt { float: right; color: #2b1e70; font-size: 12pt; font-weight: bold; line-height: 1.2; text-align: right; margin-right: 10px; .margin-top: 16px; }
.img2txt { /*float: right; display: inline; */ color: #299aa8; font-family: arial, sans-serif; font-weight: bold; font-size: 15pt; line-height: 1; margin: 0 0 0 5px; .margin: 0!important;
text-align: right; }
.img2txtSm { color: #299aa8; font-family: arial, sans-serif; font-weight: bold; font-size: 10pt; line-height: 1; margin: 0 0 0 5px; .margin: 0!important;
text-align: right; }
.small { display: block; font-size: 8pt; color: #666; margin-left: 5px; .margin-left: 10px;
text-align: left; font-family: arial, sans-serif; }
#contact form { margin-top: 10px; }
#hp-contact { position: relative; }
#hp-contact form { margin-top: 10px; }
.wrench { font-size: 9pt; color: #299aa8; font-weight: bold; margin-left: 4px; }
.vcard, .vcard a { color: #888989; }
.servicesList { margin-left: 7px; }
.servicesList h1 { margin: 2px 0 7px 0; font-size: 13px; color: #000; font-weight: bold; text-transform: uppercase; }
.servicesList ul { margin: 0; padding: 0; list-style: none; }
.servicesList ul li { margin: 2px 0 2px 0; padding: 0; line-height: 1.3; }
.servicesList ul li a { color: #299aa8; }