@charset "utf-8";

/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background: url(../images/bg/bg.jpg) repeat 0px 0px;
	color: #501706;
	font: 12px/14px Verdana, Geneva, sans-serif;
}

ol, ul { list-style: none; }

a img, :link img, :visited img { border: 0; }

:link, :visited { text-decoration:none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3, h3, h4, h5, h6 {
	padding:10px 0 4px 0;
	margin:0;
	font-weight: bold;
	font-size: 100%;
}

p {
	padding:6px 0 10px 0;
	margin:0;
	font-weight: normal;
	font-size: 100%;
}

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

.clearfix { display: inline-table; }

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

*+html .clearfix { height:1%; }

.clearfix { display:block; }

/* Default styling classes */
.clear { clear: both; }

.float_left { float: left; }

.float_right { float: right; }

a {
	text-decoration: none;
	color: #9C1421;
}

a:hover { color: #6B1403; }

/* Image Preloader */
#loader {
	position: absolute;
	width: 0;
	height: 0;
	top: -1000px;
	left: -1000px;
	overflow: hidden;
}

/* H1 Image Replacement */
#berkleys_logo span, #top-header span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#berkleys_logo {
	width: 296px;
	height: 164px;
	padding: 0;
	background: url(../images/headers/berkleys_logo_sign.png);
	position: absolute;
	left: 10px;
	top: -55px;
}

#top-header {
	width: 326px;
	height: 42px;
	padding: 0;
	background: url(../images/headers/header_03.jpg);
	float: left;
	margin: 30px 0 0 70px;
}

/* Menu bar */
.menubar ul {
	padding:0;
	list-style-type:none;
}

.menubar ul li { display:inline; }

.menubar ul li a {
	float:left;
	display:block;
}

#twitter {
	width: 27px;
	height: 27px;
	position: absolute;
	left: 680px;
	top: 22px;
}

#facebook {
	width: 27px;
	height: 27px;
	position: absolute;
	left: 640px;
	top: 22px;
}

#menubar ul, #subnav ul {
	padding:0;
	list-style-type:none;
}

#menubar ul {
	height: 263px;
	margin: 22px 0px 0px 22px;
}

#menubar ul li, #subnav ul li { display:inline; }

#menubar ul li a, #subnav ul li a {
	float:left;
	display:block;
}

#menubar ul li a span, #subnav ul li a span {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -5000px;
}

a#home {
	width: 169px;
	height: 33px;
	background: url(../images/menu/menu_06.jpg) no-repeat 0 0;
}

a#home:hover { background: url(../images/menu/menu_ro_06.jpg) no-repeat 0 0; }

a#restaurant {
	width: 169px;
	height: 30px;
	background: url(../images/menu/menu_08.jpg) no-repeat 0 0;
}

a#restaurant:hover { background: url(../images/menu/menu_ro_08.jpg) no-repeat 0 0; }

a#hightea {
	width: 169px;
	height: 30px;
	background: url(../images/menu/menu_16.jpg) no-repeat 0 0;
}

a#hightea:hover { background: url(../images/menu/menu_ro_16.jpg) no-repeat 0 0; }

a#loungebar {
	width: 169px;
	height: 30px;
	background: url(../images/menu/menu_09.jpg) no-repeat 0 0;
}

a#loungebar:hover { background: url(../images/menu/menu_ro_09.jpg) no-repeat 0 0; }

a#weddings {
	width: 169px;
	height: 30px;
	background: url(../images/menu/menu_10.jpg) no-repeat 0 0;
}

a#weddings:hover { background: url(../images/menu/menu_ro_10.jpg) no-repeat 0 0; }

a#functions {
	width: 169px;
	height: 30px;
	background: url(../images/menu/menu_11.jpg) no-repeat 0 0;
}

a#functions:hover { background: url(../images/menu/menu_ro_11.jpg) no-repeat 0 0; }

a#events {
	width: 169px;
	height: 30px;
	background: url(../images/menu/menu_12.jpg) no-repeat 0 0;
}

a#events:hover { background: url(../images/menu/menu_ro_12.jpg) no-repeat 0 0; }

a#aboutus {
	width: 169px;
	height: 30px;
	background: url(../images/menu/menu_13.jpg) no-repeat 0 0;
}

a#aboutus:hover { background: url(../images/menu/menu_ro_13.jpg) no-repeat 0 0; }

a#contact {
	width: 169px;
	height: 30px;
	background: url(../images/menu/menu_14.jpg) no-repeat 0 0;
}

a#contact:hover { background: url(../images/menu/menu_ro_14.jpg) no-repeat 0 0; }

a#membership {
	width: 169px;
	height: 30px;
	background: url(../images/menu/menu_15.jpg) no-repeat 0 0;
}

a#membership:hover { background: url(../images/menu/menu_ro_15.jpg) no-repeat 0 0; }

a#lounge-bar {
	width: 211px;
	height: 291px;
	background: url(../images/index/index_menu_17.jpg) no-repeat 0 0;
	margin-top: 5px;
}

a#lounge-bar:hover { background: url(../images/index/index_menu_ro_17.jpg) no-repeat 0 0; }

a#relaxed-dining {
	width: 218px;
	height: 291px;
	background: url(../images/index/index_menu_19.jpg) no-repeat 0 0;
	margin: 5px 7px 0px;
}

a#relaxed-dining:hover { background: url(../images/index/index_menu_ro_19.jpg) no-repeat 0 0; }

a#i_functions {
	width: 210px;
	height: 291px;
	background: url(../images/index/index_menu_21.jpg) no-repeat 0 0;
	margin-top: 5px;
}

a#i_functions:hover { background: url(../images/index/index_menu_ro_21.jpg) no-repeat 0 0; }

/* Main Container (Center Content) */
#container {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header {
	height: 60px;
	position: relative;
}

#outer_border {
	background: #be945c;
	padding: 10px;
}

#content {
	position: relative;
	background: #f3dbb5;
	width: 900px;
}

#leftcol {
	width: 247px;
	position: relative;
	float: left;
	background: #f3dbb5;
}

#rightcol {
	width: 653px;
	float: left;
	background: #f3dbb5;
	z-index: 1;
}

#imagebar { }

#rb_content {
	background: #e4c799;
	margin-top: 5px;
	padding: 10px;
}

#footer { position: relative; }

#h_spacer {
	height: 110px;
	position: relative;
	z-index: 10;
}

#art {
	position: absolute;
	top: -190px;
}

#leftcol_spacer { height: 190px; }

#leftcol_textbox {
	padding: 50px 40px 10px 40px;
	color: #9c1421;
	font-weight:bold;
}

#ph {
	color: white;
	font-weight:bold;
	position: absolute;
	right: 20px;
	top: 30px;
}

#ph span { color: #e0c8a2; }

#footer p {
	text-align: center;
	padding-top: 20px;
	color: white;
}

#footer a {
	text-decoration: none;
	color: white;
}

#footer a:hover { text-decoration: underline; }

.std_list ul {
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
 
.std_list ul li {
	background: url(../images/bullet.jpg) no-repeat 0 50%;
	padding-left: 25px;
	margin-bottom: 5px;
}

.imagebar {
	width: 633px;
	padding-top: 10px;
	padding-left: 10px;
}

.imagebar img {
	padding-right: 19px;
	padding-bottom: 20px;
	float: left;
}

/* nivo Slider */
#slider {
	position:relative;
	background:#202834 url(../images/slider/loading.gif) no-repeat 50% 50%;
	height: 288px;
	width: 653px;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-15px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(../images/slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

/*
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="all" title="All" charset="utf-8" />
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider({
		effect:'fade',
		slices:15,
		animSpeed:500,
		pauseTime:3000,
		startSlide:0,
		directionNav:true,
		directionNavHide:true,
		controlNav:false,
		keyboardNav:true,
		pauseOnHover:true,
		manualAdvance:false,
	});
});
</script>
*/

.order-table tr, .order-table tr td { padding: 2px; }