/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:860px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 margin-top:75px;
 height:95px; 
 background: url('images/nwl_topbanner.jpg');
 width:100%;
} 
 
#leftcol{
 width:217px;
 height:504px; 
 float:left; 
 position:relative;
 background: url('images/nwl_orange_panel.jpg'); 
  }
 
#maincolhome{
background: url('images/homepage.jpg'); 
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
 #maincolabout{
 background: url('images/about-us.jpg'); 
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
  #maincolsudbury{
 background: url('images/casestudy_sudbury.jpg'); 
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
   #maincolmunicipal{
 background: url('images/casestudy_liverpool.jpg'); 
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
    #maincolmanchester{
 background: url('images/casestudy_manchester.jpg'); 
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
     #maincolmanchester2{
 background: url('images/new/casestudy_manchester.jpg'); 
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
     #maincolrain{
 background: url('images/rainwater.jpg'); 
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
      #maincolsmall{
 background: url('images/smallworks.jpg'); 
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
      #maincolcopper{
 background: url('images/copper.jpg'); 
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
       #maincolgallery{
 background: url('images/gallery.jpg'); 
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
        #maincolcontact{
 background: url('images/contact.jpg'); 
 background-repeat: no-repeat;
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 
 
 
.maincoltext h1{
margin-left: 20px;
margin-top: 50px;
width:340px;
font-family:Arial, Helvetica, sans-serif; 
font-size:17px; 
line-height:22px;
font-stretch: narrower;
font-weight:normal; 
text-align:left;
font-weight:bold;
color:#626366;
}

.maincoltext p{
margin-left: 20px;
width:340px;
font-family:Arial, Helvetica, sans-serif; 
font-stretch: narrower;
font-size:12px; 
line-height:14px;
font-weight:normal; 
text-align:left;
color:#626366;

}


.text {
font-family:Arial, Helvetica, sans-serif; 
font-stretch: narrower;
font-size:12px; 
line-height:14px;
font-weight:normal; 
text-align:left;
color:#626366;

}

.maincoltext h2{
margin-left: 20px;
width:340px;
font-family:Arial, Helvetica, sans-serif; 
font-stretch: narrower;
font-size:14px; 
line-height:16px;
font-weight:normal; 
text-align:left;
color:#626366;

}

.maincoltext a {
color:#4d52a3;
font-weight:bold;
}

.maincoltext a:hover {
color:#f26422;
font-weight:bold;
}

.mailcoltext a:visited {
color:#4d52a3;
font-weight:bold;
}
 
 #maincol{
 background: url('images/homepage.jpg');  
 float: right; 
 display:inline; 
 position: relative; 
 width:643px;
 height:504px;  
 }
 



#nav { 
margin-top: 50px;
}
#nav ul li { list-style: none;}
#nav ul li a { 
color: #FFFFFF; 
font-family:Arial, Helvetica, sans-serif; 
font-stretch: narrower;
font-size:12px;
padding-left:4px; 
line-height:19px;
display: block; 
text-decoration:none; 
border:none; }

#nav ul li a:hover { 
background: url(images/white_nav_box_1.jpg) left no-repeat;
}

.high { 
background: url(images/white_nav_box_1.jpg) left no-repeat;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

.dash {
color:#626366;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:9px;
}
.dash a {
color:#626366;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:9px;
}

.dash a:hover {
color:#626366;
text-decoration:none;
}

.dash a:visited {
color:#626366;
text-decoration:none;
}

 #grey{ 
background-image:url(images/Gray_box_h.jpg); 
background-repeat:no-repeat; 
width:296px; 
height:22px; 
padding:2px 5px 5px 3px; 
margin:0 0 10px 10px;
 }
 
  #greyv{ 
background-image:url(images/Gray_box_v.jpg); 
background-repeat:no-repeat; 
width:224px; 
height:17px; 
padding:0px 5px 5px 3px; 
margin:0 0 5px 10px;
}