@import url('reset.css');

/*****MAIN STYLES*****/

body{
	background:					url(../images/core/body-bg.jpg) repeat #937457;
	color:						#493827;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				1.6em;
}
h1, h2{
	color:						#2d5a0b;
	padding-bottom:				20px;
	padding-top:				10px;
}
p{
	padding-bottom:				10px;
}
a {
	color:						#568c39;
}
a:hover {
	color:						#b3d260;
}

/*****CONTAINER*****/

#container{
	height:						694px;
	margin: 					0 auto;
	overflow:					hidden;
	width: 						960px;
	position:					relative;
	padding-top:				50px;
}

/*****NAV*****/

#nav{
	float: 						right;
	margin:						-30px 0 0 0;
}
#nav ul li{
	display: 					inline;
	padding-left:				16px;
}
#nav ul li a{
	color:						#fff8d3;
	text-decoration:			none;
	text-transform:				uppercase;
}
#nav ul li a:hover{
	color:						#b3d260;
}

/*****LOGO*****/

#logo {
	height:						640px;
	left:						0;
	position: 					absolute;
	top:						0;
	width:						146px;
	background: url('../images/core/bg_logo.jpg') 0 0 repeat-y;
}

#logo h1 {
	width: 146px; height: 260px;
	background: url('../images/core/logo.jpg') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	padding: 0;
}

.contact-details {
	padding: 0 8px;
}

.contact-details h2 { padding: 0 0 10px; }

.gallery #logo{
}

/*****BANNER*****/

#banner.scrollable { 
 
    /* required settings */ 
    position:					absolute; 
	top:						50px;
    overflow:					hidden; 
    width: 						960px; 
    height:						590px; 
} 
#banner.scrollable .items { 
    /* this cannot be too large */ 
    width:						20000em; 
    position:					absolute; 
}
#scrollnav.scrollable{
	position: 					absolute;
	top:						504px;
	left:						160px;
	overflow: 					hidden;
	width: 						274px;
	height: 					37px;
	background-color: 			#32620b;
}
#scrollnav.scrollable .items{
	height:						40px;
	position:					absolute;
	width:						20000em;
}
#scrollnav.scrollable .items div{
	color:						#fff8d3;
	height:						40px;
	float:						left;
	width:						274px;
}
.scrollable .items img, .scrollable .items div{ 
    float:						left; 
}
#scrollnav div p{
	padding-left:				50px;
	padding-top:				10px;
}
.next{
	background:					url(../images/core/next.jpg) no-repeat;
	height:						42px;
	left:						392px;
	position:					absolute;
	top:						504px;
	width:						37px;
}
.prev{
	background:					url(../images/core/prev.jpg) no-repeat;
	height:						42px;
	left:						350px;
	position:					absolute;
	top:						504px;
	width:						37px;
}

/*****CONTACT PAGE*****/

#enquiry{
	background:					url(../images/core/form-bg.png) repeat;
	left:						322px;
	position:					absolute;
	top:						50px;
    width: 						445px; 
    height:						590px;
}
#enquiry h2{
	padding-left:				15px;
	padding-bottom:				0px;
}
p.note{
	padding:					0px 0 0 15px;
}


/*****CONTENT*****/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	display: none;
}
.jScrollPaneDrag {
	display: none;
}
.jScrollPaneDragTop {
	display: none;
}
.jScrollPaneDragBottom {
	display:none;
}

#scrollbar_container{
	background:					url(../images/core/content.png) no-repeat;
	height:						337px;
	left:						587px;
	position:					absolute;
	top:						303px;
	width:						373px;
}
#scrollbar_content{
	padding:					44px 40px 0 45px;
}

#scrollpane{
	overflow:					hidden !important;
	height:245px;
}
.jScrollArrowUp, .jScrollArrowDown{
	height:						21px;
	left:						265px;
	position: 					absolute;
	text-indent:				-9000px;
	width:						16px;
}
.jScrollArrowDown{
	background:					url(../images/core/arrowdown.png) no-repeat;
	top:						217px;
}
.jScrollArrowUp{
	background:					url(../images/core/arrowup.png) no-repeat;
	top:						0px;
}
.jScrollArrowUp.disabled, .jScrollArrowDown.disabled{
	display:					none;
}

/*****GALLERY*****/

#thumbs{
	width:					170px;
	left:					765px;
	position: 				absolute;
	top:					65px;
}

.thumbs li{
	border:					2px solid #fff;
	height:					70px;
	float:					left;
	margin:					2px;
}
.thumbs li a{
	padding:				0;
	margin:					0;
}
#gallery{
	background:				#fff;
	border:					5px solid #fff;
	height:					480px;
	left:					190px;
	position:				absolute;
	top:					65px;
	width:					540px;
}
.bottom{
	float:					left;
	position:				relative;
	right:					52px;
	top:					85px;
} 
.bottom span.current, .bottom a{
	color:					#b3d260;
}
#slideshow{
	background:				#fff;
}
.nav-controls a.prev, .nav-controls a.next{
	background: 			none;
}
.nav-controls a.prev{
	left:					280px;
}
.nav-controls{
	position:				absolute;
	top:					-20px;
	left:					160px;
}
#controls a{
	color:					#b3d260;
}

.demo{position:relative;}
.gallery_demo{width: 240px; left: 695px; position: absolute; top: 20px;  }
.gallery_demo li{width:68px;height:50px; float: left; padding: 5px; }
.gallery_demo li img { width: 68px; height: 50px; border: 2px solid #fff; }

#main_image{margin:0 0 0 146px;height:590px;width:814px;background:black;}
#main_image img{ width: 814px; height: 590px;}



/*****FOOTER*****/

#footer{
	background:					#69533e;
	height:						54px;
	position: 					absolute;
	top:						640px;
	width:						960px;
}
#footer p{
	color:						#c2ac97;
	padding-top:				20px;
	margin-left:				20px;
}
#footer a{
	color:						#c2ac97;
}
#footer a:hover{
	color:						#b3d260;
}
.wflogo{
	float:						right;
	margin:						10px 20px 0 0;
}

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}