body{background:url(../images/content_bg.jpg) repeat top left #333;font: 14px Arial, san-serif; color:#210E08}
h1{font-size:28px; letter-spacing:-1px;}
h3{margin:5px 0; border-bottom:2px solid #2f2f2f; float:left;}
p,em{margin:10px 0;}
em{color:#8E3E25; }
a{color:#EF671D;}
a:hover{color:#99492E;}
.white_bg{background-color:white;}
.padding{padding:10px;}
.orange{color:#EF671D;}
h3 .orange{border-bottom:2px solid #EF671D;}
.odd{background-color:#fff;}
ul.table_list{ clear:both;}
ul.table_list li{padding:2px 5px; font-size:12px;}
#header{width:100%; height:160px; background:url(../images/wood_background.jpg) repeat-x top left #333; border-bottom:2px solid #210E08;}


.nav-wrap { color: #eee;height:160px; width:960px; margin:0 auto; position:relative; }
.nav-wrap img{float:left;}
#nav { list-style: none;  background:url(../images/transparent_bg.png) repeat top left; padding:5px 0; height:30px;  float:right;}
#nav li { display: inline;float:right; }
#nav li a { color: #bbb;  display: block; padding: 6px 20px 4px 10px; text-decoration: none; text-transform: uppercase; }
#nav li a:hover { color: white; }
form.search{position:absolute; right:20px; bottom:0px; height:110px; width:300px; background:url(../images/beer_mat.jpg) no-repeat top center;}
form.search div{position:relative; top:45px; padding:5px; }



#content{width:960px; margin:0 auto; background-color:#eee;}
#content_inner{width:920px; padding:20px; }
.quick{width:300px;  border-top:2px solid #EF671D; border-bottom:2px solid #EF671D; padding:15px;}
form.quick div{clear:both; margin:10px 0;}
form.quick div label{color:#EF671D; font-weight:bold;}
form.quick ul{width:45%; margin:2%; display:block; float:left;}
.col_40, .col_20,.col_60{float:left;padding:1%;}
.col_60{width:58%;}
.col_40{width:38%;}
.col_20{width:18%;}

#footer{width:960px; height:100px; margin:0 auto;background:url(../images/transparent_bg.png) repeat top left; border-top:20px solid #eee; color:#999; font-size:10px;}
#footer img{float:right; margin-top:10px;}



#feature{background-color: #EF671D;}
#s3slider {
   width: 260px; /* important to be same as image width */
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin:0 auto;

}

#s3sliderContent {
   width: 260px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 260px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #eee;
   display: none; /* important */
   bottom: 0;
   height:30px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
#s3slider #s3sliderContent li.s3sliderImage span h3{font-size:16px; font-weight:bold;float:none; display:block; margin:0; border:0;}
li.s3sliderImage span .location{font-size:14px;}
#s3slider span p{margin:0;}

.clear {
   clear: both;
   display:block;
} 


.listing{width:100%; height:140px; margin:10px 0; }
.listing img.preview{width:120px; height:120px; float:left; margin:10px;}
.listing h2{ float:none; color:#000; height:auto; line-height:16px; padding:10px 0 5px 0; font-size:16px; font-weight:bold;}
.listing em{font-size:12px; margin:0;padding:2px 0 5px 0;display:block;}
.listing p{color:#666; margin:0 10px;}

ul#contact{padding:10px; background-color:#fff; margin:10px 0; float:left; width:320px;}
ul#contact li{display:inline; margin:0 10px 0 0;}
ul#contact li a{background:url(../images/new_window.gif) no-repeat left center; padding-left:25px;}

table.timetable{background-color:#ffffff;color:#333333; width:180px;   float:right; display:block; margin:10px 0 0 10px; font-size:12px;}
table.timetable td{padding:2px;}
table.timetable td.open, td.closed{background:url(../images/tick.gif) no-repeat 70% 20% ; width:16px;height:16px;color:#FFBF00; border:1px solid #eee; padding:0;}
table.timetable td.closed{background-color:#fff; background-image:none;}
.particulars{margin:10px 20px;}
ul.back{padding:10px; margin:10px 0; background-color:white; font-size:14px; font-weight:bold; display:block;}
ul.back li{display:inline; margin-right:10px;}
.mapimg{border:1px solid #ccc; vertical-align:bottom; margin-left:10px;}
.pagination{margin:10px 0;}
/**************************************************************

	MultiBox
	v1.3

**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #333;
	background-color: #FFF;
	display: none;
	z-index: 200;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(../images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}



/*************************************************************/