body {
	margin: 0;
	padding: 0;	
	background: url('../images/vertical_bg.jpg') repeat-y center 0 #cfe2f3;
	
}

#wrapper {
	position: relative;
	width: 100%;	
	background: url('../images/topgradient.jpg') repeat-x 0 0;	
}

#container {
	position: relative;
	width: 100%;
	min-height: 551px;
	background: url('../images/container_bg.jpg') no-repeat center 0;
}

#bubbles {
	position: absolute;
	top: -131px;
	right: -155px;
	z-index: 2;
	border: 0;
	width: 361px;
	height: 461px;
	background: url('../images/bubbles.png') no-repeat 0 0;
}

#banner {
	position: relative;
	float: left;
	width: 875px;
	height: 370px;
	margin: 0 0 0 6px;
	border-top: 6px solid #ffffff;
	display: inline;
	background: url('../images/home_banner_bg.jpg') no-repeat 0px 43px #ffffff;
	z-index: 1;
}

#text_container {
	position: relative;
	float: right;
	margin: -85px 18px 0 0;
	display: inline;
	width: 628px;	
	background: url('../images/text_bg.png') no-repeat 0 0;
	z-index: 99;
}

#text {
	position: relative;
	float: left;
	margin: 26px 0 0 0;
	display: inline;
	width: 628px;
	min-height: 400px;
	*height: 400px;
	padding: 0 0 15px 0;	
	background: #ffffff;
}

#content_container {
	position: relative;
	width: 886px;
	top: 131px;	
}

#nav {
	position: relative;
	float: left;
	width: 875px;
	height: 42px;
	margin: 0px 0 0 0px;
	display: inline;
	background: url('../images/nav_bg.jpg') repeat-x 0 0;
}

#nav a.home {
	position: relative;
	float: left;
	width: 70px;
	height: 34px;
	margin: 8px 0 0 12px;
	display: inline;
	background: url('../images/nav_home.jpg') no-repeat 0 0;
	z-index: 998;
}

#nav a.thecarbonmarket {
	position: relative;
	float: left;
	width: 148px;
	height: 34px;
	margin: 8px 0 0 6px;
	display: inline;
	background: url('../images/nav_thecarbonmarket.jpg') no-repeat 0 0;
	z-index: 998;
}

#nav a.whatwedo {
	position: relative;
	float: left;
	width: 113px;
	height: 34px;
	margin: 8px 0 0 6px;
	display: inline;
	background: url('../images/nav_whatwedo.jpg') no-repeat 0 0;
	z-index: 998;
}

#nav a.trackrecord {
	position: relative;
	float: left;
	width: 109px;
	height: 34px;
	margin: 8px 0 0 6px;
	display: inline;
	background: url('../images/nav_trackrecord.jpg') no-repeat 0 0;
	z-index: 998;
}

#nav a.management {
	position: relative;
	float: left;
	width: 115px;
	height: 34px;
	margin: 8px 0 0 6px;
	display: inline;
	background: url('../images/nav_management.jpg') no-repeat 0 0;
	z-index: 998;
}

#nav a.home:hover, #nav a.thecarbonmarket:hover, #nav a.whatwedo:hover, #nav a.trackrecord:hover, #nav a.management:hover {
	background-position: 0 -34px;
}

#overlay_thecarbonmarket {
	position: absolute;
	width: 148px;
	height: 200px;	
	top: 8px;
	left: 88px;
	list-style: none;
	font: 12px/18px tahoma;
	z-index: 999;
	margin: 0;
	padding: 0;
	display: none;
}

#overlay_thecarbonmarket a.mainlink {
	position: relative;
	float: left;
	width: 148px;
	height: 34px;	
	margin: 0;
	padding: 0;
	background: url('../images/nav_thecarbonmarket.jpg') no-repeat 0 -34px;
}

#overlay_thecarbonmarket a.link {
	position: relative;
	float: left;
	width: 133px;
	*width: 148px;
	list-style: none;
	margin: 0;
	padding: 5px 5px 5px 10px;
	background: #ccd8e3;
	font: 11px/18px trebuchet ms;
	color: #0f2940;
	text-decoration: none;
	border-top: 1px solid #a5b2bd;
}

#overlay_thecarbonmarket a.link:hover, #overlay_whatwedo a.link:hover, #overlay_trackrecord a.link:hover {
	background: #d9e5ee;
}

#overlay_whatwedo {
	position: absolute;
	width: 113px;
	height: 200px;	
	top: 8px;
	left: 242px;
	list-style: none;
	font: 12px/18px tahoma;
	z-index: 999;
	margin: 0;
	padding: 0;
	display: none;
}

#overlay_whatwedo a.mainlink {
	position: relative;
	float: left;
	width: 113px;
	height: 34px;	
	margin: 0;
	padding: 0;
	background: url('../images/nav_whatwedo.jpg') no-repeat 0 -34px;
}

#overlay_whatwedo a.link {
	position: relative;
	float: left;
	width: 98px;
	*width: 113px;
	list-style: none;
	margin: 0;
	padding: 5px 5px 5px 10px;
	background: #ccd8e3;
	font: 11px/18px trebuchet ms;
	color: #0f2940;
	text-decoration: none;
	border-top: 1px solid #a5b2bd;
}

#overlay_trackrecord {
	position: absolute;
	width: 109px;
	height: 200px;	
	top: 8px;
	left: 361px;
	list-style: none;
	font: 12px/18px tahoma;
	z-index: 9999999;
	margin: 0;
	padding: 0;
	display: none;
}

#overlay_trackrecord a.mainlink {
	position: relative;
	float: left;
	width: 109px;
	height: 34px;	
	margin: 0;
	padding: 0;
	z-index: 998;
	background: url('../images/nav_trackrecord.jpg') no-repeat 0 -34px;
}

#overlay_trackrecord a.link {
	position: relative;
	float: left;
	width: 94px;
	*width: 109px;
	list-style: none;
	margin: 0;
	padding: 5px 5px 5px 10px;
	background: #ccd8e3;
	font: 11px/14px trebuchet ms;
	color: #0f2940;
	text-decoration: none;
	z-index: 998;
	border-top: 1px solid #a5b2bd;
}

#content {
	position: relative;
	float: left;
	width: 886px;	
	border: 1px solid #cbe0f2;
	background: url('../images/content_bg.jpg') repeat-y 0px 0px #ffffff;
	padding: 0 0 0px 0;
	text-align: left;
}

#content a.logo {
	position: relative;
	float: left;
	margin: -104px 0 0 7px;
	display: inline;
	width: 261px;
	height: 88px;
	background: url('../images/logo.png') no-repeat 0 0;
}

#content_bottom {
	position: relative;
	float: left;
	width: 886px;
	height: 6px;
	border-bottom: 6px solid #ffffff;
	z-index: 3;
	margin: 13px 0 0 0;
	*margin: 7px 0 0 0;
	display: inline;
}

#leftbar {
	position: relative;
	float: left;
	margin: 27px 0 0 25px;
	display: inline;
	width: 190px;		
	background: #eeeeee;
	z-index: 99;
	font: 11px/18px tahoma;
	color: #2a2a2a;
}

#leftbar p {
	position: relative;
	float: left;
	margin: 5px 0 0 0px;
	display: inline;	
	font: 11px/18px Trebuchet MS;
	color: #2a2a2a;
}

#text_container .section {
	position: relative;
	float: right;
	margin: 7px 15px 0 0;	
	display: inline;
}

#text .title {
	position: relative;
	float: left;
	width: 585px;
	margin: -5px 0 0 23px;
}

#text p {
	position: relative;
	float: left;
	width: 585px;
	margin: 0px 0 10px 23px;
	display: inline;
	font: 11px/18px Trebuchet MS;
	color: #4b4b4b;
}

#text p a{	
	color: #306da2;
	text-decoration: none;
}

#text p a:hover {		
	text-decoration: underline;
}

#text li a{	
	color: #306da2;
	text-decoration: none;
}

#text li a:hover {		
	text-decoration: underline;
}

#text ul {
	position: relative;
	float: left;
	list-style: none;
	width: 585px;
	background: #f7f7f7;
	border: 1px solid #eeeeee;
	padding: 0 0 10px 0;
	margin: 10px 0 0 23px;
	display: inline;
}

#text li {
	position: relative;
	float: left;
	list-style: none;	
	margin: 15px 0 0 0;
	display: inline;
}

#text .image {
	position: relative;
	float: left;	
	margin: 0 0 0 14px;
	display: inline;
}

#text .text {
	position: relative;
	float: left;
	width: 526px;
	margin: 0 0 0 11px;
	display: inline;
	font: 11px/18px Trebuchet MS;
	color: #4b4b4b;
}

#footer {
	position: relative;
	float: left;
	width: 886px;
	height: 75px;
	*height: 200px;
	background: #000000;
	margin: 11px 0 0 0;
	display: inline;
	background: url('../images/footer_bg.jpg') repeat-x 0 0;
}

#footer .left {
	position: relative;
	float: left;
	margin: 10px 0 0 20px;
	display: inline;
	font: 10px/18px tahoma;
	color: #0b4578;
}

#footer a.right {
	position: relative;
	float: right;
	margin: 10px 20px 0 0;
	display: inline;
	font: 10px/18px tahoma;
	color: #0b4578;
	text-decoration: none;
}

#footer a.right:hover {
	text-decoration: underline;
}