/*
Theme Name: Safe Air
Theme URI: http://safeairsystems.org/
Description: The default WordPress theme created for <a href="http://safeairsystems.com">safeairsystems.com </a>.
Version: 1.0
Author: Scott Saunders
Author URI: http://dynamicquest.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Safe Air v1.
	 http://dynamicquest.com/

	This theme was designed and built by Dynamic Quest,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/*== notes== */

/* 

content color - EFF1E4


*/

/*== notes== */

 * {
	margin:0;
	padding:0;
	}
	
	html, body {
	height:100%;
	width: 100%;
	}

body{
	font:14px/1.25em "Myriad Pro", Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#666666;
	margin:  0 0 0 0;
	height: 100%;
	width: 100%;
	/*background:url(images/body_bg.jpg); background-repeat: repeat;*/
	background-color: none;
}

.header{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 180px;
	background-image: url(images/header_bg.jpg);	
	background-repeat: repeat-x;
}


.cta_left{
	position:absolute;
	z-index:12;
	left:-290px;
	top:50px;
}

.cta_right{
	position:absolute;
	z-index:5;
	left:440px;
	top:50px;
}

.logo{
	position: relative;
	top:1px;
	left:0px;
	margin: 0 auto 0 auto;
	width: 417px;
	height: 180px;
	cursor: pointer;
}

.left_bg{
	position: absolute;
	top:1px;
	left:0px;
	width: 510px;
	height: 638px;
	background-image: url(images/left_bg.jpg);
	background-repeat: no-repeat;
}

.right_bg{
	position: absolute;
	top:1px;
	right:0px;
	width: 485px;
	height: 269px;
	background-image: url(images/right_bg.jpg);
	background-repeat: no-repeat;
}

.container{
	float: left;
	top:-1px;
	height: auto;
	width: 100%;
	background:url(images/body_bg.jpg); background-repeat: repeat;
	padding: 0 0 160px 0;
	min-height:600px;
	height:auto !important;
	height:600px;
}

.content{
	top:0px;
	left:30px;
	position: relative;
	width: 626px;
	min-height:700px;
	height:auto !important;
	height:700px;
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-y;
	margin:  13px auto 0 auto;
}

.content_wide{
	top:0px;
	left:95px;
	position: relative;
	width: 747px;
	min-height:700px;
	height:auto !important;
	height:700px;
	background-image: url(images/content_wide_bg.jpg);
	background-repeat: repeat-y;
	margin:  13px auto 0 auto;
}

.content_header{
	position: absolute;
	top:0px;
	left:0px;
	width: 626px;
	height: 11px;
	margin: -11px 0 0 0;
}

.main_content_copy{
	padding: 350px 15px 15px 15px;
	top:0px;
	left:0px;
	position: relative;
	width:522px;
	z-index: 5;
}

.content_copy{
	padding: 15px 15px 40px 15px;
	top:0px;
	left:0px;
	position: relative;
	width:522px;
	z-index: 5;
}

.content_copy_wide{
	padding: 15px;
	top:0px;
	left:0px;
	position: relative;
	width:720px;
	z-index: 5;
}

.content_extended{
	top:0px;
	left:95px;
	position: relative;
	width: 747px;
	min-height:700px;
	height:auto !important;
	height:700px;
	background-image: url(images/content_wide_bg.jpg);
	background-repeat: repeat-y;
	margin:  13px auto 0 auto;
}

.content_copy_extended{
	padding: 15px;
	top:0px;
	left:20px;
	position: relative;
	width:720px;
	z-index: 5;
}

.content_footer{
	position: absolute;
	bottom:-4px;
	left:0px;
	width: 626px;
	height: 11px;
	margin: -11px 0 0 0;
	width: 626px;
	height: 48x;
}

.bottom_right{
	position: absolute;
	bottom: -165px;
	right: -123px;
	width:247px;
	height: 472px;
	background-image: url(images/bottom_right.jpg);
	background-repeat: no-repeat;
	padding: 0 0 20px 0;
}

.main_footer{
	float:left;
	padding: 0 0 0 0;
	left:0px;
	width: 100%;
	height: 97px;
	background-image: url(images/main_footer.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding: 40px 0 0 0;
	color:#F0F200;
	background-color: #580000;
	font:14px/1.0em "Myriad Pro", Myriad, Helvetica, Tahoma, Arial, sans-serif;
	font-weight: bold;
}

.left_corner{
	width: 282px;
	height: 235px;
	position: absolute;
	top:-24px;
	left: -30px;
}

.left_buttons{
	top:-18px;
	left:-209px;
	position: absolute;
	width: 209px;
}

.left_menu{
	margin:  5px 0 15px 0;
	left:13px;
	position: relative;
	width: 181px;
	height: auto;
	padding:  0 0 0 0;
}

.picture_bg{
	width: 535px;
	height: 361px;
	position: absolute;
	top:0px;
	left:5px;
	background-image: url(images/picture_bg.jpg);
	background-repeat: no-repeat;
}

.home_image{
	position: absolute;
	width: 425px;
	height: 225px;
	top:47px;
	left:77px;
}

.welcome{
	position: absolute;
	top:210px;
	left: 240px;
	width: 280px;
	height: 133px;
}

.right_buttons{
	position: absolute;
	top:-5px;
	left:536px;
	width: 226px;
	min-height:400px;
	height:auto !important;
	height:400px;
	height: auto;
	display: block;
}

.right_banner{
	position: relative;
	width: 226px;
	height: 231px;
}

.right_banner_bg{
	position: absolute;
	width: 214px;
	height: 254px;
}

.right_banner_img{
	position: absolute;
	top:9px;
	left:27px;
	width: 175px;
	height: 209px;
}



.page_content{
	position: relative;
	width: 970px;
	height: auto;
	/*border-width: 1px;
	border-style: solid;
	border-color: #000; */
	margin:  0 auto 0 auto;
}

.page_buttons{
	float:left;
	top:0px;
	left:0px;
	width: 209px;
	height: auto;
	/*border-width: 1px;
	border-style: solid;
	border-color: #000; */
	margin: -15px 0 0 0;
}

.page_center{
	top:0px;
	left:0px;
	float:left;
	width: 545px;
	min-height:700px;
	height:auto !important;
	height:700px;
	background-image: url(images/page_copy_bg.jpg);
	background-repeat: repeat-y;
}

.page_copy{
	top:0px;
	left:0px;
	position: relative;
	width: 545px;
	min-height:700px;
	height:auto !important;
	height:700px;
	background-image: url(images/page_copy_bg.jpg);
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
}

.page_copy_header{
	position: absolute;
	top:0px;
	left:0px;
	width: 543px;
	height: 11px;
	margin: -11px 0 0 0;
}

.page_copy_footer{
	position: absolute;
	bottom:-48px;
	left:0px;
	width: 545px;
	margin: -11px 0 0 0;
	height: 48x;
}

.page_copy_right_bottom{
	position: absolute;
	bottom: -172px;
	right: -123px;
	width:247px;
	height: 472px;
	background-image: url(images/bottom_right.jpg);
	background-repeat: no-repeat;
	padding: 0 0 20px 0;
}

ul{
	margin:  0 0 0 10px;
	padding:10px;
}

ul li{
	margin:  0 0 0 20px;
	padding:0;
	left: 20px;
	text-indent: 0 0 0 20px;
}

.left_menu_top{
	top:-30px;
	left: 0px;
	position: absolute;
	width: 181px;
	height: 94px;
	z-index: 10px;
}

.left_menu_bottom{
	bottom:-16px;
	left: -11px;
	position: relative;
	width: 181px;
	height: 17px;
}

.ecommerce_btn{
	position: relative;
	width:215px;
	height:113px;
	right:18px;
	
	
}

.base{
	width: 161px;
	top:-10px;
	left:0px;
	margin: 0;
	padding:  5px 10px 5px 10px;
	list-style: none;
	font:12px/1.5em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif;
	font-weight: bold;
	color:#F0F200;
	background-color: #E30202;
	position: relative;
	z-index: 20;
	background-image: url(images/menu_bg.png); background-repeat:no-repeat;
	
	}
	
.base ul{
	padding: 0;
	margin: 0;
	list-style: none;
	font:12px/1.25em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif;
	font-weight: bold;
}







.base li{
	padding: 5px 0 5px 0;
	margin: 0px;
	list-style: none;
	font:12px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
}

.base li ul{
	font:11px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif;
	margin:  0 -10px 0 -10px;
	padding:  0 0 0 0;
	background-color: #4a4a4a;
	list-style: none;
	text-indent: 20px;
	
	}
	
.base li ul li{
	margin: 0;
	padding: 5px 0 5px 0;
}

.base A:link {text-decoration: none;   color:#F0F200;}
.base A:visited {text-decoration: none;  color:#F0F200;}
.base A:active {text-decoration: none;  color:#F0F200;}
.base A:hover {text-decoration: none;  color:#FFF;}

A:link {text-decoration: none;   color:#000;}
A:visited {text-decoration: none;  color:#000;}
A:active {text-decoration: none;  color:#000;}
A:hover {text-decoration: none;  color:#990000;}

h1{
font:28px/1.25em "Myriad Pro", Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#333; font-weight: bold;
}

.breadcrumb{
	position: relative;
	padding: 0 0 10px 0;
	font:11px/1.25em "Myriad Pro", Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#333; font-weight: normal;
	}

.search{
	padding: 10px 0 0 10px;
	top:137px;
	left:450px;
	position: absolute;
	width: 300px;
	height: 42px;
	/*background-image: url(images/search_bg.jpg);
	background-repeat: no-repeat;*/
}
 

.home_search {
	top:350px;
	right:10px;
	position: absolute;

}


.search_title{
	font:16px/1.25em "Myriad Pro", Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#333; font-weight: normal; text-decoration: underline;
}

strong.search-excerpt { background: #BED4FF; }
 
#s{
	width:165px;
}
.search .screen-reader-text{
	display: none;
}

.home_search .screen-reader-text{
	display: none;
}

.page_title{
	font:28px/1.25em "Myriad Pro", Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#333; font-weight: bold;
}


.about_drop ul li, .products_drop ul li, .departments_drop ul li, .compressors_drop ul li, .fill_stations_drop ul li, .trailers_drop ul li, .air_drop ul li, .trucks_trailers_drop ul li{
	padding: 5px 0 5px 0;
	margin: 0px;
	list-style: none;
	font:11px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif;
	font-weight: normal;
	color: #fff;
}

.air_drop, .about_drop, .departments_drop, .products_drop, .compressors_drop, .trucks_trailers_drop, .fill_stations_drop, .trailers_drop{
	position:relative;
	background-color:#333;
	height:auto;
	width:171px;
	left:-10px;
	padding: 5px 0 5px 10px;
	margin: 0 0 10px 0;
	display: none;
	color:#fff;
	font-weight: normal;
	font:11px/2.0em "Myriad Pro", Myriad, Helvetica, Tahoma, Arial, sans-serif; font-weight: normal;
}



h3{
	font:24px/1.0em "Myriad Pro", Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#333; font-weight: normal;
}

img{
	border: 0;
}


img.alignright {float:right; margin:0 0 1em 1em; padding:5px; background-color: #efefef; border: 1px solid; border-color: #ccc;}
img.alignleft {float:left; margin:0 1em 1em 0; padding:5px; background-color: #efefef; border: 1px solid; border-color: #ccc;}
img.aligncenter {display: block; margin: 5px auto 5px auto; padding:5px; background-color: #efefef; border: 1px solid; border-color: #ccc;}
a img.alignright {float:right; margin:0 0 1em 1em; padding:5px; background-color: #efefef; border: 1px solid; border-color: #ccc;}
a img.alignleft {float:left; margin:0 1em 1em 0; padding:5px; background-color: #efefef; border: 1px solid; border-color: #ccc;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; padding:5px; background-color: #efefef; border: 1px solid; border-color: #ccc;}

img.alignright_clear {float:right; margin:0 0 1em 1em; padding:5px; background-color: none;}
img.alignleft_clear {float:left; margin:0 1em 1em 0; padding:5px; background-color: none;}
img.aligncenter_clear {display: block; margin: 5px auto 5px auto; padding:5px; background-color: none;}
a img.alignright_clear {float:right; margin:0 0 1em 1em; padding:5px; background-color: none;}
a img.alignleft_clear {float:left; margin:0 1em 1em 0; padding:5px; background-color: none;}
a img.aligncenter_clear {display: block; margin-left: auto; margin-right: auto; padding:5px; background-color: none; }

img.alignright_no_border {float:right; margin:0 0 1em 1em; padding:5px;}
img.alignleft_no_border {float:left; margin:0 1em 1em 0; padding:5px;}
img.aligncenter_no_border {display: block; margin: 5px auto 5px auto; padding:5px;}
a img.alignright_no_border {float:right; margin:0 0 1em 1em; padding:5px;}
a img.alignleft_no_border {float:left; margin:0 1em 1em 0; padding:5px; }
a img.aligncenter_no_border {display: block; margin-left: auto; margin-right: auto; padding:5px;}

.center_pic {padding:5px; background-color: #efefef; border: 1px solid; border-color: #ccc; text-align: center; margin:5px;}
.trans_pic {padding:5px; background-color: none; text-align: center; margin:5px;}

img.gallery_padding{
	position: relative;
	padding:10px;
	margin: 3px;
	background-color: #efefef;
}

.bauer_request{
	width: 264px;
	height: 96px;
	top:-129px;
	right:-226px;
	position:absolute;
	
}

.contact_request{
	width: 264px;
	height: 96px;
	top:-143px;
	right:-226px;
	position:absolute;
	
}


.extend_request{
	width: 264px;
	height: 96px;
	top:-145px;
	right:-26px;
	position:absolute;
	
}

.gallery_spacer{
	position: relative;
	width: 630px;
	margin: 0 auto 0 auto;
	height: auto;
	
}


ol{
	margin: 10px;
	padding: 10px;
	}
	
ol li{
	margin: 0 0 10px 0;
}


#movie_darken{
	top:0px;
	position: fixed;
	width:100%;
	height: 100%;
	z-index: 99;
	visibility: hidden;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background: transparent;
	background-color: #000;

}




#movie_holder{
	top:0px;
	position: fixed;
	width:100%;
	height: 100%;
	z-index: 100;
	visibility: hidden;
	border-width: 0px;
	border-style: solid;
	border-color: #000000;
}

#distance { 
		width:0px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-300px; /* half of container's height */
		float:left;
		}

#iframe_container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		width:745px;
		height:601px;
		clear:left;
		}
		
.movie_background{
	position: absolute;
	width: 745px;
	height: 601px;
	top:0px;
	left:0px;
	background-color: #EFF1E4;
}

.movie{
	position: absolute;
	top:35px;
	left:36px;
}

.close{
position: absolute;
left: 650px;
top: 548px;
font:20px/1.25em Myriad Pro, Myriad, Helvetica, Arial, Trebuchet MS, sans-serif; color: #fff; font-weight: strong;
}