@charset "utf-8";
/* CSS Document */

body {
	text-align:center;
	margin:0; padding:0;
	background-color:#4a5843;
	font:1em Arial, Helvetica, sans-serif;
	overflow-y:scroll;
}
.c-both {
	clear:both;
	width:630px;
}
a img { border:none;}
#wrap {
	width:900px;
	margin:10px auto;
	padding:0;
	text-align:left;
	background-color:#fff;
	position:relative;
}

#content {
	padding:454px 135px 20px;
	color:#68696b;
}
#content p { font:0.75em/1.5em Arial, Helvetica, sans-serif;}
#content p a { font-weight:bold; color:#68696b; text-decoration:none;}
#content h1 { 
	margin:0; padding:0;
	font:bold 1.3em Arial, Helvetica, sans-serif; 
	color:#000;
}
.keyline { border-bottom:1px solid #999; margin-bottom:10px;}
#home-section #content h1 {
	margin:0; padding:0;
	font:1.6em Arial, Helvetica, sans-serif;
	color:#979899;
}
#home-section h2 {
	background-color:#00679b;
	color:#fff;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0; padding:3px 7px;
}
#content ul, #content ol { margin:0; padding:0 0 0 16px;}
#content ul li, #content ol li {
	margin:6px 0;
	font:0.75em/1.5em Arial, Helvetica, sans-serif;
}
#content ul.research-papers { margin:0; padding:0;}
#content ul.research-papers li {
	margin:10px 0; padding:0;
	list-style:none;
}
#content ul.research-papers li h3 { 
	font-size:1em; 
	margin:0; padding:0;
	color:#333;
}

.sub-cols, .case-studies {
	float:left;
	clear:both;
	width:630px;
}
.sub-cols .col-one { float:left; width:305px;}
.sub-cols .col-two { margin:0 0 0 325px;}
.sub-cols h3 {
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#231f20;
}
.case-studies .col-one { float:left; width:265px;}
.case-studies .col-two { margin:0 0 0 285px;}
.case-studies h3 { 
	font-size:1em; 
	margin:0; padding:0;
	color:#231f20;
}
.case-studies h3 a { color:#80a990; text-decoration:none; margin-left:4px;}
#content .case-studies ul { margin:0; padding:0;}
#content .case-studies li { list-style:none; margin:11px 0; padding:0;}
#content ul.external-links { margin:0; padding:0;}
#content ul.external-links li {
	margin:10px 0; padding:0;
	list-style:none;
}
#content ul.external-links li h3 {
	font-size:1em; margin:0; padding:0;
}
#content ul.external-links li h3 a { color:#333; text-decoration:none;}
#content ul.external-links li h3 a span { color:#818285; font-weight:normal;}

#content ul.contacts {
	float:left;
	width:740px;
	margin:0; padding:0;
}
#content ul.contacts li {
	list-style:none;
	float:left;
	margin:20px 0 5px; padding:0;
	width:185px;
	color:#999;
}
#content ul.contacts li.highlight { color:#333;}
ul.contacts li h2 { 
	margin:0; padding:0;
	font-weight:normal;
}
ul.contacts li span { display:block;}
ul.contacts li.highlight em a { font-style:normal; color:#333; text-decoration:none;}
ul.contacts li em a { font-style:normal; color:#999; text-decoration:none;}

#head {
	position:absolute;
	left:0; top:0;
	width:900px;
	height:414px;
}
ul#section-nav {
	display:block;
	text-align:center;
	margin:55px 207px 0; padding:0;
}
ul#section-nav li {
	display:inline;
	margin:0; padding:0;
	list-style:none;
}
ul#section-nav li a {
	display:block;
	float:left;
	margin:0 12px;
	padding:0;
	overflow:hidden;
	width:96px;
	height:111px;
	background:url(../images/section-nav.gif) left top no-repeat transparent;
	text-indent:-9999px;
}
ul#section-nav li#sect-env a {}
#home-section ul#section-nav li#sect-env a, #general-section ul#section-nav li#sect-env a { background-position:0 -240px;}
ul#section-nav li#sect-env a:hover, ul#section-nav li#sect-env a:focus,
#home-section ul#section-nav li#sect-env a:hover, #home-section ul#section-nav li#sect-env a:focus,
#general-section ul#section-nav li#sect-env a:hover, #general-section ul#section-nav li#sect-env a:focus,
#env-section ul#section-nav li#sect-env a { background-position:0 -120px;}

ul#section-nav li#sect-flood a { background-position:-121px 0;}
#home-section ul#section-nav li#sect-flood a, #general-section ul#section-nav li#sect-flood a { background-position:-121px -240px;}
ul#section-nav li#sect-flood a:hover, ul#section-nav li#sect-flood a:focus,
#home-section ul#section-nav li#sect-flood a:hover, #home-section ul#section-nav li#sect-flood a:focus,
#general-section ul#section-nav li#sect-flood a:hover, #general-section ul#section-nav li#sect-flood a:focus,
#flood-section ul#section-nav li#sect-flood a { background-position:-121px -120px;}

ul#section-nav li#sect-drain a { background-position:-242px 0;}
#home-section ul#section-nav li#sect-drain a, #general-section ul#section-nav li#sect-drain a { background-position:-242px -240px;}
ul#section-nav li#sect-drain a:hover, ul#section-nav li#sect-drain a:focus,
#home-section ul#section-nav li#sect-drain a:hover, #home-section ul#section-nav li#sect-drain a:focus,
#general-section ul#section-nav li#sect-drain a:hover, #general-section ul#section-nav li#sect-drain a:focus,
#drain-section ul#section-nav li#sect-drain a { background-position:-242px -120px;}

ul#section-nav li#sect-eco a { background-position:-363px 0;}
#home-section ul#section-nav li#sect-eco a, #general-section ul#section-nav li#sect-eco a { background-position:-363px -240px;}
ul#section-nav li#sect-eco a:hover, ul#section-nav li#sect-eco a:focus,
#home-section ul#section-nav li#sect-eco a:hover, #home-section ul#section-nav li#sect-eco a:focus,
#general-section ul#section-nav li#sect-eco a:hover, #general-section ul#section-nav li#sect-eco a:focus,
#eco-section ul#section-nav li#sect-eco a { background-position:-363px -120px;}


#main-head {
	clear:both;
	width:900px;
	margin:0; padding:0;
	position:relative;
	top:44px;
	height:200px;
}

ul#main-nav {
	margin:0; padding:1px 0; 
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	width:900px;
	z-index:100;
	background:url(../images/transparent-blue.png) left top repeat transparent;
}
ul#main-nav li {
	display:inline;
	margin:0; padding:0;
	list-style:none;
	position:relative;
}
ul#main-nav li a, #links-link, #home-link { padding:3px 14px 5px; text-transform:uppercase;}
ul#main-nav li a, ul#main-nav li:hover ul li a, ul#main-nav li.hovered ul li a, #links-link, #home-link {
	font:0.8em/22px Arial, Helvetica, sans-serif;
	color:#c0d9eb;
	text-decoration:none;
}
ul#main-nav li:hover a, ul#main-nav li.hovered a, ul#main-nav li a:hover, ul#main-nav li:hover ul li a:hover,
ul#main-nav li.hovered ul li a:hover, #links-link:hover, #home-link:hover { color:#fff;}
a.open { color:#fff !important;}
ul#main-nav li ul {
	position:absolute;
	left:-9999px;
	top:22px;
	display:block;
	width:240px;
	background:url(../images/transparent-blue.png) left top repeat transparent;
	text-align:left;
	margin:0; padding:0;
}
ul#main-nav li:hover ul { left:0;}
ul#main-nav li ul li { margin:0; padding:0; display:block; width:240px;}
ul#main-nav li ul li a { display:block; text-transform:none;}

#flood-section ul#main-nav, #flood-section ul#main-nav ul { background-image:url(../images/transparent-orange.png);}
#flood-section ul#main-nav li a, #flood-section ul#main-nav li:hover ul li a, #flood-section ul#main-nav li.hovered ul li a,
#flood-section ul#main-nav li ul li a, #flood-section #links-link, #flood-section #home-link{ color:#fce0ca;}

#drain-section ul#main-nav, #drain-section ul#main-nav ul { background-image:url(../images/transparent-brown.png);}
#drain-section ul#main-nav li a, #drain-section ul#main-nav li:hover ul li a, #drain-section ul#main-nav li.hovered ul li a,
#drain-section ul#main-nav li ul li a, #drain-section #links-link, #drain-section #home-link { color:#ebd4ae;}

#eco-section ul#main-nav, #eco-section ul#main-nav ul { background-image:url(../images/transparent-green.png);}
#eco-section ul#main-nav li a, #eco-section ul#main-nav li:hover ul li a, #eco-section ul#main-nav li.hovered ul li a,
#eco-section ul#main-nav li ul li a, #eco-section #links-link, #eco-section #home-link { color:#c3e0cc;}

#flood-section ul#main-nav li:hover a, #flood-section ul#main-nav li.hovered a, 
#flood-section ul#main-nav li a:hover, #flood-section ul#main-nav li ul li a:hover,
#drain-section ul#main-nav li:hover a, #drain-section ul#main-nav li.hovered a, 
#drain-section ul#main-nav li a:hover, #drain-section ul#main-nav li ul li a:hover,
#eco-section ul#main-nav li:hover a, #eco-section ul#main-nav li.hovered a, 
#eco-section ul#main-nav li a:hover, #eco-section ul#main-nav li ul li a:hover,
#env-section #links-link:hover, #flood-section #links-link:hover, #drain-section #links-link:hover, 
#eco-section #links-link:hover, #env-section #home-link:hover, #flood-section #home-link:hover, 
#drain-section #home-link:hover, #eco-section #home-link:hover { color:#fff;}


#links-link { 
	position:absolute;
	right:0; top:0;
	z-index:101;
	line-height:22px;
	padding:1px 14px;
}
#home-link { 
	position:absolute;
	right:68px; top:0;
	z-index:101;
	line-height:22px;
	padding:1px 14px;
}

#env-section #links-link.open, #flood-section #links-link.open, #drain-section #links-link.open, #eco-section #links-link.open { color:#fff;} 

#crossfades {
	position:absolute;
	left:0; top:0;
	z-index:90;
	margin:0; padding:0;
	width:900px;
	height:200px;
}
#crossfades li {
	margin:0; padding:0;
	position:absolute;
	left:0; top:0;
	list-style:none;
}

#content #news-summary, #content #latest-news {
	margin:0; padding:0;
	float:left;
	width:630px;
}
#news-summary li, #latest-news li {
	margin:0 0 10px; padding:0 0 10px;
	list-style:none;
	float:left;
	clear:left;
	width:630px;
	border-bottom:1px solid #c8c9cb;
}
#news-summary li h4 {
	margin:0; padding:0 5px 0 0;
	float:left;
	font:bold 1.2em Arial, Helvetica, sans-serif;
}
#content #latest-news li h2 { 
	font-size:2em; 
	color:#000; 
	line-height:1em;
	margin:0; padding:0;
}
#news-summary li h4 a {
	text-decoration:none;
	color:#000;
}
#news-summary li .read-more {
	margin:0; padding:0;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
	color:#939598;
	font-weight:bold;
	line-height:1.4em;
}
#latest-news li p { font-size:1em;}
#latest-news li p a { color:#000; font-weight:bold; text-decoration:none;}


#content #key-staff {
	margin:0; padding:0 0 240px;
	float:left;
	width:630px;
	position:relative;
}
#key-staff li {
	float:left;
	margin:0; padding:0;
	list-style:none;
}
#key-staff li h2 {
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#666;
	padding:0 20px 0 10px;
	border-right:1px solid #ccc;
	cursor:pointer;
}
#key-staff li.open h2 { color:#000;}
#key-staff li.last h2 { border:none;}
#key-staff li h2 span {
	display:block;
}
	
#key-staff li div.summary {
	position:absolute;
	left:0;
	top:60px;
	font-size:1.3em;
}
#key-staff li div.hidden { display:none;}