/*
	AUTHOR: Jesse Brown
			jbrown@refueldesign.com
			https://refueldesign.com
			
			Color Key:
			Orange: #6e3a1b
			Link orange: orangered
			Blue: #9dc9ce
			grey body text: #3f3f3f
			grey border: #B3B3B3
			Warm grey Horizontal Rule: #403b38
*/

* 									{ margin: 0; padding: 0; }
html 								{ background: #000000 url(/images/bg_grade.jpg) repeat-x; overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ background: transparent url(/images/body_bg.jpg) no-repeat top center fixed; font: 62.5% Helvetica, sans-serif; }

ul 									{ list-style: none inside; }
ol 									{ list-style: decimal inside}
p 									{ font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }

p#question							{ color: #000000; font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; font-weight: bold; }
p#answer							{ font-size: 1.1em; line-height: 1.1em; border-bottom: 1px solid #b3b3b3; }

a 									{ outline: none; text-decoration: none; }
a img 								{ border: none; }
img 								{ vertical-align: middle; }
table 								{ border-collapse: collapse; }
li#products							{ display: block; float: left; margin: 0px; }
li#header-nav-items					{ display: block; float: right; margin: 8px 0px 0px 6px; }
		
.hr									{ color: #B3B3B3; margin: 10px 0px 10px 0px; clear: both; border-top: 1px solid; }
/* END RESET */

/* 
	TOOLBOX 
*/
.floatleft							{ float: left; }
.floatright 						{ float: right; }
.clear 								{ clear: both; }
.fixed								{ position: fixed; }								  	
	 
.thumb								{ border: 8px solid #B3B3B3; height: 66px; width: 137px; overflow: hidden; margin: 6px; }
.featured-thumb						{ border: 8px solid #B3B3B3; height: 104px; width: 211px; overflow: hidden; float: left; margin: auto 10px 10px auto; }

.textbox						    { -moz-border-radius-bottomleft: 1px; -moz-border-radius-bottomright: 1px; -moz-border-radius-topleft: 1px; -moz-border-radius-topright: 1px; 
									  background: #fffff none repeat scroll 0 0; border: 1px solid; color: grey; padding: 3px 8px; font-size: 12px; margin-bottom: 12px; }
									  
.topmargin							{ margin-top: 12px; }

/*
	Buttons
*/

.demo-button 						{ border: 1px; background: #F08B28; text-align: center; padding: 8px 8px;
									 -moz-border-radius: 3px; -webkit-border-radius: 3px; 
									  color: #111111; font-size: 1.8em; }
	 
.demo-button:hover 					{ border: 1px; background: #232c2e; text-align: center; padding: 8px 8px;
									 -moz-border-radius: 3px; -webkit-border-radius: 3px; 
									  color: #9dc9ce; font-size: 1.8em; }
									  
.button 							{ border: 1px; background: #24535f; padding: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
									  color: #9dc9ce; radius: 3px; }

.button:hover 						{ background: #231209; color: #ff6733; padding: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
									  color: #9dc9ce; radius: 3px; }


.main-nav-button 					{ border: 1px; background: #24535f; padding: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
									  color: #9dc9ce; radius; 3px; float: right; }
									  
.main-nav-button:hover 				{ border: 1px; background: #24535f; padding: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
									  color: #ffffff; corner-radius: 3px; }										  
									  


/*
	TYPGROGRAPHY
*/
p, li								{ font-size: 1.2em; line-height: 1.4em; margin: 10px 0 10px 0px; color: #333333; word-spacing: .05em; 
									  letter-spacing: .05em; }
p#product-desc						{ color: #9dc9ce; }									  	
a									{ color: orangered; }
a:hover								{ color: #B3B3B3; padding: 0; }
h1									{ font-size: 2.8em; font-family: Helvetica, sans-serif; font-weight: normal; letter-spacing: .03em; }
h2									{ font-size: 2.2em; font-family: Helvetica, sans-serif; font-weight: normal; }
h3									{ font-size: 1.8em; color: white; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; }
h3.attn								{ color: white; padding: 14px; display: block; text-align: center;}
					
h4									{ font-size: 1.4em; color: #333333; font-family: Helvetica, sans-serif; font-weight: normal; 
									  margin-bottom: 5px; margin-top: 30px; letter-spacing: .05em; word-spacing: .05em; }
									  
h4#subhead							{ font-size: 1.4em; color: #333333; font-family: Helvetica, sans-serif; font-weight: normal; 
									  margin-bottom: 5px; margin-top: 0px; letter-spacing: .05em; word-spacing: .05em; }									  
									  



/* STRUCTURE */

#header								{ background: url(/images/header_bg.png) repeat-x top; height: 63px; margin-top: -10px; }
#header-wrap						{ margin: auto; width: 798px; }
#header-logo						{ }
#header-nav-wrap					{ margin: 8px 0px; float: right; width: 798px; }
#page-wrap							{ width: 798px; margin: 135px auto auto auto; }
#eight-col							{ width: 636px; height: 50px; margin: 24px auto; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#four-col							{ width: 336px; height: 50px; margin: 300px auto auto; clear: both; display: block; border-color: #F9D486; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#featured-col						{ width: 231px; margin: 0px auto auto 81px; float: left; }
#left-double-col					{ width: 350px; margin: 0px auto auto 81px; float: left; }
#featured-image						{ width: 231px; float: left; }
#featured-desc						{ float: left; }

#other-products-col					{ width: 336px; float: right; margin: 0px 81px auto auto; }
#product-image						{ margin: auto; }

#button-col							{ width: 395px; float: left; margin-left: 81px; }
#button-col-inside					{ margin: 0px auto auto 31px; float: left; width: 135px; }
#button-desc						{ color:#444444; font-size: 1.2em; line-height: 1.4em; margin: 10px 0 10px 0px; }

#php-message						{ float: right; }


/* 
	POPUP Structure
*/

#popup-wrap							{ width: 436px; padding: 12px }
#popup-header						{ margin: 12px 0px; }
#popup-demo							{ margin: 24px 0px; }
#popup-desc							{ margin: 12px 0px; padding: 0px 12px; }
#popup-prod-specs					{ margin: 0px 0px; width: 100%; }
#popup-prod-details					{ width: 220px; }
#prod-button-col					{ width: 190px; float: right; }
#popup-contact						{ width: 336px; }






/*
	FOOTER
*/

#footer								{ height: 48px; width: 100%; z-index: 2; position: fixed; bottom: 0px; }
#footer-inside						{ width: 835px; margin: auto; padding-top: 6px }


/* light box */

/* #lightbox_header					{ display: block; color: #24535f; font-size: 1.8em; font: Arial, Helvetica, sans-serif; float: left; margin: 10px auto 10px auto; }
 
.close								{ display: block; float: right; margin: -30px 5px; }
 
.overlay							{ display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;
 									  background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
 
.content_box 						{ display: none; position: absolute; top: 10%; left: auto; width: auto; height: auto;
 									  padding: 10px; border: 1px #24535f; background-color: #111111; z-index:1002; overflow: auto; }
*/