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

/************************************************
*	Reference								*
************************************************/
/* yellow - #FFD300 */

/************************************************
*	Centre site									*
************************************************/

#outer {height: 100%; overflow: hidden; position: relative; width: 100%;}
#outer[id] {display: table; position: static;}
		
#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
#inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
#inner[id] {width: 990px; height:580px; margin-left: auto; margin-right: auto; background: #000;} /* for all browsers*/

div#container
{
    width:990px;
    height:580px;
    background: #000;
}


/************************************************
*	Overall 									*
************************************************/

body {
	background: #000;
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

p {
	padding: 0 0 5px 0;
	margin: 0;
}

#bgimage { 
	z-index: -99;
	clear: none;
	}
	
.logo { 
	position: absolute; 
	top: 512px; 
	left: 755px;
	} 

/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #333;
	text-decoration: none;
}

a img {
	border: 0;
}

a:hover img {
	border: 0;
	opacity: 0.5;
	filter: alpha(opacity=50); 
}

.nohover:hover img {
	border: 0;
	opacity: 1;
	filter: alpha(opacity=100); 
}
	 
/************************************************
*	Content								 		*
************************************************/

#content {
	background: url(../img/bg_white.png);
	color: #333;
	font: 20px/20px Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter;
	position:absolute;
	top: 208px;
	left: 0px;
	width: 705px;
	height: 305px;
    float: left;
	padding: 0 25px;
	clear: none;
	z-index: 10;
	border: 0;
}

#content2 {
	background: url(../img/bg_white.png);
	color: #333;
	font: 11px/12px Helvetica, Arial, Verdana, sans-serif;
	position:absolute;
	top: 96px;
	left: 0px;
	width: 705px;
	height: 484px;
    float: left;
	padding: 0 25px;
	clear: none;
	z-index: 10;
	border: 0;
}

#peoplea, #peopleb, #peoplec, #peopled {
	background: #FFF;
	color: #333;
	font: 12px/14px Helvetica, Arial, Verdana, sans-serif;
	position: absolute;
	top: 96px;
	left: 165px;
	width: 310px;
	height: 484px;
	float: left;
	clear: none;
	z-index: 20;
	border: 0;
	visibility: hidden;
}

#peoplea p, #peopleb p, #peoplec p, #peopled p {
	padding: 0 25px 5px 25px;
}

#water, #watera, #waterb, #waterc, #waterd {
	background: url(../img/bg_white.png);
	color: #333;
	font: 20px/20px Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter;
	position:absolute;
	top: 208px;
	left: 0px;
	width: 592px;
	height: 198px;
    float: left;
	padding: 0 25px;
	clear: none;
	z-index: 10;
	border: 0;
	visibility: hidden;
}

#waterdex, #waterdexa, #waterdexb, #waterdexc, #waterdexd {
	background: url(../img/bg_white.png);
	color: #333;
	font: 20px/20px Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter;
	position:absolute;
	top: 208px;
	left: 0px;
	width: 592px;
	height: 198px;
    float: left;
	padding: 0 25px;
	clear: none;
	z-index: 10;
	border: 0;
	visibility: hidden;
}

#development, #developmenta, #developmentb, #developmentc, #developmentd {
	background: url(../img/bg_white.png);
	color: #333;
	font: 20px/20px Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter;
	position:absolute;
	top: 208px;
	left: 0px;
	width: 592px;
	height: 198px;
    float: left;
	padding: 0 25px;
	clear: none;
	z-index: 10;
	border: 0;
	visibility: hidden;
}

#environment, #environmenta, #environmentb, #environmentc, #environmentd {
	background: url(../img/bg_white.png);
	color: #333;
	font: 20px/20px Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter;
	position:absolute;
	top: 208px;
	left: 0px;
	width: 592px;
	height: 198px;
    float: left;
	padding: 0 25px;
	clear: none;
	z-index: 10;
	border: 0;
	visibility: hidden;
}

#water, #waterdexc, #environment, #development {
	visibility: visible;
	}

#contacttext {
	width: 222px;
	background: #FFF;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	padding: 0;
	}
	
#contacttext a {
	width: 100%;
	}

#expertisecol { 
	width: 155px;
	color: #333;
	padding: 0;
	margin: 0 25px 0 0;
	float: left;
}

#expertisecol2 { 
	width: 155px;
	color: #333;
	padding: 0;
	margin: 0;
	float: left;
}	 

#expertisecol ul, #expertisecol2 ul { 
	list-style: url(../img/bullet_dash.gif) outside;
	color: #000;
	padding: 0 0 7px 0;
	margin: 0;
}	 

	 
/************************************************
*	Submenu								 		*
************************************************/

#submenufocus {
	position: absolute;
	top: 140px;
	width: 233px;
}

#submenufocus2 {
	position: absolute;
	top: 117px;
	width: 242px;
}

#submenufocus3 {
	position: absolute;
	top: 74px;
	left: 24px;
	width: 193px;
}