@import url('boilerplate/screen.css');

/* GLOBAL ----------------------------------------------------------------*/
h1, h2 {
	color: #C08427;
	text-transform: uppercase;
}
a:link, a:visited {
	color:#FF8D03;
}
h1, h2, p, li, dd, dt {
	line-height: 1.3em;
}


/* LAYOUT ---------------------------------------------------------------*/
html {
	background:  #581502 url('../img/layout/bg_body.jpg') repeat-x scroll left top;
}
body {
	background: url('../img/layout/bg_top.jpg') top center no-repeat;
	color: #eee;
	font-size:  .8em;
	margin: 0 auto;
}
.wrapper {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
.header {
	clear: both;
	float: left;             
	width:960px;
}
#logo {
	float: left;
	height: 131px;
	width: 195px;
}
#logo a {
	display: block;
	height: 117px;
	text-indent: -10000em;
	width: 186px;
}
.quick_nav {
	float: right;
	margin: 10px 0 0 0px;
}
.quick_nav li {
	border-right: 1px solid #fff;
	display: inline;
	padding: 0 8px 0 4px;
}
.quick_nav li.last {
	border: 0 none;
}
.quick_nav li a:link, .quick_nav li a:visited {
	color: #fff;
	font-size: 75%;
	text-transform: uppercase;
}      
.quick_nav li a:hover {
	color:#C3A775;
	text-decoration:none;
}

.main_nav {
	clear: right;
	float: right;
	font-size: 90%;         
	margin: 50px 55px 0 0;

}
.main_nav li {
	border-right: 1px solid #fff;
	display: block;
	float: left;
	padding: 0 8px 0 6px;
	position: relative;
	text-align: right;
}
.main_nav li.last {
	border: 0 none;
}
.main_nav li a:link, .main_nav li a:visited {
	color: #fff;
	font-size: 100%;
	text-transform: uppercase;  
}
.main_nav li a:hover {
	color:#C3A775;
	text-decoration:none;
}                                                 
.main_nav li ul {
	background: #150E08;
	position: absolute;
	top: 16px;
	right: 0;
	margin: 0;
	padding: 0;
}
.main_nav li ul li {
	border: 0 none;
	float: none;
	margin: 0;
	padding: 5px;
	position: relative;
	text-align: right;
	width: 100px;
}
.main_nav li ul li ul {
	background: #150E08;
	margin: 0 0 0 20px;
	padding: 5px;
	position: absolute;
		left: 90px;
		top: 0;
	text-align: left;
	width: 500px;
}
.main_nav li ul li ul li {
	display: inline;
	padding: 5px;
	margin: 0 5px;
}
.sf-sub-indicator {
	display: none;
}
.sf-shadow ul {
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topright: 0;
}

#marquee {
	clear: both;
	height: 148px;   
	margin:0 1px;
	width: 958px;
}
.quick_options {
	clear: both;
	height: 62px;
}
.quick_options #emergency_contact_info {
	float: left;
	font-size: 100%;
	line-height: 1.3em;
	margin: 15px 0 0 167px;
	
}
.quick_options #FindDistributorForm {
	float: right;
	height: 63px;
	margin: 2px 0 0 0;
	padding: 0;
	width: 300px;
}
.quick_options #FindDistributorForm  fieldset {
	border: 0 none;
	margin: 10px 0 0 0;
	padding: 0;
}
.quick_options #FindDistributorForm .input {
	display: inline;
	float: left;
}
.quick_options #FindDistributorForm .input label {
	display: block;
	float: left;
	padding: 3px 0 0 0;
	width: 40px;
}
.quick_options #FindDistributorForm .input select {
	width: 120px;
}
.quick_options #FindDistributorForm .or {
	margin: 14px 95px 0 0;
	float: right;
}

.footer {
	background: url('../img/layout/bg_footer.jpg');
	float: left;
	padding: 130px 0 0 0;
	width: 960px;
}
.footer .sub_nav {
	clear: both;
	float: right;
	margin: 5px 15px 0 0;
	padding: 0;
}
.footer .sub_nav li {
	display: inline;
	list-style: none;
}      
.footer .sub_nav li a {
	margin:0 3px;
}
.footer .sub_nav li.last {
	border: 0 none;
}
.footer #copyright {
	clear: both;
	float: right;
	font-size: 90%;
	margin: 15px 20px 15px 0;
}

/* one col */
.content {
	background: #000 url('../img/layout/bg_content_1col.jpg') no-repeat;
	margin: 0 auto;
	width: 960px;
}
.main_content {
	clear: both;
	padding: 10px;
	width: 940px;
}

/* two col */
.content.two_cols {
	background: #000 url('../img/layout/bg_content_2col.jpg') no-repeat;
	margin: 0 auto;
	width: 960px;	
}
.content.two_cols .main_content {
	float: left;
	padding-left: 20px;
	width: 620px;	
}
.content.two_cols .aside {
	float: right;
	padding: 0 21px;
	width: 262px;
}


/* PAGE-SPECIFIC --------------------------------------------------------*/
/* Home */
.pages.home {
	background: url('../img/layout/bg_top_home.jpg') top center no-repeat;
}
.pages.home #marquee {
	height: 290px;
	width: 960px;      
	margin:0;
}
.pages.home .quick_options {
   float: left;
   height:69px;
   width:100%;
}   
.pages.home .quick_options #emergency_contact_info {
	float: left;
	font-size: 100%;
	line-height: 1.3em;
	margin: 18px 0 0 167px;
	
}
.pages.home .quick_options #FindDistributorForm {
	float: right;
	height: 63px;
	margin: 5px 0 0 0;
	padding: 0;
	width: 300px;
}                                  
.pages.home .content.two_cols {
	background: #000 url('../img/layout/bg_content_home.jpg') no-repeat;
	float: left;
	width: 960px;	
}
.pages.home .main_content h1 {
	font-size: 220%;
	font-weight: bold;
	line-height: 1.2em;
	padding: 15px 0 10px 16px;
}
.pages.home .main_content h2 {
	font-size: 150%;
	margin-bottom: 0;
}
.pages.home .main_content .enviro {
	float: right;
	padding: 0 30px;
}
.pages.home2 {
	background: url('../img/layout/bg_top_home.jpg') top center no-repeat;
}
.pages.home2 #marquee {
	height: 290px;
	width: 960px;      
	margin:0;
}
.pages.home2 .quick_options {
   height:69px;
}   
.pages.home2 .quick_options #emergency_contact_info {
	float: left;
	font-size: 100%;
	line-height: 1.3em;
	margin: 18px 0 0 167px;
	
}
.pages.home2 .quick_options #FindDistributorForm {
	float: right;
	height: 63px;
	margin: 5px 0 0 0;
	padding: 0;
	width: 300px;
}                                  
.pages.home2 .content.two_cols {
	background: #000 url('../img/layout/bg_content_home.jpg') no-repeat;
	float: left;
	width: 960px;	
}
.pages.home2 .main_content h1 {
	font-size: 220%;
	font-weight: bold;
	line-height: 1.2em;
	padding: 15px 0 10px 16px;
}
.pages.home2 .main_content h2 {
	font-size: 150%;
	margin-bottom: 0;
}
.pages.home2 .main_content .enviro {
	float: right;
	padding: 0 30px;
}

.aside#fireade {
	background: url('../img/fireade_title.jpg') no-repeat;

}
.aside#fireade h2 {
	padding: 60px 0 0 0;
	text-indent: -100000em;
}
.aside#fireade h3 {
	font-size: 120%;
	margin: 0;
}
.aside#fireade dl {
	clear: both;
}
.aside#fireade dl dt {
	font-size: 120%;
}
.aside#fireade dl dt img {
	border: 1px solid #FDB300;
	float: left;
	padding: 3px;
	margin: 0 10px 15px 0;
}
.aside#fireade dl dd {
	line-height: 1.2em;
}

/* Products */
.products.index .product {
	margin: 0 0 30px 0;
}
.aside.fireade2000 {
	margin: 25px 0;
}
.aside.fireade2000 ul {
	margin: 0 0 30px 0;
}
.aside.fireade2000 li {
	border-bottom: 1px solid #3E2D0F;
	font-size: 120%;
	font-weight: bold;
	list-style: none;
	padding: 5px;
}

/* Applications */
.applications dt {
	margin: 30px 0 10px 0;
}
.applications dd {
	margin: 5px 15px;
}

/* Distributors */
.distributors_list dl {
	margin: 0 0 20px 20px;
}
.distributors_list dl dt {
	font-size: 125%;
}
.distributors_list dl dd {
	margin: 3px 0;
}
.distributors_list .no_distributors {
	padding: 20px 0 90px 0;
}
.become_a_distributor p {
	margin: 20px 0;
}
.become_a_distributor .input {
	margin: 10px 0;
}
.become_a_distributor .input label {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 3px 0;
	text-align: right;
	width: 200px;
}
.become_a_distributor .input input {
	width: 300px;
}
.become_a_distributor .input textarea {
	width: 400px;
}
.become_a_distributor .submit {
	margin: 0 0 0 210px;
}

/* Contact */
.contact .main_content dl {
	margin: 0 0 20px 20px;
}
.contact .main_content dl dt {
	font-size: 125%;
}
.contact .main_content dl dd {
	margin: 3px 0;
}

/* About */
.about .main_content p img {
	float: right;
	padding: 20px;
}

/* Photos/Videos */
.photos_videos h2 {
	margin: 20px 0;
}
.photos_videos .photo img {
	border: 1px solid #B37721;
	padding: 2px;
}

/* How it works */
.how_it_works .main_content h2 {
	font-size: 120%;
	text-transform: capitalize;
}

/* FAQs */
.faqs dl {
}
.faqs dl dt {
	font-size: 120%;
}
.faqs dl dd {
	margin: 0 0 20px 0;
}

/* Testimonials */
.testimonial_list li {
	list-style: none;
	margin: 10px 0;
}
.testimonial_list li img {
	vertical-align: middle;
}
.calculator .text label {
	color:#C08427;
	font-size:110%;
	display: block;
}
.calculator .text input {
	width: 30px;
	margin: 5px 5px 10px 0;
}
.calculator .radio {
	margin-bottom: 10px;
}
.calculator .radio label {
	color:#C08427;
	font-size:110%;
	margin-right: 20px;
}
.calculator .value {
	float: left;
	width: 100px;
}
.calculator th {
	border-color: #C08427;
	color:#C08427;
	font-size:110%;
}
.calculator td {
	border: none;
	font-size:110%;
}
.calculator .title {
	margin-top: 10px;
}