html {
	height: 100%;
	}

body {
	font-size: 16px;
	background-color: #999999;
	overflow-x: hidden;
	}
	
.wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}


/*--HEADER--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

header {
	height: 90px;
	width: 100%;
	z-index: 50000;
	top: 0px;
	position: absolute;
	background-color: #CCCCCC;
	}

#header_wrapper {
	height: 150px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	}

h1 a {
	float: left;
	height: 84px;
	width: 250px;
	background-image: url(tpl/images/cbx.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	}

	h1 a:hover {
		background-position: left 0px;
		}


/*-----------------------------------------*/


nav ul {
	float: right;
	height: 75px;
	width: 447px;
	margin-top: 10px;
	margin-right: -125px;
	}

nav ul li a {
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 60px;
	display: block;
	float: left;
	}

	nav ul li a:hover, nav ul li a.active {
		background-position: center -60px;
		}

	nav ul li.nav_home a {
		background-image: url(header_nav_home.png);
		width: 80px;
		}

	nav ul li.nav_about a {
		background-image: url(header_nav_about.png);
		width: 95px;
		}

	nav ul li.nav_planning a {
		background-image: url(header_nav_planning.png);
		width: 142px;
		}



/*--HOME----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container {
	background-color: #000000;
	height: 615px;
	width: 100%;
	background-image: url(-main_back.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	}

#fadeshow2 {
	background-color: #000000;
	z-index: 2000;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center center;
	}
	
#fadeshow2toggler{
	z-index: 2001;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center center;
	}
	
	
#subcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
	}	
	


/*-----------------------------------------*/




/*-----------------------------------------*/




/*--IE7-WARNING---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#i_explorer{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 300000;
	overflow: hidden;
	}

#i_explorer_overlay {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #000;
	-moz-opacity:.85;
	filter:alpha(opacity=85);
	opacity:.85;
	overflow: hidden;
	}

#i_explorer_content {
	position: absolute;
	z-index: 310000;
	height: 236px;
	width: 735px;
	margin-right: auto;
	margin-left: auto;
	left: 50%;
	margin-left: -413px;
	top: 165px;
	background-color: #607300;
	padding-top: 48px;
	padding-right: 45px;
	padding-bottom: 45px;
	padding-left: 45px;
	border: 1px solid #202600;
	}

#i_explorer_content p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #d7dcbe;
	line-height: 1.875em;
	}

	#i_explorer_content p a {
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		}

	#i_explorer_content p a:hover {
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		background-color: #404d00;
		padding-top: 2px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
		margin-top: -2px;
		margin-right: -5px;
		margin-bottom: -2px;
		margin-left: -5px;
		}
	
	#i_explorer_content p.first {
		font-size: 2em;
		color: #ffffff;
		background-image: url(R.png);
		background-repeat: no-repeat;
		background-position: left 15px;
		text-indent: 40px;
		margin-bottom: 21px;
		}
		


/*--RESET---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  
	margin: 0px; 
	padding: 0px; 
	}

table { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	}

fieldset, img {  
	border: 0px; 
	}

address, caption, cite, code, dfn, em, th, var { 
	font-style: normal; 
	font-weight: normal; 
	}

ol, ul { 
	list-style: none; 
	}

caption,th { 
	text-align: left; 
	}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight: normal; 
	}

q:before, q:after { 
	content: ''; 
	}

abbr, acronym {
	border: 0px; 
	}

a, input {
	outline-style: none;
	outline-width: 0;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

span, .none {
	display: none;
	}
	
strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}
	

/*--sIFR----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
		}

	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
		}

	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}

	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
		}

	.sIFR-flash:focus {
		outline-style: none;
		}
}

@media print {
	
	.sIFR-flash {
		display: none !important;
		height: 0px;
		width: 0px;
		position: absolute;
		overflow: hidden;
		}

	.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
		}
}


/*--LIGHTBOX------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 90000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img {
	border: none;
	}

#outerImageContainer {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background-image: url(section_environment_outerImageContainer.png);
	background-repeat: repeat;
	background-position: center center;
	}

#imageContainer{
	padding: 30px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
	
.ontop #imageData {
	padding-top: 5px;
	}

#imageDataContainer {
	background-image: url(section_environment_outerImageContainer.png);
	background-repeat: repeat;
	background-position: center center;
	line-height: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9375em;
	color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 15px;
	text-align: left;
	}

#imageData{
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 45px;
	}

#imageData #imageDetails { 
	width: 90%;
	float: left;
	}
	
#imageData #numberDisplay{
	display: block; 
	clear: left;
	padding-bottom: 1.0em;
	}
	
#imageData #bottomNavClose{
	width: 30px;
	float: right;
	margin: 0px;
	padding: 0px;
	height: 30px;
	}

#imageData #helpDisplay {
	clear: left;
	float: left;
	display: block;
	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 89000;
	width: 100%;
	height: 500px;
	background-color: #000000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	display: none;
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix { /* Hides from IE-mac \*/
	height: 1%;
	}