body { background-color:#FFF; }

p {font-family: Arial, Helvetica, sans-serif; sans-serif; color:#333; size:12px; font-weight:normal; text-align: justify; }

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

a:link { font-family: Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration:none; }
a:visited { font-family: Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration:none; }
a:hover { font-family: Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration: underline; }
a.active { font-family: Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration:none; }  

h1,h2,h3,h4 {font-family: Arial; color: #333; font-weight: bold; font-size:16px; text-align:left; }

/* ------------Homepage ----------------*/

.navbanner { width: 900px; height: 28px; border-left: 1px #85B5CB  solid; border-right: 1px #85B5CB solid; background-image:url(images/nav_banner.jpg); background-position:center; background-repeat:no-repeat; }
.navsides { background-image:url(images/navsides.jpg); background-repeat:repeat-x; background-position:center; } 

.topbanner {width: 900px; height: 75px; background-image:url(images/logo_banner.jpg); background-position:left; background-repeat:no-repeat; border-left: 1px #0B386D solid; border-right: 1px #0B386D solid; background-color:#FFF; text-align:right; vertical-align:bottom;} 

.underbanner { width:inherit; background-image:url(images/underbanner.jpg); background-repeat:no-repeat; background-position:center; height:29px; border-left: 1px #0B386D solid; border-right: 1px #0B386D solid; }
.underside {background-image:url(images/under_side.jpg); background-repeat:repeat-x; background-position:center; }

.content {width: 900px; background-color:#FFF; border-left: 1px #0B386D solid; border-right: 1px #0B386D solid; padding-top: 20px; padding-bottom:25px; padding-left:25px; background-image:url(images/main_shadow.jpg); background-position:top; background-repeat:repeat-x; }


.intro { width: 585px; border-right:#CCCCCC 1px solid; padding-right: 50px; padding-bottom: 10px; }
.intro2 { width: 585px; padding-right: 50px; }

.bluebox { width:189px; height:190px; background-image:url(images/bluebox_bg.jpg); background-position:center; background-repeat:no-repeat;  text-align:left }
.bluebox p { color:#FFF; font-family:Arial; font-size:12px; font-weight:bold; margin: 15px 0px 0px 15px  } 
.bluebox a { color: #FFF; font-family:Arial; font-size:12px; font-weight:bold; text-align:right;  }
.bluebox a:hover  { color:#1466A3; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:underline }  

.boxouts { position:inherit; width:900px; border-left: 1px #0B386D solid; border-right: 1px #0B386D solid; padding: 0px 0px 30px 0px;}

/* ---------------All Pages ------------------*/

.nav { height:26px; background-color:#0B386D; text-align:center; vertical-align:middle; }
.nav a { height:auto; font-family:Arial; font-size:100%; color:#DCECF8; font-weight: bold; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; background-color:#0B386D; display:block;}
.nav a:visited { font-family:Arial, Helvetica, sans-serif; color:#DCECF8; text-decoration:none; }
.nav .active,
.nav a:hover { text-decoration: none; background-color: #092B54; font-weight: bold; text-decoration:none; color: #FFF}

.bg_fade { background-image:url(images/pin_side.jpg); background-position:top; background-repeat:repeat-x; }

.footbar { height:26px; text-align:right; vertical-align:middle; }
.footer { font-family:Arial; color: #BCDBF1; font-size: 11px; font-weight:normal; height: 26px; text-align:right; padding-right: 30px }
.footer a:link { font-family:Arial;  font-size: 11px; font-weight:normal; color: #BCDBF1; padding-bottom: 5px; padding-left: 7px; padding-right:7px; }
.footer a:hover { font-size: 11px; font-weight:normal; color: #FFF; text-decoration:none; }
.footer a:visited { font-size: 11px; font-weight:normal; color: #BCDBF1; text-decoration:none; }
.footer a:active { font-size: 11px; font-weight:normal; color: #BCDBF1; text-decoration:none; }

.underfoot { font-family:Arial; font-weight:normal; color: #B9B9B9; text-align:right; padding-right: 35px; font-size:11px; }
.underfoot a:link { font-family:Arial;  font-size: 11px; font-weight:normal; color: #B9B9B9; }
.underfoot a:hover { font-size: 11px; font-weight:normal; color: #0099CC; text-decoration: none; }
.underfoot a:visited { font-size: 11px; font-weight:normal; color: #B9B9B9; text-decoration:none; }
.underfoot a:active { font-size: 11px; font-weight:normal; color: #B9B9B9; text-decoration:none; }

.right_column { width: 190px; border-left: 1px #D6D6D6 solid; padding-right: 5px; }

#rightnav {
width: 180px;
border: 1px solid #ffcc99;
margin-left: 5px;
margin-top: 5px;
background-image:url(images/portfolio/port_nav_bg.jpg); background-position:bottom; background-repeat: no-repeat; }

.rightnav { font-family: Arial; font-weight: normal; text-align: left; font-size: 11px; color:#995640 ; padding-top:3px; padding-bottom:3px; padding-left: 15px; }
.rightnav a { font-family: Arial; color: #995640; font-weight: normal; text-decoration: none; font-size:11px; padding-left: 8px; }
.rightnav a:visited { color: #995640; font-weight: normal; text-decoration: none; }
.rightnav a:hover { color: #995640; font-weight: normal; text-decoration: underline; }

.heading { font-size:16px; color:#999; font-weight: bold; }
.blue_heading { font-size:14px; color:#0B386D; font-weight: bold; word-spacing: -0.5px;}
.blue_sub {
	font-size:12px;
	color:#0B386D;
	font-weight: bold;
}

.quote { width:540px; height:118px; background-image:url(images/quote_bg.jpg); background-position:center; background-repeat:no-repeat; }
.quote p {font-family:Arial; font-size:12px; font-weight:normal; color:#0B386D; padding-top: 35px; padding-left:30px; padding-right: 35px; padding-bottom: 20px; vertical-align:text-top; }

.purequote { width:540px; height:118px; background-image: url(images/pure_quote_bg.jpg); background-position:center; background-repeat:no-repeat; }
.purequote p {font-family:Arial; font-size:12px; font-weight:normal; color:#0B386D; padding-top: 35px; padding-left:30px; padding-right: 35px; padding-bottom: 20px; vertical-align:text-top; }

.boxout { width: 90%; border: 1px solid #6BC0E9; padding: 15px; background-color: #EEF5FD; }

acronym { border-bottom: #C30B2D 1pt dashed; cursor:help; }

.welcome {border-right: 1px #D6D6D6 solid; padding-right: 5px; width: 430px; }
.homeright { padding-left: 20px; }
.homenews { border-left: 1px #602400 solid; border-right: 1px #602400 solid; position:centre;  }
.newsbox { max-width: 200px; height:140px; background-image:url(images/news_box_bg.jpg); background-position:center; background-repeat:no-repeat;   text-align:left; }
.boldquote { font-weight: bold; color: #969696; font-size:14px; text-align:left; }
p.newsbox { font-family:Arial; font-size: 11px; font-weight:normal; color:#333; vertical-align:text-top; padding-left: 20px; padding-right: 17px; padding-top: 55px;  }
.newsbox a { font-size:11px; }
.projects { width: 540px; height:300px; background-image: url(images/projects_bg.jpg) ; background-repeat:no-repeat; background-position:center; padding:10px; }
.list {  width:540px; height:410px; padding: 30px 60px 20px 60px; background-image:url(images/list_bg.jpg); background-position:top; background-repeat:no-repeat;   text-align:left; vertical-align:text-top;}
.list p { font-family:Arial; color: #969696; line-height:20px; font-weight:bold;  }
.flash { position:relative; left: 30px; }

.enquiry { width:360px; height: 340px; background-image:url(images/enquiry_bg.jpg); background-repeat:no-repeat; background-position:center; padding-top: 60px; padding-left:40px; padding-right:30px }

.formfill { border:#999 solid 1px; background-color:#FFF; font-family:Arial; color: #999; font-size:11px; text-align:left; padding: 2px 0px 0px 3px; font-weight:normal; }
.form {font-family:Arial; color: #999; font-size:11px; text-align:left; font-weight:bold} 
.form2 {font-family:Arial; color: #999; font-size:11px; text-align:left; font-weight:normal} 

.pollutants { width: 242px; height:196px; background-image:url(images/pollutants_bg.jpg); background-repeat:no-repeat; background-position:center; }
.pollutants p { font-size:12px; color:#999; font-weight:bold; padding: 40px 25px 20px 35px; text-align:left; vertical-align:top; }
