@charset "utf-8";

*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, blockquote, form, label, ul, ol, dl, fieldset, address{margin-bottom:0;}
p{margin-bottom:15px;}
body{font:14px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; color:#575757; background:url(top-bg.jpg) repeat-x;}
body a{color:#4a79c5; text-decoration:none;}
h1, h2{color:#f58023;}
h2{font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; font-weight:lighter; padding-bottom:5px;}
#container{width:974px; background:#FFFFFF; margin:0 auto; text-align:left;}
#header{width:100%; height:304px; padding:0; float:left;}


#nav-container {width: 967px;
padding-left: 7px;
height: 39px;
float: left;
background-image: url(nav-bg.jpg);
background-repeat: repeat-x;	}	

#navigation {
	width: 967px;
	height: 39px;
	float: left;
	overflow: hidden;
	z-index: 50;
	background-image: url(menu.jpg);
	background-repeat: no-repeat;	}
	
#navigation ul {list-style: none;padding: 0px;
margin: 0px;}

#navigation li {display: inline;float: left;}

#navigation a {	display: block;	height: 39px;
	background-image: url(menu.jpg);
	text-indent: -5000px;}

#nav-home a {background-position: 0 0; width: 101px;}
#nav-home a:hover {background-position: 0 -100px;}
#nav-home a:active {background-position: 0 -100px;}

#nav-about a {background-position: -101px 0; width: 115px;}
#nav-about a:hover {background-position: -101px -100px;}
#nav-about a:active {background-position: -101px -100px;}

#nav-solutions a {background-position: -216px 0; width: 125px}
#nav-solutions a:hover {background-position: -216px -100px;}
#nav-solutions a:active {background-position: -216px -100px;}

#nav-services a {background-position: -341px 0; width: 113px;}
#nav-services a:hover {background-position: -341px -100px;}
#nav-services a:active {background-position: -341px -100px;}

#nav-equipment a {background-position: -454px 0; width: 129px;}
#nav-equipment a:hover {background-position: -454px -100px;}
#nav-equipment a:active {background-position: -454px -100px;}

#nav-resources a {background-position: -583px 0; width: 129px;}
#nav-resources a:hover {background-position: -583px -100px;}
#nav-resources a:active {background-position: -583px -100px;}

#nav-careers a {background-position: -712px 0; width: 112px;}
#nav-careers  a:hover {background-position: -712px -100px;}
#nav-careers  a:active {background-position: -712px -100px;}

#nav-contact a {background-position: -824px 0; width: 135px;}
#nav-contact a:hover {background-position: -824px -100px;}
#nav-contact a:active {background-position: -824px -100px;}

#second-nav{width:415px; height:40px; float:left; overflow:hidden; z-index:50; background-image:url(menu.jpg); background-repeat:no-repeat; background-position:0px -200px;}
#second-nav ul{list-style:none; padding:0px; margin: 0px;}
#second-nav li{display:inline; float:left;}
#second-nav a{display:block; height:40px; background-image:url(menu.jpg); background-position:0px -200px; text-indent:-5000px;}

#subnav-client a {background-position: 0 -200px; width: 202px;}
#subnav-client a:hover {background-position: 0 -300px;}
#subnav-client a:active {background-position: 0 -300px;}

#subnav-vip a {background-position: -202px -200px; width: 213px;}
#subnav-vip a:hover {background-position: -202px -300px;}
#subnav-vip a:active {background-position: -202px -300px;}

#drops, #drops ul {	padding:0;
	margin:0;
	clear:both;
	float:left;
	text-indent: 0px;	}


/* ----- DROP DOWNS --- Separate classes for varying widths. Other properties are repeated to disinherit properties from parent list. ------------------------ */
#drops, #drops ul{padding:0; margin:0; clear:both; float:left; text-indent:0px;}
#drops a{display:block; float:left; clear:both;}
#drops li{float:left; z-index:1;}
#drops li ul{position:absolute; left:-999em;}
#drops li:hover ul{left:auto;}
#drops li:hover ul, #drops li.sfhover ul{left:auto;}
/******************************************************* About Us drop *************/
#drops ul.drop{background-color:#333; padding:5px; clear:both; float:left; margin-top:39px; background-image:none; text-indent:0px; width:170px;}
#drops ul.drop li{clear:both; background-image:none; text-indent:0px; height:22px; width:170px;}
#drops ul.drop a{color:#fff; font-size:14px; text-decoration:none; font-weight:normal; clear:both; float:left; background-image:none; text-indent:0px;
	height:22px; width:170px;}
#drops ul.drop a:hover{color:#A7BDE2; background-color:#282828;}	
/******************************************************* Solutions drop ************/	
#drops ul.drop2{background-color:#333; padding:5px; clear:both; float:left; margin-top:39px; background-image:none; text-indent:0px; width:230px;}	
#drops ul.drop2 li{clear:both; background-image:none; text-indent:0px; height:22px; width:230px;}	
#drops ul.drop2 a{color:#fff; font-size:14px; text-decoration:none; font-weight:normal; clear:both; float:left; background-image:none; text-indent:0px;
	height:22px; width:230px;}
#drops ul.drop2 a:hover{color:#A7BDE2; background-color:#282828;}	
/******************************************************* Services drop *************/	
#drops ul.drop3{background-color:#333; padding:5px; clear:both; float:left; margin-top:39px; background-image:none; text-indent:0px; width:320px;}	
#drops ul.drop3 li{clear:both; background-image:none; text-indent:0px; height:22px; width:320px;}	
#drops ul.drop3 a{color:#fff; font-size:14px; text-decoration:none; font-weight:normal; clear:both; float:left; background-image:none; text-indent:0px;
	height:22px; width:320px;}
#drops ul.drop3 a:hover{color:#A7BDE2; background-color:#282828;}		
/******************************************************* Equipment drop ************/	
#drops ul.drop4{background-color:#333; padding:5px; clear:both; float:left; margin-top:39px; background-image:none; text-indent:0px; width:210px;}	
#drops ul.drop4 li{clear:both; background-image:none; text-indent:0px; height:22px; width:210px;}	
#drops ul.drop4 a{color:#fff; font-size:14px; text-decoration:none; font-weight:normal; clear:both; float:left; background-image:none; text-indent:0px;
	height:22px; width:210px;}	
#drops ul.drop4 a:hover{color:#A7BDE2; background-color:#282828;}	
/******************************************************* Resources drop ************/	
#drops ul.drop5{background-color:#333; padding:5px; clear:both; float:left; margin-top:39px; background-image:none; text-indent:0px; width:205px;}	
#drops ul.drop5 li{clear:both; background-image:none; text-indent:0px; height:22px; width:205px;}	
#drops ul.drop5 a{color:#fff; font-size:14px; text-decoration:none; font-weight:normal; clear:both; float:left; background-image:none; text-indent:0px;
	height:22px; width:205px;}	
#drops ul.drop5 a:hover{color:#A7BDE2; background-color:#282828;}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */



#drops a{display:block; float:left; clear:both;}
#drops li{float:left;}
#drops li ul{position:absolute; left:-999em;}
#drops li:hover ul{left:auto;}
#drops li:hover ul, #drops li.sfhover ul{left:auto;}
#util-nav-container {	width: 100%;
	height: 40px;
	float: left;}
#search{width:271px; height:40px; float:left; background-image:url(search-bg.jpg);}
#intro {	width: 100%;
	height: 266px;
	padding: 0;
	float: left;
	background-image: url(homepage-intro.jpg);
	background-repeat: no-repeat;}
#intro a:hover{	text-decoration:underline;
	color:#333;}
	
/***** Badges Navigation ***************************************************************************************************/	
#badges{width:581px; height:91px; margin-left:120px; float:left; overflow:hidden; z-index:50; /*background-image:url(badges-menu.jpg);
	background-repeat:no-repeat; background-position:0px 0px;*/}
#badges ul{list-style:none; padding:0px; margin:0px;}
#badges li{display:inline; float:left;}
#badges a{display:block; height:92px; background:url(../../images/template-images/home-badges.png) no-repeat; text-indent:-5000px;}

#badges-air a{background-position:0 0; width:73px;}
#badges-air a:hover{background-position:0 -100px;}
#badges-air a:active{background-position:0 -100px;}

#badges-gas a{background-position:-73px 0; width: 72px;}
#badges-gas a:hover{background-position:-73px -100px;}
#badges-gas a:active{background-position:-73px -100px;}

#badges-fire a{background-position:-146px 0; width: 72px}
#badges-fire a:hover{background-position:-146px -100px;}
#badges-fire a:active{background-position:-146px -100px;}

#badges-personnel a{background-position:-228px 0; width: 72px;}
#badges-personnel a:hover{background-position:-228px -100px;}
#badges-personnel a:active{background-position:-228px -100px;}

#badges-safety a{background-position:-300px 0; width: 72px;}
#badges-safety a:hover{background-position:-300px -100px;}
#badges-safety a:active{background-position:-300px -100px;}	
	
#badges-medical a{background-position:-372px 0; width: 72px;}
#badges-medical a:hover{background-position:-372px -100px;}
#badges-medical a:active{background-position:-372px -100px;}	

#badges-radio a{background-position:-444px 0; width: 72px;}
#badges-radio a:hover{background-position:-444px -100px;}
#badges-radio a:active{background-position:-444px -100px;}

#badges-ih a{background-position:-516px 0; width: 72px;}
#badges-ih a:hover{background-position:-516px -100px;}
#badges-ih a:active{background-position:-516px -100px;}	









	
	
#news{width:241px; float:right; margin-top:25px; margin-left:30px; margin-right:20px; height:149px; background:url(news-bg.jpg) no-repeat; padding-top:29px;}	
#mainContent {	width: 100%;
	float: left;
	background-color: #FFFFFF;
	background-image: url(content-bg-dots.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 24px;}
#contentLeft {	width: 660px; 
	padding: 0 0 0 40px;
	float: left;
	padding-top: 23px;}
#contentLeft p{ padding-right:25px; }
#leftList { width: 250px; float: left; margin-left: 40px; margin-top: 10px;}
#leftList li {padding-left: 20px; margin-left: 20px; list-style: url(bull.jpg) none;}
#rightList {width: 300px; float: left; margin-left: 40px; margin-top: 10px;}
#rightList li {padding-left: 20px; margin-left: 20px; list-style: url(bull.jpg) none;}
#contentRight {	width: 267px; 	float: right;}
#introText{	margin-left: 130px;
	margin-top: 10px;
	width: 800px;
	float: left;
	font-size: 18px;
	line-height: 23px;}
input.search{margin:0; padding:2px 0px 0px 3px; width:209px; height:17px; background:url(search-input-bg.jpg) no-repeat; border:0px; float:left; font-size:12px; 
	color: #575757}




/* --- Footer -------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer{width:100%; height:169px; padding:0; background:#DDDDDD url(footer-bg.jpg);}
#footer a{color:#0060f6; text-decoration:none;}
#footerContainer{width:974px; margin:0 auto; height:169px;}
#footerLogo{width:260px; text-align:right; float:left; margin-top:35px;}
#footerAddress{width:460px; padding-left:20px; text-align:left; float:left; margin-top:35px; color:#FFFFFF;}
#footerBadge{width:150px; float:left; text-align:right; margin-top:0px; height:127px;}
#footerNav{width:974px; float:left; text-align:center; height:22px; margin-top:3px; padding-top:14px; font-size:11px; text-transform:uppercase;}
#footerNav a{color:#FFF;}
#footer p{margin:0; padding:0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
