@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: #e6e5d1  url(../images/bg_main.png) repeat-x; color: #333; 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 */ 
	font-weight: bold; 
}
h1 { font-size: 1.5em /* 18px */; color: #669b33; }
h2, h3 { font-size: 1.5em; color: #333}
h3  { font-size: 1.2em; color: #669b33; text-transform: uppercase;  }


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: #629530; text-decoration: underline; }
a:hover, a:active { color: #629530; 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; z-index: 2;}

#nav ul, #nav li, #callout ul, #callout li, #branding ul, #branding 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: 20px auto; text-align: center; color: #666; clear: both; width: 941px; }
#footer p { font-size: .9em; padding: 0 10px; }
#footer a, #footer a:visited { color: #666; text-decoration: none; }
#footer a:hover, #footer a:active { color: #333; text-decoration: none; }

.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 */
@charset "UTF-8";
/******************************************************************************************************

										Market Hardware Forms CSS

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



		form, fieldset, input { 
			margin: 0; 
			padding : 0; 
		}
		
		form { 
			width: 80%; 
			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: 1.2em; 
			color: #669b33; /* 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: 25%; 
			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 { 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:37px; 
			float: right; 
			background-color: #669b33; /* 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

/******************************************************************************************************/
#wrapper { }
.container { width: 941px; margin: 0 auto; }
#branding { height: 198px;}
#branding h1#logo { float: left; padding: 83px 2px 0 0; }
#branding h1#logo a { display: block; width: 310px; height: 74px;  position: relative; overflow: hidden;}
#branding h1#logo span { display: block; background: url(../images/logo.png) no-repeat 0 0; position: absolute; top:0; left:0; width: 310px; height: 74px;  cursor: pointer; }
.rfq, .rfq span{ float: right; width: 226px; height: 47px; position: relative; overflow: hidden; }
.rfq span{ position: absolute; top: 0px; left: 0px; background: url(../images/btn_request.png) no-repeat; }
.rfq { margin: 83px 0 15px;}
#branding p { clear: right; font-size: 1.5em; float: right; color: #629530; letter-spacing: 1px; margin-bottom: 4px;}
#branding a{ text-decoration: none;}
/* top box */



#content { background: url(../images/bg_content.png) repeat-x 0 0; padding: 18px 0 40px; clear: both}



.left-column { float: left; width: 235px; padding: 0; }
.right-column { float: right; width: 700px; background-color: #fff;}
/* nav */
#nav { border-top: 5px solid #fff; margin-bottom: 2px;}
#nav li { width: 235px; }
#nav a { display: block; width: 227px;margin-top: 1px; text-transform: uppercase; color: #fff; text-decoration: none; background: #92b56e; font-size: 1.066em; padding: 6px 0 5px 8px; }
#nav a.current, #nav a:hover, 
.home #nav ul li#nav-home a,
.about #nav ul li#nav-about a,
.services #nav ul li#nav-services a,
.residential #nav ul li#nav-residential a,
.commercial #nav ul li#nav-commercial a,
.products #nav ul li#nav-products a,
.portfolio #nav ul li#nav-portfolio a,
.testimonials #nav ul li#nav-testimonials a,
.employment #nav ul li#nav-employment a,
.blog #nav ul li#nav-blog a,
.faq #nav ul li#nav-faq a,
.articles #nav ul li#nav-articles a,
.request #nav ul li#nav-request a,
.contact #nav ul li#nav-contact a
 { background: #ffcc33; color: #333; text-decoration: none; }

/* brand group */
#payment-group { padding: 13px 0 0 10px; width: 225px; height: 43px; background: #fff; overflow: hidden; margin-bottom: 4px;}

#banner { background: url(../images/bg_banner.png)  no-repeat; margin: 23px 0 0 25px; padding: 10px 0 15px 9px;}
.primary-content{padding: 27px 58px 27px 34px; width:608px; position: relative;
min-height:517px;
height:auto !important;
height:517px;
}
.primary-content .question { font-size: 1.5em; font-weight: bold;}
.primary-content h1 { margin-bottom: 0.7em; padding-bottom: 4px; border-bottom: 3px solid #ffcc33; font-size: 1.8em;}
.primary-content h2 { margin-bottom: 0.3em; }
.primary-content p { color: #333; font-size: 1.1em; }

#side { width: 941px; margin: 0 auto; clear: both; border-bottom: 1px solid #cbcaba; padding: 20px 0; overflow: hidden;}
/* callout */
#callout { width: 941px; }
#callout li { float: left; width: 313px; background: url(../images/bg_callout.png) no-repeat left top; height: 12em; position: relative;}
#callout h3 { margin-bottom: 0.5em; }
#callout h3 a{ text-decoration: none;}
#callout p { margin-bottom: 1.2em; font-size: 1.1em; padding-right: 20px; }
#callout li.estimates { background: none; width: 308px;}
#callout li.options { width: 290px; padding: 0 5px 0 39px;}
#callout li.info { width: 264px; padding: 0 0 0 30px;}

#callout a.btn,#callout a.btn span{ background: #92b56e url(../images/btn_callout.png)  no-repeat; width: 123px; height: 32px; overflow: hidden; display: block; position: relative;}
#callout a.btn span { position: absolute; top: 0; left: 0; cursor: pointer;}
#callout a.btn.contact span { background-position: 0 0;}
#callout a.btn.learn span { background-position: 0 -32px;}
#callout a.btn.info span { background-position: 0 -64px;}
#callout a.btn{ position: absolute; left: 0; bottom: 0;}
#callout li.options a.btn{ left: 39px;}
#callout li.info a.btn{ left: 30px;}
/* map*/
#pdca {}
#pdca dl{ float: right; width: 141px; background: #fff; min-height: 77px; margin: 0; padding: 0; font-size: 0.9em;}
* html #pdca dl{ height: 77px; overflow: hidden; }
#pdca dt{ margin: 0 15px 3px 6px; padding: 3px 0 1px; border-bottom: 2px solid #ffcc33; font-weight: bold; color:#629530; }
#pdca dd{ margin: 0; padding: 0 15px; line-height: 1.4;}
#pdca img{ float: left;}
/*  
 * interior page
 */

 .interior .right-column ul { margin: 0 0 15px; padding: 0;}
 .interior .right-column li { margin-left: 50px; padding-left: 15px; line-height: 1.5; }

.portfolio h2 {padding-top: 20px; padding-bottom:10px;}