/* blanket removal margins and padding */

*
{
margin: 0px;
padding: 0px;
}

/* Declare body first of all */

body {
	font: normal 80% arial,verdana,sans-serif;
	text-align: center;
	background-image: url(http://www.waterandenergy.co.uk/images/water_field_services_bg2010.jpg);
	background-attachment: scroll;
	background-color: #ffffff;
	background-position: top center;
	background-repeat: no-repeat;
	}
	
/* Turn off all browser link outlines */

a {
   outline: none;
   }

/* Make space around images in entries */

.image_float {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
         }

.image_floatright {
        float: right;
        margin-left: 20px;
        margin-bottom: 20px;
         }

.relativeforIE {
       position: relative;
       margin-bottom: 1px;
      }

.image_right {
       float: right;
       margin-right: -210px;
        margin-left: 20px;
        margin-bottom: 20px;
         }

.product_image {
        margin-top: 10px;
        margin-bottom: 10px;
         }

/* Make space between entries and sections */

.spacer {
            height:10px;
            }

.spacerclear {
           clear: both;
            height:1px;
            margin-top:1px;
            margin-bottom: 1px;
            }

.spacerwithkeyline {
                           clear:left;
                            height:1px;
                            background-color: #f26522;
                            margin-top:20px;
                            margin-bottom: 20px;
                             }

.spacerwithkeylineright {
                           clear:right;
                            height:1px;
                            background-color: #f26522;
                            margin-top:20px;
                            margin-bottom: 20px;
                             }
	
/* Container */

#container {
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding: 0px;
	background-color: none;
	}
	
/* Masthead and descendants */

#masthead {
	height: 110px;
	text-align: left;
	border-left: none;
	border-bottom: 1px solid #f26522;
	border-right: none;
	}
	
h1 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	
img {
	border: 0;
	}
	
#masthead p {
	padding: 0px 20px 0px 10px;
	font-size: 120%;
	font-weight: bold;
	color: #f26522;
	line-height: 200%;
	}
	
#masthead p a:link, #masthead p a:visited {
	text-decoration: none;
	color: #f26522;
	}
	
#masthead p a:hover {
	text-decoration: underline;
	color: #f26522;
	}
	
#masthead .emailus {
       	color: #b2b2b2;
       }
       
#masthead .emailus a:link, #masthead .emailus a:visited {
	text-decoration: none;
	color: #b2b2b2;
	}
	
#masthead .emailus a:hover {
	text-decoration: underline;
	color: #b2b2b2;
	}
       
/* Main content area and descendants */

#maincontentarea {
	text-align:left;
	}
		
/* Main navigation styles */

#mainnavigation {
  float: left;
  width: 149px;
  margin: 20px 0px 20px 0px;
  padding: 0px;
  }
  
/* Navigation styles for the drop down menu */

.anylinkcss{
position:absolute;
visibility: hidden;
border: 0px;
font:normal 90% arial;
line-height: 125%;
z-index: 100;
background-color: #666666;
width: 149px;
}

.anylinkcss a{
color: #ffffff;
width: 149px;
display: block;
background-color: #8fcbed;
border-bottom: 1px solid #ffffff;
padding: 5px;
text-decoration: none;
font-weight: bold;
}

.anylinkcss a:hover{ /*hover background color*/
color: #000000;
}

.selected {
       display:block;
      width:149px;
      color:#ffffff;
      background-color:#5087c6;
     border-bottom: 1px solid #ffffff;
       padding:5px 5px 5px 10px;
        }

.navlist li {
	font-family: arial;
	font-size: 90%;
	font-weight: bold;
	width: 149px;
	background-color: #b4b5b5;
	}

.navlist {
	list-style: none;
        margin-bottom: 10px;
	}

.navlist li a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	width: 134px;
	display: block;
	padding: 5px 5px 5px 10px;
	}

.navlist a:hover {
	background-color: #8fcbed;
	color: #000000;
	}

.navlogos {
       margin-bottom: 10px;
        }

/* Main text area styles */

#maintext {
   float: left;
   width: 360px;
   margin: 10px 20px 20px 20px;
   padding: 0px;
   }
   
#maintext h1 {
   font: 150% arial, helvetica, sans-serif ;
   font-weight: bold;
   color: #5087c6;
   line-height: 150%;
   margin-bottom: 10px;
   }
   
#maintext h2 {
   font: 100% arial, helvetica, sans-serif ;
   font-style: italic;
   line-height: 150%;
   margin-bottom: 10px;
   }
   
#maintext p {
   font: 90% arial, helvetica, sans-serif ;
   margin-bottom: 10px;
   }
   
#maintext p.backtoptopmargin {
   font: 80% arial, helvetica, sans-serif ;
   margin-top: 10px;
  margin-bottom: 10px;
   }

#maintext ul {
	font: 90% arial, helvetica, sans-serif ;
   list-style: none;
   }

#maintext .productsubhead {
  color: #f26522;
  font-style: normal;
  font-weight: bold;
   }

#maintext ul.productdescription {
   list-style: square;
 margin-left: 20px;
margin-bottom:10px;
   }

#maintext ol.productdescription {
font: 90% arial, helvetica, sans-serif ;
 margin-left: 20px;
margin-bottom: 10px;
   }

/* Main text area styles */

#maintext2 {
   float: left;
   width: 560px;
   margin: 10px 20px 20px 20px;
   padding: 0px;
   }
   
#maintext2 h1 {
   font: 150% arial, helvetica, sans-serif ;
   font-weight: bold;
   color: #5087c6;
   line-height: 150%;
   margin-bottom: 10px;
   }
   
#maintext2 h2 {
   font: 100% arial, helvetica, sans-serif ;
   font-style: italic;
   line-height: 150%;
   margin-bottom: 10px;
   }
   
#maintext2 p {
   font: 90% arial, helvetica, sans-serif ;
   margin-bottom: 10px;
   }
   
#maintext2 ul {
	font: 90% arial, helvetica, sans-serif ;
   list-style: none;
   }
   
/* Main text table styles */

.productsheader h3 {
	font-size: 90%;
	font-weight: bold;
	line-height: 100%;
	display: block;
	background-color: #cccccc;
	color: #ffffff;
	padding: 5px;
	margin-bottom: 5px;
	}

#homeproductstable li {
font-weight: bold;
	padding-bottom: 5px;
	}
	
#homeproductstable a {
	text-decoration: none;
	}
	
#homeproductstable a:link, #homeproductstable a:visited {
	color: #000000;
	}
	
#homeproductstable a:hover {
	text-decoration: underline;
	}

#maintext .entry h2 {
   font: 120% arial, helvetica, sans-serif ;
  font-weight:bold;
   line-height: 150%;
   margin-bottom: 5px;
   }

#maintext .paginate {
 font: 80% arial, helvetica, sans-serif ;
}
   
/* Right sidebar styles */

#rightsidebar {
  float: right;
  width: 200px;
  padding: 0px;
  margin: 0px;
  }
  
#latestnews {
 width: 200;
 margin-top:20px;
 margin-right: 20px;
 border: 1px solid #b4b5b5;
 }
 
#latestnews h3 {
	font-size: 90%;
	font-weight: bold;
	display: block;
	background-color: #b4b5b5;
	color: #ffffff;
	padding: 5px;
	}
	
#latestnews p {
	font-size: 90%;
	padding: 5px;
	}
	
#latestnews a {
	color: #5087c6;
	}

#archives {
 width: 200;
 margin-top:20px;
 margin-right: 20px;
 border: 1px solid #b4b5b5;
 }
 
#archives h3 {
	font-size: 90%;
	font-weight: bold;
	display: block;
	background-color: #b4b5b5;
	color: #ffffff;
	padding: 5px;
	}

#archives ul {
	font: 90% arial, helvetica, sans-serif ;
   list-style: none;
padding-top:5px;
 padding-left:5px;
}

#archives li {
 margin-bottom:5px;
}

#archives p {
	font-size: 90%;
	padding: 5px;
	}
	
#archives a {
	color: #5087c6;
	}

#sidephoto {
 width: 200;
 margin-top:20px;
 margin-right: 20px;
 }

#sidephoto .sidephotospacer {
margin-top: 10px;
margin-bottom: 10px;
}

/* Styles for the latest news entries and comments */

#posted {
        padding-bottom: 5px;
          color: #666666;
         font-size: 80%;
          }

#posted a:link{
          color: #d8a13c;
          }

/* Footer styles */

#footer {
  border-top: 1px solid #f26522;
  margin: 20px px 20px 0px;
  padding-top: 10px;
  clear: both;
  font-size: 90%;
  text-align: left;
  color: #b4b5b5;
  }
  
#footer p {
	margin: 0px 10px 0px 10px;
	padding-bottom: 5px;
	}
	
.footerlinks {
	font-size: 105%;
	line-height: 150%;
	}
	
.footerlinks a {
	text-decoration: none;
	}
	
.footerlinks a:link, .footerlinks a:visited {
	color: #b4b5b5;
	}
	
.footerlinks a:hover {
	text-decoration: underline;
	color: #000000;
	}

.footertelephone {
     margin-bottom:5px;
     }

.footertelephone a:link, .footertelephone a:visited {
	color: #b4b5b5;
	}
	
.footertelephone a:hover {
	text-decoration: underline;
	color: #000000;
	}