@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img{
	border:0;
}

#body{
		background:url(../images/mainbg.png) repeat-x center 365px;
}

#globe{
	position:absolute;
	top:0px;
	left: 0px;
	z-index:10;
}
/* padding:15px 10px;*/
#logo{
	z-index: 20;
	width:320px;
	margin-top:40px;
	margin-left:10px;
	position:relative;
	float:left;
}

#top-right{
	margin-top:40px;
	float:right;
	width:200px;
	padding:10px;
	text-align:right;
	color:#101842;
	background-color:#FFFFFF;
}

#top-right h3{
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	background-color:#101842;
	color:#FFFFFF;
	padding:3px;
	text-align:center;
}

#top-right h4{
	padding:5px;
	background: #FFFFFF;
}

#quote{
	position:absolute;
	top: 0px;
	right:10px;
	width:400px;
	text-align:right;
}


#main{
	height:175px;
	padding:0 auto;
}

#banner{
	background: url(../images/topbg.jpg) center bottom;
	height:190px;
	width:960px;
	margin: 0 auto;
}

#content{
	margin:0 auto;
	width:960px;
	z-index:15;
	position:relative;
}

#left{
	width:290px;
	float:left;
	z-index:20;
}

#left div{
	margin: 12px 0;
}

#left p{
	padding:5px;
	background-color:#ffffff;
}

#left ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background-color:#101842;
}

.formInput{
	font-size:15px;
	padding:5px;
	margin:3px;
	width:20em;
}

.title{
	background-color:#17356d;
	margin-bottom:3px;
	padding:4px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}

.sect{
	padding: 2px 2px 5px 22px;
	font-size:13px;
}

.sect a{
	color:#EFEFEF;
	text-decoration:none;
}
.title a{
	color:#FFFFFF;
	text-decoration:none;
}

.news{
	margin:10px 0;
	background-color:#EFEFEF;
}

.news h4{
	background-color:#17356d;
	padding:6px;
	color:#FFFFFF;
}

.news h3{
	font-size:15px;
	color: #17356d;
	padding:6px;
}

.news h5{
	font-size:10px;
	text-transform:uppercase;
	padding: 0px 6px;
}

.news p{
	padding:6px;
	font-size: 11px;
}

.more a{
	color:#101842;
	border-bottom: 1px dotted #101842;
	text-decoration: none;
	padding:0;
}

#right{
	width:630px;
	float:right;
	margin-bottom:40px;
}

#mid, #mid2{
	width:290px;
	margin-left:15px;
	float:right;
	margin-bottom:40px;
}

#mid{
	margin-left:45px;
}

#left *, #mid2 *, #mid *{
	margin: 12px 0;
}

#right h1, #mid2 h1, #mid h1{
	font-size:24px;
	padding:8px 0;
	border-bottom: 1px solid #17356d;
	color: #17356d;
	text-transform:uppercase;
	margin: 12px 0;
}

#right h3, #mid2 h3, #mid h3{
	padding:10px;
	color:#FFFFFF;
	background-color: #17356d;
	margin: 20px 0;
}

#left h5, #right h5, #mid2 h5, #mid h5{
	padding:10px;
	font-size:16px;
	color:#FFFFFF;
	background-color: #17356d;
	margin: 20px 0;
}


#right h5.globe, #mid2 h5.globe, #mid h5.globe{
	padding:10px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	background: #17356d url(../images/quotebox.png);
	margin: 20px 0;
}


#right h3 a, #right h5 a, #mid h3 a, #mid h5 a, #mid2 h3 a, #mid2 h5 a{
	text-decoration:none;
	color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#right h3 a:hover, #right h5 a:hover{
	background-color:#101842;
}

#left p, #right p, #mid2 p, #mid p{
	font-size: 13px;
	margin: 12px 0;
}

#right li, #mid2 li, #mid li{
	font-size:13px;
	padding-left:10px;
	margin-left:30px;
	margin: 9px 0;
}

#footer{
	background-color: #101842;
	z-index:15;
	clear:both;
}

#footer-in{
	width:900px;
	margin: 0 auto;
	padding: 30px 45px;
	color:#FFFFFF;
	font-size: 88%;
	z-index:15;
}

#footer-in p{
	line-height:24px;
}

#top-right a, #footer-in a{
	background-color:#FFFFFF;
	border: 1px solid #FFFFFF;
	color: #101842;
	padding: 2px;
	text-decoration:none;
}

#top-right a:hover, #footer-in a:hover{
	border: 1px dotted #FFFFFF;
	background-color: #101842;
	color: #FFFFFF;
}
	
.hide{display:none}

#navigation{
	width:960px;
	height:119px;
	color:#FFF;
	background:none;
	margin:15px auto 0 auto;
	position:relative;
	clear:both;
	z-index:15;
}

#nav-who, #nav-home, #nav-about, #nav-section-legal, #nav-contact, #nav-legal, #nav-services, #nav-waste, #nav-septic, #nav-tank, #nav-clean, #nav-cctv, #nav-wet-dry, #nav-recycle, #nav-centrif, #nav-env{
	display:inline;
	float:left;
}
	
#nav-home, #nav-about, #nav-legal, #nav-contact-us, #nav-waste, #nav-septic, #nav-tank, #nav-clean, #nav-cctv, #nav-wet-dry, #nav-recycle, #nav-centrif, #nav-env{
	margin-top:35px;
	border-top:dotted 1px #B0B0A8;
}


#nav-who{
	width:116px;
	height:113px;
	background:url(../images/menu/who.png) top left no-repeat #17356d;
	margin-right:1px;
}

#nav-home a:link, #nav-home a:visited{display:block;width:52px;height:77px;background:url(../images/menu/home.png) top left no-repeat #1B3167;}
#nav-home a:hover{background:url(../images/menu/home.png) bottom left no-repeat #143972}
#nav-about a:link, #nav-about a:visited{display:block;width:61px;height:77px;background:url(../images/menu/about-us.png) top left no-repeat #1B3167;}
#nav-about a:hover{background:url(../images/menu/about-us.png) bottom left no-repeat #143972}

#nav-services{
	width:622px;
	height:113px;
	background:url(../images/menu/services.png) top left no-repeat #101842;
	margin-right:1px;
	overflow:visible;
	position:relative;
}


#nav-waste a:link, #nav-waste a:visited{display:block;width:80px;height:77px;background:url(../images/menu/100-waste.png) top left no-repeat #07082C;}
#nav-waste a:hover{background:url(../images/menu/100-waste.png) bottom left no-repeat #223259}
#nav-septic a:link, #nav-septic a:visited{display:block;width:80px;height:77px;background:url(../images/menu/septic-tank.png) top left no-repeat #07082C;}
#nav-septic a:hover{background:url(../images/menu/septic-tank.png) bottom left no-repeat #223259}
#nav-tank a:link, #nav-tank a:visited{display:block;width:80px;height:77px;background:url(../images/menu/ind-tank.png) top left no-repeat #07082C;}
#nav-tank a:hover{background:url(../images/menu/ind-tank.png) bottom left no-repeat #223259}
#nav-clean a:link, #nav-clean a:visited{display:block;width:80px;height:77px;background:url(../images/menu/ind-clean.png) top left no-repeat #07082C;}
#nav-clean a:hover{background:url(../images/menu/ind-clean.png) bottom left no-repeat #223259}
#nav-cctv a:link, #nav-cctv a:visited{display:block;width:80px;height:77px;background:url(../images/menu/cctv-drain.png) top left no-repeat #07082C;}
#nav-cctv a:hover{background:url(../images/menu/cctv-drain.png) bottom left no-repeat #223259}
#nav-wet-dry a:link, #nav-wet-dry a:visited{display:block;width:73px;height:77px;background:url(../images/menu/wet-dry.png) top left no-repeat #07082C}
#nav-wet-dry a:hover{background:url(../images/menu/wet-dry.png) bottom left no-repeat #223259}
#nav-recycle a:link, #nav-recycle a:visited{display:block;width:74px;height:77px;background:url(../images/menu/recycling.png) top left no-repeat #07082C}
#nav-recycle a:hover{background:url(../images/menu/recycling.png) bottom left no-repeat #223259}
#nav-centrif a:link, #nav-centrif a:visited{display:block;width:74px;height:77px;background:url(../images/menu/centrifuge.png) top left no-repeat #07082C}
#nav-centrif a:hover{background:url(../images/menu/centrifuge.png) bottom left no-repeat #223259}

#nav-more{
	position:absolute;
	right:0px;
	top:0px;
	color:#FFFFFF;
}

#nav-more img{
	border:0;
}

#nav-section-legal{
	width:139px;
	height:113px;
	background:url(../images/menu/legal-top.png) top left no-repeat #17356d;
	margin-right:1px;
	overflow:hidden
}
#nav-legal a:link, #nav-legal a:visited{display:block;width:64px;height:77px;background:url(../images/menu/legal.png) top left no-repeat #1B3167;}
#nav-legal a:hover{background:url(../images/menu/legal.png) bottom left no-repeat #143972;}

#nav-env a:link, #nav-env a:visited{display:block;width:73px;height:77px;background:url(../images/menu/env.png) top left no-repeat #1B3167;}
#nav-env a:hover{background:url(../images/menu/env.png) bottom left no-repeat #143972;}

#nav-contact{
	width:80px;
	height:113px;
	background:url(../images/menu/contact-top.png) top left no-repeat black;
	overflow:hidden
}
#nav-contact-us a:link,#nav-contact-us a:visited{display:block;width:80px;height:77px;background:url(../images/menu/contact-us.png) top left no-repeat #07082C}
#nav-contact-us a:hover{background:url(../images/menu/contact-us.png) bottom left no-repeat black}