@charset "UTF-8";
/******************************************************************************************************

										Market Hardware Core CSS

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

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address { margin: 0; padding: 0; text-indent: 0; border: none; outline: none; list-style: none; text-decoration: none; font-size: 100%; font-weight: inherit; font-style: inherit; }
table, td, tr, tbody, thead, th, caption { border-spacing: 0; border: none; border-collapse: separate; vertical-align: top; text-align: left; font-weight: normal; }

/* typography */
body { font-size: 0.8125em /* 13px */; background: #423426; color: black; font-family: Arial, Verdana, sans-serif; line-height: 1.5em; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { /* Use to set global header styles. ie, bold, italic, color, margin, padding */ color: #ff0000;}
h1 { font-size: 1.5em /* 18px */; }
h2 { font-size: 1.3em /* 15px */; }
h3 { font-size: 1.2em /* 14px */; }
h4, h5, h6 { font-size: 1.1em /* 13px */; }

p, ul, ol { margin-bottom: 1.1em; } /* DO NOT RESIZE */
li { margin-bottom: 0.5em; }

a, a:visited { color: blue; text-decoration: underline; }
a:hover, a:active { color: red; text-decoration: none; }

/* group (also known as clearfix) applies style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { zoom: 1; display: block; }

/* layout */
#branding { position:relative; background: url(../images/bg_header.png); width: 941px; height: 183px; margin: 11px 0 8px 0;}

#nav {padding-bottom: 30px;}
#nav ul, #nav li, #callout ul, #callout li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }
#nav li { position: relative; border-bottom: 1px solid #000; float:left; width: 212px; height: 1%;}
#nav li ul { position: absolute; display: none; }
#nav li:hover ul, #nav li.hover ul { display: block; }

#nav a, #nav a:visited { color: #000; text-decoration: none; height: 26px; line-height: 26px; display: block; overflow: hidden;
	padding-left: 28px; background: url(../images/nav.gif) no-repeat 16px 50%;}
#nav a:hover, #nav a:active,
.home #nav #nav-home a,
.service-area #nav #nav-service-area a,
.about #nav #nav-about a,
.services #nav #nav-services a,
.coupons-specials #nav #nav-coupons-specials a,
.articles-information #nav #nav-articles-information a,
.customer-survey #nav #nav-customer-survey a,
.contact-us #nav #nav-contact-us a { font-weight: bold; text-decoration: none; }

#nav ul {z-index: 999;}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 235px;
	margin-left: 80px;
	margin-top: -20px;
	left: -999em; 
	border: 2px solid #493B2D;
	display: block;
	z-index: 1000;
}
#nav li li {width: 235px;}
#nav li ul ul { left: -999em;	}
#nav li ul a {padding: 0px 10px!important; margin:0; background-color: #d1bdad!important; background-image: none!important; height: 24px; line-height: 24px; display: block;}
#nav li ul a:hover {background: #0A0908!important; color: #fff; font-weight:normal; }
#nav li:hover { position: static;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	left: auto;
	display: block;
}

#footer {clear: both; margin: 0 auto; font-size: 0.796em; text-align: center; color: #73695E; }
#footer a, #footer a:visited { color: #73695E; text-decoration: none; font-weight: bold;}
#footer a:hover, #footer a:active { color: #73695E; text-decoration: underline; }

.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }
blockquote { margin: 10px 10px; padding: 5px; background: #f2f2f2; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
blockquote p { padding-left: 10px; }

/* forms */
form, fieldset, input { margin : 0; padding : 0; }
form { width: 38em; margin-left: 5px; }
form p { font-size: 100%; padding: 2px; margin: 0; }

/* fieldset styling */
fieldset { margin: 1em 0; padding: 1em; border : 1px solid #e2e2e2 }

/* legend styling */
legend { font-weight: bold; color: #0567ae; }

/* style for  labels */
label { float: left; width: 14em; }

/* style for required labels */
label .required { font-size: 0.9em; font-style: normal; color: red; }
label.error, input.submit { color: #F00; margin: 5px 0 0 0; }
input { width: 225px; }
input.radio, input.submit { width: auto; }
textarea { width: 225px; height: 100px; padding:0; }

/* submit */
form div input, form div button { width: 100px; margin-top:5px; margin-left: 297px; padding: 0 .25em; background-color: #0567ae; color: #fff; text-transform: uppercase; font-size: 90%; }

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

	Custom Styles

/******************************************************************************************************/
.container {width: 941px; margin:0 auto; padding:0;}

div#branding h1, div#branding h1 span, div#branding a.logo, div#branding a.logo span { display: block; overflow: hidden; width: 156px; height: 123px; }
div#branding h1, div#branding a.logo { position: absolute; top: 8px; left: 20px; }
div#branding h1 span, div#branding a.logo span { position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/logo.png) no-repeat; }
div#branding a.logo span { cursor: pointer; }

div#branding .serving {width: 156px; position: absolute; left: 20px; top: 133px; line-height: 1.1em; text-align: center;}
div#branding .banner {position: absolute; top: 12px; right: 14px; width: 143px;}
div#branding .banner a.coupon {background: url(../images/btn_coupon.gif) no-repeat 0 0; width: 143px; height: 83px; display: block; overflow: hidden; text-indent: -9999px;}
div#branding .banner .emergency {background: url(../images/btn_emergency.png) no-repeat 0 0; width: 143px; height: 72px; display: block; overflow: hidden; margin-top: 5px; color: #fff; text-align: center; font-size: 1.385em; padding-top: 14px; }
div#branding .banner .emergency a { font-size: 0.778em; display: block; margin-top: 7px; color: #fff;}

div#branding .contact {text-align: center;	font-size: 1.846em; font-weight: bold; overflow: visible;}
div#branding .contact p {margin:0;}	
div#branding .contact .slogan {font-size: 1.25em; line-height: 1.25em; font-style: italic; _font-style: normal; padding-top: 12px;}
div#branding .contact .slogan span {color: #ff0000; text-decoration: underline;}
div#branding .contact .phone {display: block; font-size: 1.25em; line-height: 1.25em; font-weight: normal; padding: 10px 0 3px 0;}
div#branding .contact .hr_day {font-size: 0.583em;}
div#branding .contact .we_help {display: block; background: url(../images/bg_we_help.gif) no-repeat 50% 100%; padding: 8px 0;
	font-size: 0.667em; font-weight: normal;
}



#wrapper {background: url(../images/bg_wrapper.png) repeat-y 0 0; width: 100%; overflow: hidden;}
#content { width: 716px; float: right;}
#sidebar {width: 212px; float: left;  background: url(../images/bg_sidebar.png) no-repeat 0 0;}

#callout {width: 100%; overflow: hidden; background: #423426; padding: 3px 0 10px 0;}
#callout li {display: block; width: 172px; height: 248px; float: left; position: relative; padding-right: 9px;}
#callout li.green {padding-right: 0;}
#callout li img {position: absolute; width: 172px; height: 248px; top:0; left:0; display: block;  z-index: 1;}
#callout li a{width: 172px; height: 248px; top:0; left:0; display: block; z-index: 1000;position: absolute; text-align: center;}
#callout li a strong{ display: block; margin-top: 170px;}
#callout li.plumbing span {background: url(../images/callout_plumbing.jpg)}
#callout li.heating span {background: url(../images/callout_heating.jpg)}
#callout li.cooling span {background: url(../images/callout_cooling.jpg)}
#callout li.green span {background: url(../images/callout_green.jpg)}

#content .entry {background: url(../images/bg_content.png) no-repeat; padding: 24px 30px 0 30px; display: block; overflow: hidden; width: 656px;color:#543e2a;}
#content .entry .inline {display: inline; overflow: hidden; color: #f00; font-weight: bold;}
#content .entry .home_left {width: 350px; float: left; padding-right: 25px; background: url(../images/sep.gif) repeat-y 100% 0; display: block; overflow: hidden;}
#content .entry .home_right {width: 260px; float: right; padding-left: 20px; display: block; overflow: hidden; }
#content .entry h3 {font-size: 1.0em; font-weight: bold;}
#content .entry ul {list-style: none; margin:0 0 1.0em 0; padding:0; }
#content .entry ul li {margin:0; padding:0 0 0 30px; background: url(../images/list.gif) no-repeat 21px 8px; }
#content .entry a.coupon {color: #392f26; font-size: 1.278em; text-decoration: none; float: right;}
#content .entry a.coupon:hover {text-decoration: underline;}

#footer {background: url(../images/bg_footer.png) no-repeat; line-height: 1.5em; }
#footer .icons {height: 85px; width: 100%; text-align: center; }
#footer .anniversary {float:right; padding-right: 30px; background: url(../images/anniversary.gif) no-repeat;
	width: 69px; height: 67px; overflow: hidden;  text-indent: -9999px;}
#footer .affiliates {float:left; width: 198px; height: 68px; overflow: hidden; padding: 10px 0 10px 4px;}
#footer .affiliates img {vertical-align: middle;}

body { behavior:url("js/csshover.htc");}


#content .entry h1{color:#FF0000;font-size:1.8em;margin:0 0 10px 0;}	
#content .entry h2{color:#423426;font-size:1.4em;}

#content .entry p{color:#543e2a;line-height:1.5;font-size:1em;}

#content .entry a{color:#423426;text-decoration:underline;}
#content .entry a:hover{color:#FF0000;text-decoration:none;}