/* CSS Document -- main style rules for ARS site */

/* GLOBAL RULES ------------------------------------------------------ */
body { margin:4px; padding:0; text-align:center; color:#383838; font:small Arial, Verdana, sans-serif; /* Base font size is approx. 12px; use em units for font sizes */ }
a { text-decoration:none; color:#0066CC; }
a:visited { text-decoration:none; color:#000099; }
a:hover { text-decoration:underline; color:#000000;}
td.menu { font-size: 14px; font-family: arial, sans-serif; font-weight: bold;}
.seeme { background-color:#efefef; }
.pipe {
	font-size: 18px;
	font-weight: bold;
}
a.rLink { text-decoration:none; color:#ff0000; }

#container { margin:0 auto; padding:0; width:760px; text-align:left; }

/* HEADER RULES ------------------------------------------------------ */
#header { position:relative; background-color:#F1EFE2; text-align:left; border-top:4px solid #B3B2B3; border-bottom:4px solid #757575; height:100px; }
#header h1.sitetitle { display:none; }
#header img.logo { margin:32px 0 4px 0; }

#callToAction { position:absolute; bottom:5px; left:285px; color:#11274C; margin:0; padding:0; width:200px; }
#callToAction h4 { margin:0; padding:2px 0 3px 16px; font-size:11px; font-weight:900; color:#D12639; background:url(/ars_images/star.gif) no-repeat 0 0; }
#callToAction img.call { position:absolute; left:238px; bottom:-1px; margin:0; font-size:11px; line-height:1.6em; }
#callToAction form { margin:0 0 0 16px; padding:0; font-size:9px; background-color:transparent; }
#callToAction label { font-size:1px; color:#E8E7E4; }
#callToAction input { color:#383838; font-size:9px; }
#callToAction input.button { vertical-align: bottom; }

#immediate { position:absolute; bottom:0; left:200px; color:#11274C; margin:0; padding:0; width:250px; }
#immediate .line1 { font-weight:600; text-transform:uppercase; margin-top: 2px; }
#immediate .line2 { font-size:1.6em; font-weight:900; color:#D12639; }
#immediate .line3 { font-size:.85em; line-height:1.1em; }
#callToAction div { margin: 0 0 0 15px; padding: 0; }


#subHeader { position:relative; background-color:#fff; border-top:1px solid #757575; margin:2px 0 0 0; text-align:left; }
#subHeader img.hImage { position:absolute; top:0; left:0; }

/* MAIN NAVIGATION RULES ------------------------------------------------------ */
#navcontainer { margin:0; padding:0; height:173px; width:593px; }
#navlist { background:url(../images/dm-home-menu.gif) no-repeat 0 0; margin:1px 0 0 167px; height:174px; width:593px; padding:0; position:relative; }/* The navlist has a single background image which represents the entire navigation menu image.  Each <li> element has a unique ID and has a precise width and absolute position which corresponds to the appropriate region on the nav background image.  The <span> tags hides the mark-up text in each list item. */
#navlist li {margin:0; padding:0; list-style:none; position:absolute; top:0;}
#navlist li, #navlist a {height:173px; display:block;}
#heating {left:0; width:118px;}
#aircon {left:118px; width:119px;}
#indoorair {left:237px; width:119px;}
#plumbing {left:356px; width:119px;}
#sewer {left:475px; width:118px;}
#heating a:hover {background:transparent url(../images/dm-home-menu.gif) no-repeat 0 -174px;}
#aircon a:hover {background:transparent url(../images/dm-home-menu.gif) no-repeat -118px -174px;}
#indoorair a:hover {background:transparent url(../images/dm-home-menu.gif) no-repeat -237px -174px;}
#plumbing a:hover {background:transparent url(../images/dm-home-menu.gif) no-repeat -356px -174px;}
#sewer a:hover {background:transparent url(../images/dm-home-menu.gif) no-repeat -475px -174px;}
#navlist span {display:none;}

/* LEFT COLUMN RULES ------------------------------------------------------ */
#leftColumn { font-size:.9em; float:left; width:165px; padding:0 0 10px 0; background-color:#11274C; color:#fff; border-top:5px solid #fff; }
#leftColumn h4 { font-size:1em; font-weight:900; margin:10px 10px .5em 10px; padding:0; line-height:1.2em; }
#leftColumn p { margin:10px 10px 0 10px; }
#leftColumn ul { margin:0px 10px; padding:0; }
#leftColumn ul li { background:url(/ars_images/star_bullet.gif) no-repeat 0 3px; margin:0; padding:0 0 .4em 12px; list-style:none outside none; line-height:1.2em; }
.leftterms { color: #ccc; font-size: .9em; line-height: 1em; }

/* MAIN CONTENT (CENTER COLUMN) RULES ------------------------------------------------------ */
#main { float:left; margin:0 4px; padding:10px 0 15px 0; width:580px; background-color:#fff; font-size:.9em; }
#main h3 { font-size:1em; color:#D12639; font-weight:900; margin:7px 10px .6em 7px; padding:0; line-height:1.2em; text-transform:uppercase; clear:both; }
#main a { }

#main .offer { text-align:left; width:116px; height:80px; margin:0; padding:20px 0; float:left; border-right:2px dotted #ccc; }
#main .offer p { margin:0 7px .6em 7px; }
#main .offer a { color:#383838; text-decoration:underline; font-weight:bold; }
#main .offer a:visited { color:#54ABBF; text-decoration:underline; }
#main .offer a:hover { color:#D12639; }

/* FOOTER RULES ------------------------------------------------------ */
#footer { position:relative; width:760px; clear:both; margin:0; padding:15px 0; font-size:.82em; background-color:#fff; text-align:center;  }
#footer p { margin:0 244px 0 178px; padding:0; }
#footer a { color:#383838; text-decoration:underline; }
#footer a:visited { color:#54ABBF; text-decoration:underline; }
#footer a:hover { color:#D12639; text-decoration:underline; }
#footer .right { position:absolute; top:15px; right:0; text-align:left; width:216px; padding-left:24px; }
#footer img.smlogo { position:absolute; top:10px; left:0; }

/* FOB Footer */
#fobfoot { background: #fff; }
td.fobfoot { font-size: 11px; font-family: arial, sans-serif; }
#fobfoot a:link { color: #000; text-decoration: underline; }
#fobfoot a:visited { color: #000; text-decoration: underline;  }
#fobfoot a:hover { color: #c30; text-decoration: underline;  }
#fobfoot a:active { color: #c30; text-decoration: underline;  }