/*CSS Stylesheet Created By Nozomi 
Date: 06/01/2007
Last Update:06/01/2007
*/

* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #2c3037;
	color: #2e456f;
	font: 13px Arial, "Trebuchet MS", san-serifs;
}
img {
	border: none;
}
p {
	color: white;
	margin: 13px 0;
	line-height: 18px;
}
.c {
	clear: both;
}
#sub_navi {
	margin-left: 90px;
}
#sub_navi li {
	display: block;
	float: left;
	padding-left: 50px;
}
#wraper {
	margin: 0px auto;
	width: 800px;
}
#col01 {
	background: url(../images/header01.jpg) top right no-repeat #fff;
	float: left;
	height: 75px;
	width: 382px;
}
#col02 {
	background: url(../images/header02.jpg) top left no-repeat;
	float: left;
	height: 70px;
	padding-top: 5px;
	width: 310px;
}
#col03 {
	background: url(../images/header03.jpg) top left repeat-x;
	float: right;
	height: 70px;
	padding-top: 5px;
	width: 108px;
}
#col01 img {
	margin: 15px 0px 0px 15px;
}
#login-box {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 49px;
	width: 370px;
	height: 25px;
	margin-left: 375px;
	color: #19212d;
	font-weight: bold;
	font-size: 11px;
}
#login-box input, .txt-field {
	border: solid 1px #999;
	margin: 0;
	padding: 0;
	height: 19px;
	width: 80px;
}
#login-box .username {
	/*background: url(../images/icon_user.gif) 1px 1px no-repeat;*/
	padding-left: 6px;
}
#login-box .password {
	/*background: url(../images/permissions.gif) 1px 1px no-repeat;*/
	padding-left: 6px;
}
#login-box p {
	margin: 0;
	color: #19212d;
}
#ok {
	position: absolute;
	background: url(../images/btn/ok_btn.jpg) bottom left no-repeat;
	height: 28px;
	width: 60px;
	margin: -2px 0 0 317px;
	top: 0px;
}
#ok a {
	display: block;
	height: 28px;
	line-height: 28px;
	text-indent: -9999px;
}
#ok a:hover {
	background: url(../images/btn/ok_btn_over.jpg) bottom left no-repeat;
}
.button {
	background-color: #373e48;
	color: white;
	border: 0;
	font-size: 10px;
	text-transform: lowercase;
	padding: 1px 5px;
}
#loggedin {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 49px;
	width: 350px;
	height: 25px;
	margin-left: 405px;
	color: #19212d;
	font-weight: bold;
	font-size: 11px;
}
#loggedin p {
	text-align: right;
	margin: 0;
}
#loggedin p a {
	color: #19212d;
	text-decoration: underline;
}
#left {
	float: left;
	height: 239px;
	width: 36px;
}
#center {
	float: left;
	height: 239px;
	width: 729px;
}
#right {
	float: right;
	height: 239px;
	width: 35px;
}
#navi li {
	float: left;
	list-style: none;
}
#navi a {
	display: block;
	height: 61px;
	line-height: 61px;
	text-indent: -9999px;
}
#strategic_partners {
	background: url(../images/btn/navi_01.jpg) bottom right no-repeat;
	width: 145px;
}
#opportunities {
	background: url(../images/btn/navi_03.jpg) bottom right no-repeat;
	width: 116px;
}
#energy_outlook {
	background: url(../images/btn/navi_05.jpg) bottom right no-repeat;
	width: 193px;
}
#dewatering_process {
	background: url(../images/btn/navi_02.jpg) bottom right no-repeat;
	width: 150px;
}
#historical_data {
	background: url(../images/btn/navi_04.jpg) bottom right no-repeat;
	width: 125px;
}
#strategic_partners .active, #strategic_partners a:hover {
	background: url(../images/btn/navi_over_01.jpg) bottom right no-repeat;
}
#opportunities .active, #opportunities a:hover {
	background: url(../images/btn/navi_over_03.jpg) bottom right no-repeat;
}
#energy_outlook .active, #energy_outlook a:hover {
	background: url(../images/btn/navi_over_05.jpg) bottom right no-repeat;
}
#dewatering_process .active, #dewatering_process a:hover {
	background: url(../images/btn/navi_over_02.jpg) bottom right no-repeat;
}
#historical_data .active, #historical_data a:hover {
	background: url(../images/btn/navi_over_04.jpg) bottom right no-repeat;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}


/* BANNER */
#banner {
	background: url(../../allAnim.swf) top left no-repeat;
	float: right;
	height: 178px;
	width: 729px;
}
#banner.strategic_partners {

}
#banner.opportunities {

}
#banner.energy_outlook {

}
#banner.dewatering_process {

}
#banner.historical_data {

}


#mainBox {
	background-color: #1d242f;
	border-bottom: solid #fff 4px;
	height: auto;
	margin-left: 36px;
	padding: 28px;
	width: 673px;
}
#mainBox h1 {
	font: bold 24px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: white;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

#mainBox h1 span {
	font-weight: normal;
	color: #5C646C;
	margin-left: 3px;
}
#col04 {
	margin-left: auto ;
    margin-right: auto ;
	width: 325px;
	padding: 40px 50px 50px 50px;
	background: #050C14 url(../images/aboutUs_03.jpg) bottom left no-repeat;
}
#col05 {
	float: right;
	font-size: 11px;
	width: 219px;
}
#col05 {
	color: #9199a6;
}
#col05 h3 {
	background: url(../images/strategicPartners.jpg) top right no-repeat;
	height: 26px;
	text-indent: -9999px;
}
#col05 ul {
	border-bottom: solid 1px #373e48;
}
#col05 li {
	display: block;
	list-style: none;
	padding: 5px 0px;
}
#view_all {
	background-color: #373e48;
	height: 16px;
	margin-left: 160px;
	text-indent: 12px;
	width: 60px;
}
#footer {
	background: url(../images/footer.jpg) top left no-repeat;
	font-size: 10px;
	height: 23px;
	margin-left: 36px;
	text-align: center;
	width: 729px;
}
#footer p {
	padding-top: 4px;
	margin: 0;
	color: white;
}
.topTable {
	background-color: #B00003;
	border-top-width:1px;
	border-top-color:White;
	border-top-style:solid;
        font-family:Arial;
        font-size:14px;
        color:#FFFFFF;
        font-weight:bold;
        height:61px;

}  
.topTable td {

	text-align:center;
}
.imgLeft
{
        border-top-width:1px;
	border-top-color:White;
	border-top-style:solid;
}