@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: #004085; color: #666; font-family: Arial, Verdana, sans-serif; line-height: 1.5em; margin: 12px auto; }

h1, h2, h3, h4, h5, h6 { 
	color: #003C7C; font-weight: bold;
}
h1 { font-size: 2em; /* 24px */; }
h2 { font-size: 1.33em /* 16px */; text-transform: uppercase; }
h3 { font-size: 1.2em /* 14px */;  color: #666;}
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: #014C9A; text-decoration: underline; }
a:hover, a:active { color: #014C9A; 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; }

#nav ul, #nav li, #callout ul, #callout li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }
#nav li { position: relative; }
#nav li ul { position: absolute; display: none; }
#nav li:hover ul, #nav li.hover ul { display: block; }

#footer { margin: 0 auto; text-align: center; color: #fff; width: 838px; margin-top: 22px;}
#footer p { font-size: 1em; /* 12px */ }
#footer a, #footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #fff; text-decoration: none; }

.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }
blockquote { margin: 32px 12px 0 0; padding: 12px; background: #E4EBF6; border-bottom: 1px solid #014C9A; border-right: 1px solid #014C9A; }
blockquote p {  color: #014C9A; }
blockquote p span.author { display: block; padding: 12px 0 0 0; font-style: italic;}
/******************************************************************************************************

										Market Hardware Forms CSS

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



		form, fieldset, input { 
			margin: 0; 
			padding : 0; 
		}
		
		form { 
			width: 90%; 
			border: 1px solid #e2e2e2;  
			background: #f8f8f8; /* change background color according to site's color scheme */
			padding: 10px;
		}
		
		form p { 
			font-size: 100%; 
			padding: 2px; 
			margin: 0 0 8px 0; 
			clear: both;
		}
		
		fieldset { 
			margin: 1em 0; 
			padding: 1em; 
			border: 0;
		}
		
		legend { 
			font-weight: bold; 
			font-size: 1em; 
			color: #003C7C; /* CHANGE THIS COLOR ACCORDING TO SITE'S COLOR SCHEME */
			font-family: Arial, Helvetica, sans-serif; 
			margin-bottom: 10px; 
			_margin-left: -7px; /* Fixes IE6 margin issue */
		}
		
		label { 
			float: left; 
			width: 30%; 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 0.9em;
		}
		

		/* style for radio buttons and checkboxes */
		
		form h2 {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}
		input.radio, input.checkbox {width: auto; float: left; margin-right: 5px;}
		.radiolabel, .checkboxlabel {width: auto; margin-right: 25px;}
		
		/* style for required labels */
		
		p.note {font-style: italic; margin-bottom: 20px; font-size: 0.9em;}
		
		em.required { font-size: 0.9em; font-style: normal; color: red; }
		
		label.error, input.submit { color: #F00; margin: 5px 0 0 0; }
		
		input { width: 65%; border: 1px solid #999; padding: 5px; }
		
		input.submit, input.radio { width: auto; }
		
		textarea { width:65%; height: 100px; padding:5px; border: 1px solid #999; }
		
		/* submit */
		form div { /* container div for submit button */
			overflow: hidden; 
		}
		
		form div input, form div button { 
			width: 20%; 
			margin-top:15px; 
			margin-right:15px; 
			float: right; 
			background-color: #003C7C; /* CHANGE THIS COLOR ACCORDING TO SITE'S COLOR SCHEME */
			color: #fff; 
			text-transform: uppercase; 
			font-size: 90%; 
			padding: 3px 5px; 
		}

		/* city, state, zip displayed inline */
		.citystate {float: left; clear: none;}
		.citystate label {width: auto; margin-right: 10px;}
		.citystate select {margin-right: 15px;}
		input#city {width: 40%; background: #fff; margin-right: 15px;}
		input#state {width: 10%;}
		input#zip {width: 20%;}
/******************************************************************************************************

											Custom Styles

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

.ir a { display: block; position: relative;  text-indent: -999em;}
.ir span { display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; cursor: pointer; }

#wrapper { width: 836px; margin: 12px auto; padding: 2px; background: #fff; }
#branding { height: 186px; background: url(../design/bg_header.jpg) no-repeat 0 0; }
#branding h1#logo { padding: 14px 0 0 41px; }
#branding h1#logo a { width: 294px; height: 84px; }
#branding h1#logo span { background: url(../images/logo.png) no-repeat 0 0; width: 294px; height: 84px; }
#branding p { font-family: "Palatino"; color: #035CBA; font-weight: bold; font-size: 1.3em; text-transform: uppercase; width: 380px; padding: 32px 0 0 44px; }
#branding p em { font-style: normal; font-size: 1.4em; }
#branding .right-side { position: absolute; top: 14px; right: 17px; text-align: right; }
#branding .right-side strong { display: block; font-size: 2em; font-weight: bold; color: #fff; margin-bottom: 0.3em; }
#branding .right-side span { display: block; color: #003C7C; font-size: 1.33em; font-weight: bold;  text-transform: uppercase; }
#branding .right-side span.open-hour { font-size: 1.2em; font-weight: normal; text-transform: none; margin-bottom: 0.6em; }
#branding .right-side a.email { display: block; text-decoration: none;  font-size: 1.2em;  color: #003C7C; margin: 0.6em 0 1.2em 0; font-weight: bold;  }
#branding a.btn { float: right; width:205px; height: 43px; background: url(../design/btn_header.png) no-repeat 0 0; font-family: "Arial Narrow"; text-transform: uppercase; font-size: 1.33em; color: #fff; text-decoration: none; vertical-align: middle; line-height: 43px; text-align: center; }
/* nav */

#nav { width: 238px; }
#nav li { margin-bottom: 4px; }
#nav li.last {  }
#nav li a { background: url(../design/bg_nav.gif) repeat-x 0 0; height: 28px; display: block; font-size: 1.2em; color: #fff; text-decoration: none; line-height: 28px; vertical-align: middle; font-weight: bold; text-transform: uppercase; padding-left: 16px;  }
#nav li a.current, #nav li a:hover, 
.home li#nav-home a,
.meet li#nav-meet a,
.services li#nav-services a,
.inspection-overview li#nav-inspection-overview a,
.testimonials li#nav-testimonials a,
.faqs li#nav-faqs a,
.articles li#nav-articles a,
.access-your-report li#nav-access-your-report a,
.contact li#nav-contact a
 { background: url(../design/bg_nav-hover.gif) repeat-x 0 0;  }
/* banner */
#banner { position: relative; width: 916px; height: 194px; margin: 0 auto; background: url(../images/bg_banner.jpg) no-repeat 0 0; border: 3px solid #E3E3E3; }

/* content */
#content { margin: 0 auto; width: 836; position: relative; padding-bottom: 42px; }
.left-column { float: left; width: 270px; padding: 21px 0 0 0; overflow: hidden; }
.right-column { float: right; width: 547px; padding: 22px 10px 0 0;}

/* callout */
#callout { padding: 37px 0 0 12px;  }
#callout li { position: relative; padding: 12px 0; min-height: 47px; *height: 47px; padding-left: 76px; width: 160px; }
#callout li.first { background: url(../design/bg_callout1.jpg) no-repeat 0 7px; }
#callout li.second { background: url(../design/bg_callout2.jpg) no-repeat 7px 7px; }
#callout li.third { background: url(../design/bg_callout3.jpg) no-repeat 7px 7px; }
#callout h3 a { color: #003C7D; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 0.92em; letter-spacing: -1px; text-decoration: underline; }
#callout h3 a:hover { text-decoration: none; }

.left-column .bottom { position: absolute; bottom: 0; left: 18px; }

.right-column p { font-size: 1.2em; }
.right-column p.title { margin: 0.2em; }
.right-column .left-side { float: left; width: 268px; margin-top: 22px; background: url(../design/bg_leftside.gif) no-repeat top right; }
.right-column h2 { font-size: 1.33em; margin-bottom: 0.6em; }
.right-column .right-side { float: right; width: 248px; margin-top: 22px; overflow: hidden;}
.right-column ul { margin: 0; padding-left: 14px; margin-bottom: 1.6em; }
.right-column ul li { margin-bottom: 0.2em; font-size: 1.2em; list-style: none; background: url(../design/dot.gif) no-repeat 0 7px; padding-left: 10px; }
.right-column a.more { display: block; width: 105px; height: 28px; background: url(../design/btn_more.gif) no-repeat 0 0; color: #666; text-decoration: none; vertical-align: middle; line-height: 28px; padding-left: 12px; float: right; margin-bottom: 56px; }
.right-column .grey-box {clear: both; background: #F4F3F3; padding: 12px 16px; }
.right-column .grey-box h3 { font-size: 1.13em; text-transform: uppercase; margin-bottom: 0.6em; }
.right-column .grey-box p { font-size: 1em; line-height: 16px;}

.right-column .grey-box li { font-size: 1em; margin-bottom: 0.1em; }

.right-column #brand-group { clear: both; width: 260px; padding: 12px; }
.right-column #brand-group span { display: block; float: left; padding: 12px 8px; height: 77px; text-align: center; width: 77px; }

body.interior .right-column h1 { margin-bottom: 0.3em; }
body.interior .right-column h2 {  }
body.interior .right-column h3 { margin-bottom: 0.3em; }
body.interior .right-column ol li { font-size: 1.2em; }
body.interior .left-column { padding-bottom: 80px; }
body.interior #brand-group { position: absolute; bottom: 20px; left: 6px; }

hr {color: #e2e2e2;
}