@charset "utf-8";
/* CSS Document */

/* ############################ TOP ITEMS ############################ */
body {
	background-color: #b2d0af;
	background-image:url(../img/bg_body.gif);
	margin: 0;
	padding: 10px;
	font-family: century gothic,verdana,arial,helvetica,sans-serif;
	overflow:scroll;
}

/* ############################ WRAPPERS ############################ */
#outerwrapper {
	margin: 0 auto 0 auto;
	width: 960px;
}
#wrapper {
	background-color: #fcfae7;
}
/* ############################ HEADER ############################ */
#header {
	width: 960px;
	height: 124px;
	background-image:url(../img/bg_header.jpg);
}

#header img, .logo {
	margin: 25px 0 0 25px;
}
/* ############################ NAVIGATION ############################ */
#navigation {
	background-color: #095001;
	height: 25px;
	padding: 0;
	margin: 0;
}
#navigation ul{
	list-style-type: none;
	line-height: 1;
	padding: 0;
	margin: 0;
}
#navigation li {
	display: inline;
	float:left;
	padding: 0;
	margin: 0;
	color: #FFF;
}
#navigation a {
	display:block;
	float: left;
	padding: 7px 8px 7px 8px;
	height: 11px;
}


#navigation a:link {	
	color: #FFF;
	font-size: 0.7em;
	text-decoration:none;
}

#navigation a:visited {	
	color: #FFF;
	font-size: 0.7em;
	text-decoration:none;
}
#navigation a:hover {
	background-color:#84d87a;
	color: #095001;
	font-size: 0.7em;
	text-decoration:none;
}
#navigation a.highlight, a.highlight:link, a.highlight:visited{
	background-color: #fcfae7;
	color: #095001;
}
/* ############################ CONTENT LAYOUT ############################ */
#content{
	padding: 20px 20px 0 20px;;
	margin: 0 0 20px 0;
}

.colone {
	display: block;
	margin: 0 10px 0 0;
	width: 450px;
	float:left;
}
.coltwo {
	display: block;
	margin: 0 0 20px 10px;
	width: 450px;
	float:left;
}
#left {
	width:700px;
	float:left;
}

/* ############################ CONTENT STYLES ############################ */	
#content h1{
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1;
	font-size: 1.4em;
	color: #095001;
	font-weight:normal;
}
#content h2{
	padding: 0;
	margin: 5px 0 10px 0;
	color: #8a8a8a;
	font-size: 0.9em;
	font-weight:bold;
}
#content h3{
	padding: 0;
	margin: 5px 0 10px 0;
	font-size: 1em;
	color: #095001;
	font-weight:bold;
}
#content p{
	padding: 0;
	margin: 5px 0 10px 0;
	color: #737373;
	font-size: 0.9em;
}
#content p a:link {	
	color: #095001;
	text-decoration:none;
}

#content p a:visited {	
	color: #095001;
	text-decoration:none;
}
#content p a:hover {
	background-color:#84d87a;
	color: #095001;
	text-decoration:none;
}
#content ul.nobullet {
	list-style: none;
	padding:0;
	margin:0;

}
#content li {
	color: #095001;
	font-size:0.8em;
}
#content li a {	
}
#content li a:link {	
	color: #095001;
	text-decoration:none;
}

#content li a:visited {	
	color: #095001;
	text-decoration:none;
}
#content li a:hover {
	background-color:#84d87a;
	color: #095001;
	text-decoration:none;
}
#submenu {
	width: 210px;
	margin: 0 0 20px 0;
	float:right;
	background-image:url(../img/bg_submenu_body.gif);
	background-position:bottom;
}
#submenu h4{
	font-size: 0.7em;
	font-weight:normal;
	width:210px;
	height:20px;
	background-image:url(../img/bg_submenu_header.gif);
	color:#FFF;
	text-align:center;
	padding: 4px 0 0 0;
	margin:0; 
	line-height:1;
}
#submenu ul{
	text-align:center;
	padding:3px 0 3px 0;
	list-style: none;
	margin:0;
}

.homefeature {
	display:block;
	float:left;
	margin: 20px 6px 6px 6px;
	padding: 0 5px 5px 5px;
	background-image: url(../img/bg_homefeature.gif);
	width: 200px;
	height:145px;
}
.homefeature h4 {
	color: #FFF;
	font-size:0.7em;
	font-weight:normal;
	padding:4px 0 0 8px;
	margin:0;
	height:20px;
	display:block;
}
.homefeature img {
	float:left;
}
.homefeature h5 {
	padding: 0;
	margin: 4px 0 0 0;
	font-size: 0.75em;
	font-weight:normal;
	color: #737373;
}
.homefeature ul {
	list-style: none;
	padding:0;
	margin:0;

}
.homefeature li {
}
.homefeature a:link {	
	color: #095001;
	font-size: 0.7em;
	text-decoration:none;
}

.homefeature a:visited {	
	color: #095001;
	font-size: 0.7em;
	text-decoration:none;
}
.homefeature a:hover {
	background-color:#84d87a;
	color: #095001;
	font-size: 0.7em;
	text-decoration:none;
}
.tree{
	float:right;
	margin: 0 -20px 0 0;
}
.imaagebox {
	margin: 0 10px 0 20px;
	border: 1px solid #737373;
}
.imageright {
	float:right;
}
hr {
	border: 0;
	display:block;
	color: #737373;
	background-color: #737373;
	height: 1px;
	width: 80%;
	text-align: centre;	
	clear:left;
}
/* ########################### GALLERY ########################### */

.gallerybox {
	display:block;
	width:170px;
	height: 200px;
	float:left;
	margin: 0 0 10px 0;
}
.gallerybox form {
	margin:0px;
	padding:0px;
	line-height:1;
}

.gallerybox img {
	display:block;
	margin: 5px auto 0 auto;
	border: none;
	max-height:110px;
}
.ref {
	width:170px;
	color: #737373;
	display:block;
	text-align:center;
	font-weight:bold;
	font-size: 0.6em;
}
.biglink {
	font-size:1.1em;
	font-weight:bold;
}
/* ############################ RESULTS ############################ */
#resultcontainer {
	border-top:thin dashed #999;
	width:600px;
	margin: 0 auto 0 auto;
}
.resultbox {
	padding: 0 0 10px 0;
	border-bottom:thin dashed #999;
}

/* ############################ FORMS ############################ */
form {
	padding:20px 0 20px 0;
	margin:0 0 20px 0;
}

.formrow {
	display:block;
	clear:both;
	padding: 5px 0 5px 0;
}
label {
	display:block;
	padding: 0 10px 0 0;
	width: 200px;
	float:left;
	clear:both;
	color: #095001;
	font-size:0.9em;
	text-align:right;
}
input, textarea, select {
	font-family: century gothic,verdana,arial,helvetica,sans-serif;
}

/* ############################ FOOTER ############################ */
#footer {
	clear:both;
	background-color: #095001;
	height: 25px;
}
#footer p {
	padding: 7px 8px 7px 8px;
	margin: 0;
	line-height:1;
	color: #FFF;
	font-size: 0.7em;
}
#footer a:link, a:visited {
	color: #FFF;
	text-decoration:none;	
}
#footer a:hover {
	background-color: #FFF;
	color:#095001;
	text-decoration:none;	
}
/* ############################ COMMON ############################ */
.clear {
	clear:both;
}
.noborder {
	border:none;
}
/* ############################ SLIDER ############################ */

#gallery, #gallery2 {
	margin: 20px 0 0 0;
	position:relative;
	height:291px;
}
	#gallery a, #gallery2 a  {
		position:absolute;
		width:440px;
	}
	#gallery img, #gallery2 img {
		display:block;
		margin-left:auto;
		margin-right:auto;
		border:none;
		max-height: 291px;
		max-width: 440px;
	}
	
	#gallery a img, #gallery2 a img {
		border:none;
	}
	
	#gallery a.show, #gallery2 a.show {
		z-index:500;
	}

	#gallery .caption, #gallery2 .caption {
		text-align:center;
		width: 440px;
		z-index:600; 
		color: #095001; 
		background-color: #fcfae7;
		height:30px; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content, #gallery2 .caption .content  {
		margin:5px;
		text-align:center;
	}
	
	#gallery .caption .content h3, #gallery2 .caption .content h3 {
		margin:0;
		padding:0;
		text-align:center;
		color:#095001;
	}
	