@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-image: url(top-bg.jpg);
	background-repeat: 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;
	/*width: 10em;*/
	float:left;
	clear:both;
	
}

#drops li {
	float: left;
	/*width: 10em;*/
}

#drops li ul {
	position: absolute;
	/* width: 10em; */
	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;}
#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-image: url(news-bg.jpg); background-repeat: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;
	}
	

	
	
 #footer {
	width: 100%;
	height: 169px;
	padding: 0;
	background-color: #DDDDDD;
	background-image: 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 */
}
#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-image:url(search-input-bg.jpg); background-repeat: no-repeat; border: 0px; float: left; font-size: 12px; color: #575757}