/* CSS Document */

/*This CSS file was written for the Bunker website by Iain Hanlon iain@jetblackinc.co.uk*/
/**********************************/

/*Main Structural Elements*/
/**********************************/
body {
	text-align: center;
	background-image: url(images/structure_10/page_bg.jpg);
	background-repeat: repeat-x;
	background-color: #584621;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFF0;
	margin: 0px;
	}

div#wrapper {
	width: 900px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/structure_10/wrap_bg.jpg);
	background-repeat: repeat-x;
	background-color: #47381B;
	margin-bottom:10px;
	}

div#header {
	height: 120px;
	width: 850px;
	margin-left:25px;
	margin-right:25px;
	}

div#main {
	width: 850px;
	margin-left:25px;
	margin-right:25px;
	}

div#contentarea {
	width: 850px;
	padding-top:25px;
	margin-bottom:25px;
	}

div#footer {
	clear: both;
	width: 850px;
	height:180px;
	padding-left:25px;
	padding-right:25px;
	padding-top:10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #8BB616;
	}

div#botadbox {
	width: 850px;
	height:60px;
	float:left;
	}
	
/*Home Page Elements*/
/**********************************/
div#homeleader {
	width: 850px;
	height: 100px;
	float:left;
	margin-bottom:20px;
	}
	
div#homeimages {
	width: 850px;
	height: 260px;
	float:left;
	margin-bottom:20px;
	}

div#hometext {
	width: 850px;
	float:left;
	margin-bottom:20px;
	}


div#homeabout {
	width: 560px;
	float:left;
	margin-right:40px;
	}

div#homenews {
	width: 250px;
	float:left;

	}

/*Menu Elements*/
/**********************************/
div#menuleft {
	width: 270px;
	float:left;
	margin-right:20px;
	}

div#menucentre {
	width: 270px;
	float:left;
	margin-right:20px;
	}

div#menuright {
	width: 270px;
	float:left;
	}

.menupic {
	width: 270px;
	height: 100px;
	float:left;
	background-color: #675320;
	margin-bottom:10px;
	}

.menulink {
	width: 235px;
	height:20px;
	float:left;
	background-color: #8BB616;
	margin-bottom:10px;
	background-image: url(images/static_10/pdf.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	}

.menulink a {
	width: 100%;
	height:100%;
	color: #675320;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom:0px;
	display: block;	
	}


.menutext {
	width: 270px;
	float:left;
	margin-bottom:10px;
	font-weight: normal;
	}

.menutext h3 {
	color: #8BB616;
	}

.menutext h4 {
	color: #8BB616;
	margin-top:0px;
	}


/*Location Elements*/
/**********************************/

div#mapbox {
	width: 450px;
	height: 450px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	}

div#mapright {
	width: 380px;
	float:left;
	margin-bottom:20px;
	}

div#addresspic {
	width: 380px;
	float:left;
	}

div#mapaddress {
	width: 160px;
	float:left;
	margin-right:10px;
	}

div#mappic {
	width: 210px;
	float:left;
	}


div#righttable {
	width: 380px;
	float:left;
	margin-bottom:20px;
	}
	
div#maptable {
	width: 150px;
	height:30px;
	float:left;
	background-color: #8BB616;
	text-align: center;
	}

div#maptable a {
	width: 100%;
	height:100%;
	color: #584621;
	text-decoration: none;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	}

div#mapopen {
	width: 360px;
	padding:10px;
	float:left;
	background-color: #675320;
	margin-bottom:20px;
	}

.functionpicleft {
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	}

.functionpicright {
	float:left;
	margin-bottom:10px;
	}

div#buffetleft {
	width: 420px;
	margin-right:10px;
	float:left;
	}

div#buffetright {
	width: 420px;
	float:left;
	}

/*Contact Elements*/
/**********************************/
div#contactbox {
	width: 400px;
	padding:10px;
	float:left;
	margin-bottom:20px;
	background-color: #8BB616;
	}

div#contactleft {
	width: 410px;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	}

.smallcontact {
	width: 390px;
	padding:10px;
	margin-bottom:20px;
	float:left;
	background-color: #675320;
	}

div#contactopen {
	width: 400px;
	padding:5px;
	float:left;
	background-color: #675320;
	margin-bottom:20px;
	}
	
div#contacttable {
	width: 400px;
	height:20px;
	padding:5px;
	float:left;
	background-color: #675320;
	margin-bottom:20px;
	}

div#buffetview{
	width: 400px;
	height:20px;
	padding:5px;
	float:left;
	background-color: #675320;
	margin-bottom:10px;
	}

div#contacttable a {
	width: 100%;
	height:100%;
	color: #8BB616;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom:0px;
	}

div#buffetview a {
	width: 100%;
	height:100%;
	color: #8BB616;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom:0px;
	}

div#contactfunction {
	width: 400px;
	height:20px;
	padding:5px;
	float:left;
	background-color: #675320;
	margin-bottom:20px;
	}

div#contactfunction a {
	width: 100%;
	height:100%;
	color: #8BB616;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom:0px;
	}
	
div#contactemployment {
	width: 400px;
	height:20px;
	padding:5px;
	float:left;
	background-color: #675320;
	margin-bottom:20px;
	}

div#contactemployment a {
	width: 100%;
	height:100%;
	color: #8BB616;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom:0px;
	}


/*Header Elements*/
/**********************************/
div#logo {
	width: 285px;
	height: 90px;
	float: left;
	margin-right:97px;
	}

div#logo h1{
	width: 285px;
	height: 90px;
	background-image: url(images/structure_10/logo.jpg);
	font-size: 38px;
	line-height: 90px;
	text-indent: -2000em;
	margin:0px;
	}

div#logo h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}

div#topbanner {
	width: 468px;
	height: 60px;
	margin-top:22px;
	float: left;
	}
	
div#topnav {
	width: 850px;
	height: 30px;
	float: left;
	margin:0px;
	}

div#splash {
	width:930px;
	padding:0px;
	margin-bottom:20px;
	text-align: center;
	}
	

/*Main Navigation*/
/**********************************/
ul#mainnav {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	margin: 0px;
	}

#mainnav li {
	display:inline;
	list-style-type: none;
	padding-right: 10px;
	}

#mainnav a {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	}

#mainnav a:link, #mainnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

#mainnav a:hover {
	color: #67532A;
	text-decoration: none;
	}


/*Footer Area*/
/**********************************/

div#botadone {
	width:205px;
	height: 60px;
	float:left;
	background-color:#8BB616;
	margin-right:10px;
	}

div#botadtwo {
	width:205px;
	height: 60px;
	float:left;
	background-color:#8BB616;
	margin-right:10px;
	}

div#botadthree {
	width:205px;
	height: 60px;
	float:left;
	background-color:#8BB616;
	margin-right:10px;
	}

div#botadfour {
	width:205px;
	height: 60px;
	float:left;
	background-color:#8BB616;
	}

div#subscribe_box {
	width:415px;
	height: 55px;
	margin-top:10px;
	margin-right:300px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-left: 5px;
	float:left;
	background-color:#8BB616;
	}

div#subscribe_box p {
	font-size: 12px;
	color: #47381B;
	margin-top: 0px;
	line-height: 12px;
	margin-bottom: 3px;
}

div#subscribe_box h1 {
	font-size: 12px;
	line-height: 16px;
	margin-top: 0px;
	color: #47381B;
	margin-bottom: 0px;
	font-weight: bold;
}

div#subscribe_box form {
	margin: 0px;
	padding:0px;
}

div#subscribe_box input {
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	line-height: 14px;

}

div#facebookbox {
	width:60px;
	height: 60px;
	margin-top:10px;
	float:left;
	}

div#facebookbox h1{
	width: 60px;
	height: 60px;
	background-image: url(images/structure_10/facebook.jpg);
	font-size: 38px;
	line-height: 60px;
	text-indent: -2000em;
	}

div#facebookbox h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}

div#bamboobox {
	width:60px;
	height: 60px;
	margin-top:10px;
	margin-right:10px;
	float:left;
	}

div#bamboobox h1{
	width: 60px;
	height: 60px;
	background-image: url(images/structure_10/bamboo_b.jpg);
	font-size: 38px;
	line-height: 60px;
	text-indent: -2000em;
	}

div#bamboobox h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}

div#address {
	width:850px;
	height: 20px;
	margin-top:0px;
	float:left;
	}
	
div#address p {
	font-size: 12px;
	line-height: 20px;
	margin: 0px;
	}	


/*bookings Box*/
/**********************************/


div#bookingbox {
	width: 850px;
	height: 450px;
	float:left;
	margin-bottom:20px;
	}

/*Entertainment page*/
/**********************************/

div#topents {
		width:830px;
		height:250px;
		padding:10px;
		margin-bottom:20px;
		background-color:#67532A;
		}
div#topentsad {
		width:250px;
		height:250px;
		margin-right:20px;
		float:left;
		}
div#topentstext {
		width:560px;
		height:250px;
		float:left;
		}

.entsbox {
		width:250px;
		height:80px;
		margin-right:20px;
		margin-bottom:20px;
		padding:10px;
		background-color:#67532A;
		float:left;
		}

.entsboxright {
		width:250px;
		height:80px;
		margin-bottom:20px;
		padding:10px;
		background-color:#67532A;
		float:left;
		}

.entsnightpic {
		width:80px;
		height:80px;
		float:left;
		margin-right:10px;
		}

.entsnighttxt {
		width:160px;
		height:80px;
		float:left;
		}


div#davetopten {
	padding:10px;
	width:830px;
	float:left;
	background-color:#67532A;
	}

div#tamtopten {
	padding:10px;
	width:250px;
	float:right;
	background-color:#67532A;
	margin-left:10px;
	}


/*Entertainment page*/
/**********************************/


/*Text Formatting*/
/**********************************/
p {
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 0px;
	line-height: 18px;
	margin-bottom: 8px;
}

a {
	color: #FFFFFF;
	text-decoration: underline;
}

h1 {
	font-size: 22px;
	line-height: 26px;
	color: #D0872F;
	margin-bottom: 5px;
	font-weight: normal;
	margin-top: 0px;
}
h2 {

	font-size: 18px;
	line-height: 21px;
	color: #D0872F;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
}

h3 {

	font-size: 16px;
	line-height: 18px;
	margin-bottom:0px;
	margin-top:0px;
	color: #D0872F;
	font-weight: normal;
}

 h4, h5, h6 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom:0px;
}


/*Text Formatting*/
/**********************************/

.formlabel {
	clear: left;
	float: left;
	width: 100px;
	padding-right: 5px;
	text-align: left;
	font-size: 14px;
}


.picspan {
	float: left;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	border: 1px solid #FFFFFF;
}

.picspan_right {
	float: right;
	margin-top: 0px;
	margin-left: 3px;
	margin-bottom: 0px;
	border: 1px solid #FFFFFF;
}

#aboutbox {
	clear:both;
	width:583px;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	border: 1px solid #FFFFFF;
	background-color:#092000;
}



/* gallery styles */
/******************/

.new_album {
width: 593px;
height: 112px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
background-color: #584621;
float: left;
}
.album_fullname, .album_desc {
margin-top: 10px;
width: 400px;
float: left;
}
.album_desc {
font-size: 13px;
}
div.album_thumb {
width: 90px;
height: 92px;
text-align: center;
position: relative;
top: 10px;
left: 10px;
margin-right: 20px;
background-color: #584621;
float: left;
}

div.album_menu {
width: 595px;
margin-top: 5px;
float: left;
}
div.album_pagination {
width: 500px;
float: left;
margin-top: 5px;
}
div.new_thumb {
width: 90px;
height: 92px;
text-align: center;
margin: 3px;
background-color: #584621;
float: left;
}
div#pagination {
width: 100%;
float: left;
margin-top: 10px;
}


#large_image {
padding: 9px;
background-color: #584621;
text-align: center;
}

.arrows_nav {
margin-top: 10px;
margin-bottom: 6px;
font-size: 12px;
text-align: center;
}
.arrows {
margin-right: 10px;
margin-left: 10px;
text-decoration: none;
}

img { border: 0px; }

/*front page image carousel*/
/**********************************/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 850px; /*Width of Carousel Viewer itself*/
height: 260px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-right: 40px;
	width: 260px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 260px;
}