@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.75em /* 12px */; background: #fff; color: #000; font-family: 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 */ font-weight: bold;}
h1 { font-size: 1.5em /* 18px */;  color: #e23b30}
h2 {  /* 13px */font-size: 1.25em; color: #e23b30}
h3 { font-size: 1.1em;  /* 15px */;  color: #e23b30}
h4, h5, h6 { font-size: 1.1em /* 13px */;  color: #e23b30}

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

a, a:visited { color: #E23B30; text-decoration: none; }
a:hover, a:active { color: #E23B30; 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, #wrapper:after, #callout #photo-list:after, #callout .right-col .reputation p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group, #wrapper, #callout #photo-list, #callout .right-col .reputation p{ zoom: 1; display: block;  }

/* layout */
#branding { height: 220px; background: url(../images/bg_header.jpg) repeat-x 0 0; }
#branding .container { width: 924px; margin: 0 auto; position:relative; height: 220px; }

#wrapper { width: 924px; margin: 4px auto; }
#nav { float: left; width: 211px; padding-bottom: 30px; }
#callout { float: right; width: 709px; }
#nav ul, #nav li, #callout ul, #callout li, #branding #top-nav ul, #branding #top-nav li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }
#nav li { position: relative; padding-bottom: 2px; }
#nav li a { display: block; background: url(../images/bg_nav.jpg) no-repeat 0 0; width: 211px; color: #fff; text-decoration: none; 
	height: 25px; line-height: 25px; vertical-align: middle;font-size: 1em; font-weight: bold; 
 }
#nav li a span{ display: block; background: url(../images/ico_top-nav.gif) no-repeat 0 50%;  color: #fff; text-decoration: none; 
	height: 25px; line-height: 25px; vertical-align: middle; margin-left: 13px; padding-left: 20px; width: 178px;
 }
#nav li a:hover,#nav li a.current, 
.home #nav #nav-home a,
.about #nav #nav-about a,
.heating-services #nav #nav-heating-services a,
.ac-services #nav #nav-ac-services a,
.heating #nav #nav-heating a,
.iaq #nav #nav-iaq a,
.plumbing #nav #nav-plumbing a,
.brands #nav #nav-brands a,
.guardian #nav #nav-guardian a,
.tax #nav #nav-tax a,
.discounts #nav #nav-discounts a,
.maintenance #nav #nav-maintenance a,
.kids #nav #nav-kids a,
.testimonials #nav #nav-testimonials a,
.articles #nav #nav-articles a,
.contact #nav #nav-contact a
 { background: url(../images/bg_nav-cur.jpg) no-repeat 0 0; }

* html #nav li a img { float: left; display: inline; margin: 8px 12px 0 12px; }

#footer { margin: 0 auto; padding: 32px 0 40px 0; font-size: 90%; text-align: center; color: #CCC; background: #03060F url(../images/bg_footer.jpg) repeat-x 0 0; }
#footer p { width: 924px; margin: 0 auto; font-size: 9px; }
#footer a, #footer a:visited { color: #00A8E1; text-decoration: underline;  }
#footer a:hover, #footer a:active { color: #00A8E1; text-decoration: none; }

.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }
.home blockquote { margin: 0; padding: 2px; background: url(../images/hr-dot.gif) no-repeat bottom left; }
.home blockquote p {  color: #3580A6; font-size: 1.3em;font-style: italic; margin:0; padding-bottom: 0.97em; }


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

/******************************************************************************************************/
html{  background: #03060F;}
#branding h1 {  position: relative; width: 441px; height: 192px;  float: left; display: inline; margin: 12px 0 0 0; }
#branding h1 a { text-indent: -999em; display: block; }
#branding h1 img { position: absolute; top: 0; left:0; }

#branding p { float: right; padding: 50px 0 0 0; }
#branding p strong { display: block; font-size: 2em; color: #fff; text-align: right; margin: 0 0 12px 0; }
#branding p strong.address { color: #9D9EA3; font-weight: normal; font-size: 1.1em; }

#branding #top-nav { position: absolute; bottom: 33px; right:0; z-index: 9; font-family: Helvetica, Arial, sans-serif; }
#branding #top-nav li { position: relative; float: left; background: url(../images/bg_top-nav-r-2.jpg) repeat-x 0 0; height: 48px; margin-right: 6px; display: inline;  }
#branding #top-nav li.last { margin-right: 0; }

#branding #top-nav li a { width:101px; position: relative; background: url(../images/bg_top-nav-l-2.jpg) no-repeat 0 0; float: left;  text-align: center; height: 38px; padding: 10px 15px 0 15px;font-size: 1.4em; letter-spacing: -1px; font-weight: bold; color: #fff; text-transform: uppercase; }


#branding #top-nav li:hover, #branding #top-nav li.hover { background: url(../images/bg_top-nav-r.jpg) repeat-x;}

/*#branding #top-nav li a:hover { background: url(../images/bg_top-nav-r.jpg) repeat-x 0 0;}*/

#branding #top-nav li a:hover { display: block; background: url(../images/bg_top-nav-l.jpg) no-repeat 0 0; }

#branding #top-nav li span {position: absolute; top: 3px; right: 3px; z-index: 99; display: block; width: 9px; height: 10px; background: url(../images/ico_top-nav.gif) no-repeat 0 0;}

#branding #top-nav li#tax a{ padding-top: 18px; height: 30px; } 


#branding p.end-title { position: absolute; height: 21px; margin:0; padding:0; bottom:6px; left:243px; width: 447px; text-indent: -999em; }
#branding p.end-title span { width: 447px; height: 21px; display: block; position: absolute; top:0; left:0; background: url(../images/_specializing.jpg) no-repeat 0 0; }

/* service area */
#service-area { width: 180px; padding: 6px 0 20px 14px; }
#service-area p { color: #666; }
#service-area a.enlarge { display: block; position: relative; text-indent: -999em; color: #2C95B5; width: 133px; height: 82px; }
#service-area a.enlarge img { position: absolute; top: 0; left: 8px; }
#service-area p.end { padding: 10px 0 0 14px; margin: 0; }

/* photo-list*/
#callout #photo-list {  margin: 0; padding: 0; list-style: none; background: url(../images/hr.gif) no-repeat bottom left; font-family: Helvetica, Arial, sans-serif;}
#callout #photo-list li { float: left; padding-right: 2px; width: 140px;}
#callout #photo-list li.last { padding-right: 0px; }
#callout #photo-list li img { display: block;  }
#callout #photo-list li p { margin-bottom: 0.8em; }
#callout #photo-list li p a { position: relative; display: block; background: url(../images/bg_photo-list.jpg) repeat-x 0 0; height: 37px; padding-top: 3px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; font-size: 1.1em;}


#callout #photo-list li p a:hover  { position: relative; display: block; background: url(../images/bg_photo-list-cur.jpg) repeat-x 0 0; height: 37px; padding-top: 3px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; font-size: 1.1em; }

#callout #photo-list li p a em{ font-style: normal; text-align: center; display:block; font-size: 0.9em;text-transform: none;}

#callout .left-col { float: left; width: 430px; padding: 14px 0 0 22px; }
#callout .right-col { float: right; width: 221px; padding-top: 10px; }
#callout .left-col h3 strong { display: block; padding: 12px 0 16px 0; }
#callout .left-col h1 { font-size: 1.25em;  /* 15px */margin:0 0 6px}
#callout .left-col h1 strong { display: block; padding: 12px 0 16px 0; }
#callout .left-col p { color: #575757; }
#callout .left-col p.end { font-weight: bold; width: 300px;}
#callout .left-col .payment { padding-top: 12px }
#callout .right-col .reputation { margin-top: 7px; padding-top: 1px; background: url(../images/hr-dot.gif) no-repeat 0 0;}
#callout .right-col .reputation .inner { padding: 8px 0 0 0; margin: 0 auto; text-align: center; background: #ECECEC url(../images/hr-dot.gif) no-repeat bottom left;  }
#callout .right-col .reputation a { float: left; display: inline; position: relative; text-indent: -999em; width: 114px; height:30px;  }
#callout .right-col .reputation a span { z-index: 9;position: absolute; top:6px; left:8px; background: url(../images/_meet.gif) no-repeat 0 0; display: block;  width: 114px; height:13px; }
#callout .right-col .reputation span.author { float: right; font-size: 0.8em; color: #666; display: block; padding: 9px 9px 0 0;}

#callout .right-col .affiliations h4 { margin-top: 6px; position: relative; text-indent: -999em; font-size: 1em; color: #999; width: 112px; height: 10px;}
#callout .right-col .affiliations h4 span { background: url(../images/_aff.gif) no-repeat 0 0; position: absolute; top:0; left:0; width: 112px; height: 10px; }
#callout .right-col .affiliations img.first { padding-left: 36px; padding-right: 12px; }

body.interior #callout h1 { font-size: 1.3em;}
body.interior #callout h1, body.interior #callout h2, body.interior #callout h3,body.interior #callout h4, body.interior #callout ul, body.interior table { margin: 0 0 6px 0; }
body.interior #callout p {color: #666; }
body.interior #callout ul, body.interior #callout ol { margin-left: 50px; }
body.interior #callout ul li { list-style: disc outside; color: #666; padding-bottom: 12px; }
body.interior #callout ul.list li p { margin: 0; }

#inner-content {padding:27px;}
.home #inner-content {padding: 0;}