/* -------- CSS Wastewaterfilter -------- */

body { 
   padding:0;
   margin:0;
   font-family: Arial, Helvetica, sans-serif;
   background:#333;
   color:#000;
   font-size:12px;
}

/* --------  LEFT-SIDE NAVIFATION --------- */
#TheMenu {
	position:absolute;
	left:0px;
	top:92px;
	width:196px;
	height:551px;
	z-index:1;
	background:#333;
	color:#FFFFFF;
}
html>body #TheMenu {top:90px;}

#leftbox li,#leftbox h3{
	margin:0px;
}
#leftbox{
	background:#2F90C5;
	color:#000000;
	width:200px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-size:12px;
	float:left;
}
#leftbox ul{
	padding:0px;
	margin: 0px;
} 
#leftbox h3{
	background:#919090 url(../img/back_menu.gif) repeat-x;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	font-size:14px;
	padding:6px 0px 6px 5px;
	color:#eee;
}
h3.tit{
	margin-left:21px;
	display:inline;
	float:left;
}
html>body h3.tit{
	float:left;
	font-size: 18px;
}
#leftbox li{
	list-style:none;
}
#leftbox a{
	display:block;
	background:#2F90C5;
	height:18px;
	padding:6px;
	border-bottom:1px solid #383838;
	text-decoration:none;
	color:#fff;
}
#leftbox a:hover{
	display:block;
	background:#4AA3D2 url(../img/back_link.gif) repeat-x;
	padding:6px;
	height:18px;
	border-bottom:1px solid #383838;
	color:#383838;
}
#leftbox span{
	display:block;
	background:#A5A5A5 url(../img/back_link.gif) repeat-x;
	padding:6px;
	height:18px;
	border-bottom:1px solid #383838;
	color:#383838;
}
#leftbox img
{
	border-top:1px solid #fff;
	margin-bottom:0px;
	display:block;
}
#leftboxhome{
	background:#A5A5A5 url(../img/back_menu_home.gif) no-repeat;
	border-bottom:1px solid #fff;
	color:#fff;	
	border-top:1px solid #fff;
	font-size:14px;
	font-weight:bold;
	padding:6px 0px 6px 0px;
	width:200px;
	margin-bottom:2px;
	float:left;
}
#leftboxhome a {
	padding-left:35px;
	text-decoration:none;
	color:#fff;
}
#leftboxhome span{
	padding-left:35px;
	text-decoration:none;
}
#leftboxhome a:hoover {
	text-decoration:none;
	color:#fff;
}

/* -------- TOP CONTAINER (logo and header) -------- */

#container1 {
   width:100%;
   height:62px;
   background-color:#175C95; 
   border-top:#383838 2px solid;
   border-bottom:#383838 2px solid;
   color:#000;
   margin:0;
   padding:0;
   border-left:0;
}
#logo {
   width:200px;
   height:58px;
   background:#383838;
   color:#FFF; 
   font-size:18px;
   line-height:1.4em;
   padding-top:6px;
   float:left;
   letter-spacing: 3px;
}
#logo a {text-decoration:none; color:#FFF; background-color:#383838;}
#logo a:hover {text-decoration:none; color:#FFF; background-color:#383838;}
#header {
   width:768px;
   height:64px;
   float:left;
}
#header h1 {text-indent:-9999px; float:left;}
#headerimg {
  width:434px; 
  height:62px;
  background:url(../images/header.gif) no-repeat;
  float:left;  
}

/* -------- TOP LINE (top grey line background) -------- */

#up_line {
   height:22px;
   width:100%;
   float:left;
   background:url(../images/left.gif) repeat-x;
   border-bottom:2px solid #383838;
}

/* CONTENT */ 
#hold{
	min-height:560px;
	width:100%;
	background:#FFF;
	height:100%;
	float:left;
}
#bigcontent {
	background:#333;
	float:left;
	min-height:650px;
	height:100%;
	width:790px;
}

#smallcontent {
	width:588px;
	background:#fff;
	float:right;
	height:100%;
	border-left:2px #383838 solid;	
}
html>body #smallcontent{
	min-height:650px;
}
h2.title{
	font-size: 18px;
	margin-top:20px;
	letter-spacing: 1px;
	border-bottom: 1px dashed #666;
	width:566px;
	float:right;
                




	text-align:left;
}

html>body .title h2 { margin-left:13px; }
.image br { line-height:0px;}
html>body .image br { line-height:35px;}

#index_imag {
	width:566px;
	float:right;
                




	height:360px;
	background:url(../images/first-imag.jpg) no-repeat;
}
html>body #index_imag {margin-top:30px;}
.index_imagtxt {
	width:285px;
	height:175px;
	margin-left:239px;
	margin-top: 70px;
	line-height:1.5em;

}
.index_imagtxt p{
	font-size:14px;
	font-weight:bold;

}
.index_imagtxt a {color:#0066FF; text-decoration:none;}
.index_imagtxt a:hover {color:#0066FF; text-decoration:underline;}

.text_container {
	width:566px;
	float:right;
	margin-top:10px;
	line-height: 21px;
}

.text_container h4 {
	font-size: 16px;
	margin-left: 0px;
	color: #666;
	font-weight: bold;
	letter-spacing: 1px;
}
.text_container p{
	font-size: 14px;
	line-height: 21px;	
	float:left;
	width:566px;
	margin-bottom:10px;
}
.text_container a {color:#0066FF;  text-decoration:none;}
.text_container a:hover {color:#0066FF; text-decoration:underline;}

/* FOOTER CONTAINER (bottom grey line with bottom menu on left) */  

#container3 {
   width:100%;
   height:27px;
   float:left;
   background:url(../images/right.gif);
}
#joos {
width:772px;
}
#left_c {
   height:27px;
   width:740px;
   float:left;
   background:#383838 url(../images/left.gif);
   color:#ccc;
   text-align:center;
}
#left_c p {margin-top:4px; font-size:13px;}
#left_c a {text-decoration:none; color:#ccc; font-weight:bold; background-color:transparent; }
#left_c a:hover {text-decoration:none; color:#fff; font-weight:bold; background-color:transparent; }

#center_c {
   height:27px;
   width:25px;
   float:left;
   background:url(../images/center.gif);
}

/* COPYRIGHT CONTAINER */

#copy {
   width:760px;
   color:#817D7D;
   font-size:12px;
   float:left;
   background:#333;
}
#copy p {
    color:#817D7D;
    text-align:center;  
}
#copy a{ 
	text-decoration:none; 
	color:#817D7D; 	 
}
#copy a:hover{ 
	text-decoration:none; 
	color:#2F90C5; 
	background-color:#383838;
}

#copy p.consistent, #copy p.consistent a{
	font-size:11px;
	font-weight:bold !important;
}
.image {
	width:566px;
	float:right;
    
}
.image p {
	font-size:14px;
	margin:0;
	color:#666;
	font-weight:bold;
	float:left;
}

.tt p{
	padding:0;
	margin:0;
}
html>body .tt img{
	float:right;
	display:inline;
}
html>body .tt ul.block{
	float:left;
	display:inline;
	width:250px;
}
html>body .tt ul.line{
	margin-top:0;
	float:left;
	display:inline;
	width:100%;
}
.check{
	background:url(../images/check.gif) left top no-repeat;
	float:left;
	margin-left:10px;
	width:200px;
	display:inline;
	padding-left:20px;
}
.fixed{
	float:left;
	width:280px;
}
.fixed2{
	float:left;
	width:320px;
}
html>body .tt br{
	line-height:0px;
}
.tt ul{
	margin-left: 3.7em;
	padding: 0;
}

.tt li{
	list-style:url(../images/check.gif);
	padding-left: 3px;
	line-height: 21px;
}

.tt li.fix{
	height:20px;
}	


.small_img{
	float:right; 
	padding:2px; 
	display:table;
}
html>body .case_study{
	margin-top:6px;
}
.case_study{
	width:560px;
	height:560px;
	float:right;
	padding-top:15px;
	line-height:31px;
}
.case_study a {color:#0066FF;  text-decoration:none; font-size:14px; font-weight:bold;}
.case_study a:hover {color:#0066FF; text-decoration:underline;}
.list{
	width:566px;
	float:right;
                

}
.list ul{
	list-style:none;
	float:left;
	margin:0;
	padding:0;		
}
.list li{
	list-style:none;
	width:180px;
	text-align:left;
	margin:0;
	padding:0;	
    line-height: 21px;
}
.gray{
	background:#cad2e2;
}
.gray_border{
	font-size:15px;
	border:2px solid #929090;
	float:left;
	width:566px;
	margin-bottom:10px;	
}
.table{
	font-size: 12px;
	float:left;
	width:566px;
	margin-bottom:10px;
	border:1px solid black;
	text-align:center;
}
.table td{
	border:1px solid black;
}
table#form{
	float:left;
	width:566px;
	margin-bottom:10px;
}
.graytable{
	border:1px solid #CCCCCC;
	text-align:center;
}
.graytable td{
	border:1px solid #CCCCCC;
}