/* .......... BODY ........... */

body {
	background-color: #2F2A20;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; 
	font-size: small;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
	width: 950px;	
	color: #fff;
	text-align: center;
}

/* .......... HEADING STYLES ........... */

h1 { 
	font-size: 150%;
	padding-top: 20px;
	xline-height: 1.0em;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;  }

h2 {
	font-size: 110%;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; 
	line-height: 1.2em; }

h3 { 
	font-size: 100%; 
	letter-spacing: .1em;
	font-weight: bold;
	text-transform: uppercase; 
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;  } 


.sub { font-size: 110%; color:#999999 }

/* .......... WRAPPER ........... */

#wrapper {
	border: 1px solid #867965;
	background-color: #2F2A20;
	width: 950px;	
	min-height: 635px;
	color: #fff;
}

/* Fix IE. Hide from IE Mac \*/
* html #wrapper { height: 635px; }	
/* End */

/* .......... BANNER ........... */

#bannerCont {
	margin: 0;
	padding: 0;
	height: 75px;
	width: 950px;
	background-color: #2F2A20;
	background-image:  url("../../img/green-logo.gif");
	background-repeat: no-repeat;
	background-position: 30px center;
}

/* .......... NAV ........... */

ul#navlist {
	width: 100%;
	float: left;
	font-size: 90%;
	margin: 0;
	padding: 4px 0 4px 0;
	white-space: nowrap;
	text-align: left;
	text-indent: 20px;
	background: #464034; }

/* IE fix - hide from IE Mac \*/
* html ul#navlist { } /* End*/

#navlist li {
	display: inline;
	list-style-type: none; }

#navlist a { 
	padding: 4px 10px; }

#navlist a:link, #navlist a:visited {
	color: #f27323;
	text-decoration: none; 
	text-transform: uppercase; }

#navlist a:hover {
	color: #fff;
	background-color: #867965;
	text-decoration: none; 
	text-transform: uppercase;}
	
/* .......... SUB NAV ........... */

ul#subnavlist {
	width: 100%;
	float: left;
	font-size: 95%;
	margin: 0;
	padding: 0 0 4px 0;
	white-space: nowrap;
	text-align: left; } 

/* IE fix - hide from IE Mac \*/
* html ul#subnavlist { } /* End*/

#subnavlist li {
	display: inline;
	list-style-type: none; }

#subnavlist a { 
	padding: 0 15px 0 0; } /* separates the items */

#subnavlist a:link, #subnavlist a:visited {
	color: #867965;
	text-decoration: none; }

#subnavlist a:hover {
	color: #867965;
	text-decoration: underline; }

/* .......... CONTENT ........... */

#contentCont {
	font-size: 95%;
	padding: 0px 30px 15px 30px;
	margin: 0 auto;
	text-align:left;	 }

/* ........... FOOTER ........... */

#footerCont {
	color: #867965;
	font-size: 85%;
	width: 950px;	
	margin: 0;
	background-color: #2F2A20;
	border-bottom: 1px solid #867965;
	border-left: 1px solid #867965;
	border-right: 1px solid #867965;
	padding: 5px 0 5px 0; }

/* ........... LINK BEHAVIOUR ........... */

a:link {
	color: #f27323;
	text-decoration: none; }

a:visited {
	color: #f27323;
	text-decoration: none; }
 
a:hover {
	color: #f27323;
	text-decoration: underline; }

/* ........... MISC ........... */

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

.clearfix {display: inline-block;}

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

#home-image {
	width: 421px;
	height: 353px;
	float:right;
	background-image:    url("../../img/home-rotate/rotate.php");
	background-repeat: no-repeat;
	background-position: center center;
	margin: 15px; 	}

#left-box {
	float: left;
	width: 50%; }

#right-box {
	float: right;
	width: 50%;}

/* ........... IMAGE GALLERY ........... */

#thumbs {
	font-size: 90%;
	padding: 0;
	margin: 0; 
	width: 280px;
	height: 456px;
	float: left; }

#thumbs a {
	text-decoration: none; 
	cursor:default; 
	margin: 0; }

#thumbs img {
	border: 0;
	padding: 0 10px 10px 0; }
	
#thumbs ul {
	margin-left: 0;
	padding-left: 0;}	

#thumbs li {
	display: inline;
	list-style-type: none; }

#thumbs p {
	font-size: 85%; 
	text-transform: uppercase; }

#display {
	width: 600px;
	height: 456px;
	float: right;
	text-align: center;
	vertical-align: middle;
}