body{background:#0B0B0B url(../images/body-bg.gif) repeat-x;}

#main-content{background:#FFF; height:100%; margin-top:20px;}

#header{background:#002B3F url(../images/header-bg.gif) repeat-x; height:85px; position:relative;}

#navigation{background:#C7DDF4; height:30px; position:relative; }

#feature-images{
	height:190px;
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
}


h1#logo{height:100px; width:150px; margin:0; padding:0; position:relative; left:20px; top:0px; z-index:5;}

#logo a{text-indent:-9999px; background:url(../images/logo.png) no-repeat; display:block; padding:20px 30px 20px 0;}


#navigation ul {
	margin:0;
	list-style:none; height:100%;
	padding:0;
	}
	
	ul#nav{width:650px;}
	ul#login{width:140px;}
#navigation li {

	float:left;
	margin-right:10px;
	padding:0;
	}
	
	ul#login a{width:120px;}
	
#navigation a {
display:block;
	margin:0;
	padding:4px 0px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px; line-height:22px; font-weight:bold;
	text-align:center;
	width:98px;
	color:#335565;
	}
#navigation a.selected {
	background: #002B3F url(../images/nav-selected.gif) no-repeat;
	color:#FFF;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}
/* End IE5-Mac hack */
#navigation a:hover span {color:#FFFFFF;}
#navigation a:hover { color:#FFF;}     


div.item{border:1px solid #CCCCCC; padding:10px; margin:50px 10px; position:relative;}   
#about div.item{border:1px solid #CCCCCC; padding:10px; margin:20px 0px 30px 0px; position:relative;} 

div.bubble{ width:150px; height:35px; position:relative; top:-25px; left:0px;}   


.orange{color:#002B3F;} 

div#demo, div#emmisions-counter{position:relative; margin-top:20px;}

div#emmisions-counter{ border-top:2px solid #dcdcdc;}



div#about-icons{background:#CCCCCC; padding:10px;  margin-bottom:10px; margin-right:10px; text-align:center;}