html {
	height: 100%;
}

body {
	background: url(images/interface/bg.png) repeat-x top;
	background-color: #30261E;
	height: 100%;
}

#wrapper {
	display: block;
	margin: 0 auto;
	min-height: 100%;
	width: 1024px;
	background: url(images/interface/shade.png) repeat-x top;
	background-color: #16110E;
}

/* header */

#header {
	position:relative;
	margin: 0px 18px 0px 18px;
	width: 987px;
	height: 150px;
	display: block;
}

#header #logo {
	position: absolute;
	background: url(images/interface/logo.png) no-repeat top left;
	width: 212px;
	height: 113px;
	text-indent: -9999px;
}

#header #blurb {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 387px;
	height: 45px;
	text-indent: -9999px;
	background: url(images/interface/blurb.png) no-repeat top left;
}

#header #menu {
	position:absolute;
	padding-left: 250px;
	height: 41px;
	top: 55px;
}

#header #menu ul li{
	float: left;
	margin: 0px 5px 0px 5px;
}

#header #menu ul li.divider {
	background: url(images/interface/menu_divider.png) no-repeat scroll left top;
	width: 1px;
	height: 41px;
	margin: 0px;
}

#header #menu ul li.divider:hover {
	background-position: 0px 0px !important;
}

#header #menu ul li:hover, #menu ul li:hover a, #menu ul li a.selected {
	background-position: 0 -41px !important;
}

#header #menu ul li a {
	display: block;
	height: 41px;
	overflow: hidden;
	text-indent: -999px;
}

#header #menu ul li ul {
	position:absolute;
	left: 220px;
	padding-left: 20px;
	padding-top: 5px;
	background: url(images/interface/menu_sub_bg.png) no-repeat left;
	background-position: 0px 5px;
	width : 771px;
	overflow: visible;
	display: none;
	height: 50px;
	
}

header #menu ul li ul li{
	background: none;
}
	
#header #menu ul li:hover ul, #header #menu ul li ul.selected {
	display: block;
}

#header #menu ul li:hover ul {
	z-index: 100;
}

#header #menu ul li:hover ul li a, #header #menu ul li ul.selected li a {
	text-indent: 0px;
	width: auto;
	height: 23px;
	line-height: 23px;
	display: block;
	color: #F5F1D7;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
	padding: 0px 5px;
	text-decoration: none;
	background: none;
}

#header #menu ul li:hover ul li a:hover, #header #menu ul li:hover ul li a.selected, #header #menu ul li ul.selected li a.selected  {
	background-color: #E77426;
	color: #FFFFFF;
}

/* MENU SECTIONS */

#header #menu ul li.home a {
	width: 47px;
	background: url(images/interface/menu_home.png) no-repeat scroll left top;
}

#header #menu ul li.about_us a {
	width: 69px;
	background: url(images/interface/menu_about_us.png) no-repeat scroll left top;
}

#header #menu ul li.dwc_team a {
	width: 105px;
	background: url(images/interface/menu_team.png) no-repeat scroll left top;
}

#header #menu ul li.what_we_do a {
	width: 87px;
	background: url(images/interface/menu_what_we_do.png) no-repeat scroll left top;
}

#header #menu ul li.gallery a {
	width: 56px;
	background: url(images/interface/menu_gallery.png) no-repeat scroll left top;
}

#header #menu ul li.green_vision a {
	width: 92px;
	background: url(images/interface/menu_green_vision.png) no-repeat scroll left top;
}

#header #menu ul li.news_trends a {
	width: 103px;
	background: url(images/interface/menu_news_trends.png) no-repeat scroll left top;
}

#header #menu ul li.faq a {
	width: 35px;
	background: url(images/interface/menu_faq.png) no-repeat scroll left top;
}

#header #menu ul li.contact a {
	width: 59px;
	background: url(images/interface/menu_contact.png) no-repeat scroll left top;
}

/* END MENU */

#header #headerbar {
	background: url(images/interface/header_bar.png) repeat-x top left;
	width: 100%;
	height: 5px;
	position: absolute;
	top: 132px;
}

/* page */

#flashHolder {
	margin: 0px 18px 0px 18px;
}

#footer {
	clear: both;
	color: #918F85;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.clear {
	clear: both;
}