/*		colour palette:
		Base green: 	#ABB538;
		Darker green:	#878F2C;
		Dark green:		#636920;
		Burnt Orange	#B56C38;
*/


html {
	padding: 0px;
	overflow: hidden;
	}

body {	
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}

#bg_container {
	width: 100%;
	height: 800px;
	position: absolute;
	overflow: visible;
	z-index: -1;
	top: 0px;
	}
	
#container {
	width: 600px;
	float: right;
	margin: 60px 133px;
	display: inline;
	z-index: 0;
	overflow: auto;
	}	
	
#container .logo {
	width: 600px;
	height: 400px;
	}
	
#container .content {
	width: 600px;
	height: 230px;
	background-color: #878F2C;
	filter: alpha(opacity=80);
	opacity: 0.8;
	padding: 0;
	margin: 7px 0px;
	}
	
#container .content p {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 180%;
	padding: 20px;
	}	
	
#container .content .image {
	float: right;
	clear: left; 
	}
	
#flashcontent {
	width: 340px;
	height: 230px;
	float: right;
	clear: left; 
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;	
	}		
	
a:link, a:visited {
	color: #636920;
	text-decoration: none;
	}
	
a:hover {
	color: #000000;
	text-decoration: none;
	}
	
#credits {
	width: 560px;
	background:#D4D4D4 url(../media/fade.jpg) repeat-x;
	filter: alpha(opacity=80);
	opacity: 0.8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px 20px;	
	}
	
#credits a:link, a:visited {
	color: #D47B00;
	font-weight: bold;
	text-decoration: none;
	}
	
#credits a:hover {
	color: #000000;
	text-decoration: none;
	}