/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper2 {
    width: 670px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 50%;
	 margin-top: 40px;
    margin-left: -335px;
	 height: 200px;
}


#wrapper { 
 margin: 0 auto;
 width: 670px;
 margin-top: 0px;
 padding-left: 15px;
 border: 1px solid #000;
 height: 600px;
 margin-top: 50px;
}
#header {
 color: #333;
 width: 634px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #fff;
 text-align: center;
}




#leftcolumn { 
 
 border: 1px solid #707070;
 background: #fff;
 margin: 0px 10px 10px 0px;
 padding: 5px;
 width: 200px;
 float: left;
 z-index: 0;   
}

#engineered {

 margin: 350px 10px 10px 15px;
 padding: 15px;
 width: 167px;
 color: white;
 float: left;
 z-index: 0;  
}

#vesi {

 float: left;
 margin: 350px 10px 10px 15px;
 padding: 15px;
 width: 167px;
 color: white;
 display: inline;
}

#distribution {

 margin: 350px 0px 0px 15px;
 padding: 15px;
 width: 167px;
 color: white;
 float: left;
}

#clear {
	clear: both; 
}

#content { 
 float: left;
 color: #333;
 border: 1px solid #707070;
 background: #fff;
 margin: 0px 10px 5px 0px;
 padding: 5px;
 width: 200px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #707070;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 width: 200px;
 float: left;
}
#footer { 
 width: 634px;
 clear: both;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 text-align: center;
 font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3F5DA7;
}