@charset "utf-8";
/* @group RESET */
/* Resets default browser CSS styles.
   Original by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* @end RESET */
/* @group Developer Classes */
.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.hidden {left:-9999px; position:absolute;}
.debug {border:1px solid red;}
.alignLeft {text-align:left !important;}
.alignRight {text-align:right !important;}
.alignCenter {text-align:center !important;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.clearBoth {clear:both; overflow:hidden; height:0; font-size:1px;}
.clearLeft {clear:left !important;}
.clearRight {clear:right !important;}
.hide {display:none !important;}
.highlight {background-color:#ffc;}
.noBackground {background:none !important;}
.noBorder {border:none !important;}
.noMargin {margin:0 !important;}
.noPadding {padding:0 !important;}
.noBold {font-weight:normal !important;}
.highlight {background:#ffc;}
/* @end Developer Classes */
/* @group Typography */

/* @group Body */
body {font-family:arial, helvetica, tahoma;  font-size: 13px; color:#937969; background: #390101 url('../images/body-bg.png') no-repeat center top;}

/* @end Body */

/* @group Headings */
h1,h2,h3,h4,h5,h6 {clear:both; cursor:default; font-family: georgia; font-weight:normal; line-height:110%;}
h1 { font-size: 21px; color:#ffffff; margin-bottom:25px;}
	h1.ornament-1 { padding:0 0 21px 62px; text-indent:-30px; background: transparent url('../images/h1-ornament.png') 3px 20px no-repeat; margin-bottom:0;}
	h1.ornament-2 { padding:0 0 30px 62px; text-indent:-30px; background: transparent url('../images/h1-ornament-2.png') 0px 2px no-repeat; margin-bottom:0;}

h2 { font-size: 15px; color:#a4a4a4;}
h3 { font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }
/* @end Headings */

/* @group Text Elements */
ul, ol      {  }
ul li		{ list-style-type:none;}
ol          { list-style-type: decimal; }
ol li		{ margin-left: 5px; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }
blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }
hr 			{ display: none; }
p           { margin: 5px 0px; text-align:left; line-height:1.5; }
a           { text-decoration: none; color:#ffffff;font-family:Georgia;}
a:hover     { text-decoration: underline;} 
/* @end Text Elements */

/* @group Tables */
table   { margin:0; }
thead 	{ background-color: #006ab5; }
th		{ padding: 5px 10px; font-size: 15px; }
td		{}
th      { font-weight:bold; }
/* @end Tables */


/* @end Typography */

/* @group Layout */

	/* @group members */
		body#members div#header {float:left; position:relative; width:950px; height:369px;  background: transparent url('../images/banner-members.jpg') no-repeat top left;}
		ul.content { padding-left: 55px; }
		ul.content li { list-style-type:none; color: #f1e5cb; padding:8px 10px; }
		ul.content li span { padding-left: 10px; font-size: 12px; }
		body#members div#right-column {
		float:right;
		padding:30px 109px 0;
		width:251px;}
		
		body#members div#right-column form { padding: 30px 0; }
		body#members div#right-column-thanks { float:right; padding:20px 0 50px 30px; width:450px;}
		body#members div#right-column-thanks ul.content { padding-left: 52px; }	
		body#members div#right-column-thanks ul.content li span { padding-left: 15px !important; }	

		#right-column-thanks h2 { padding: 20px 0 20px 62px; }
#right-column-thanks p { padding:30px 0 0  62px; }
	/* @end */





body#systemessages div#header {float:left; position:relative; width:950px; height:414px;  background: transparent url('../images/header-system.jpg') no-repeat top left;}
body#systemessages div#right-column { padding:60px 0 60px 62px; width:419px;}
body#systemessages div#right-column h1 { font-size: 24px;}
body#systemessages div#right-column p { padding: 0 40px 0 0px}
div#wrap {  position:relative; width:950px; padding:0; margin:0 auto; background: transparent url('../images/container-bg.png') repeat-y top left;}
div#wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#left-column {float:left; width:439px; padding: 30px 0 0 30px;}

div#container { float:left; width:950px; height: auto;  }
	div#right-column { float:right; width:481px; padding: 30px 0 60px 0;}
		div#right-column p { padding:0 62px 0 62px;}
		div#right-column img.content-img { padding:0px 0px 0 62px;}	
div#footer { position: relative;float:left; width: 950px; height:50px; background-color:#090a0a;border-top: 3px #1f1f1f solid;  }
	div#footer p {  text-align:center; font-family:georgia; color:#383837; padding: 9px 0; }
		div#footer a { font-family:georgia; color:#383837;  }
		div#footer div#signature {position:absolute;width: 125px;  right: 3px; top: 8px; padding: 10px 0px; }
		div#footer div#signature span {float:left;font-family:georgia; color:#383837; font-size:11px; line-height:100%;padding-right: 5px; }
		div#footer div#signature img {float: left; margin:auto 0;clear:right; padding-right:10px}
				div#footer div#signature a {margin: 0; padding: 0;}
div#footer div#reservation-btn {position:absolute; top:60px }
/* @group Navigation */

div#navigation { position:absolute; top:10px; right:241px; width:240px; height:auto; }

ul#sliding-navigation
{	list-style-type:none;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 22px;
}



li.sliding-element {list-style-type:none;}

ul#sliding-navigation li.sliding-element a
{	color:#f3e5ca;
	line-height:85%;
	display: block;
	width: 175px;
	height: 16px;
	padding: 8px 0px 8px 18px;
	margin: 7px 0;
	display: block;
	font-family:Georgia;
	font-size: 18px;
	color:#f3e5ca;
	background: transparent url('../images/nav-bg.png') no-repeat top right;
	text-decoration: none;}
	
ul#sliding-navigation li.sliding-element a:hover { font-family:Georgia; font-size: 18px;color: #ffffff; }

ul#sliding-navigation li.sliding-element a#nav-press-current, ul#sliding-navigation li.sliding-element a#nav-reservations-current,ul#sliding-navigation li.sliding-element a#nav-home-current,ul#sliding-navigation li.sliding-element a#nav-whatson-current,ul#sliding-navigation li.sliding-element a#nav-menu-current,ul#sliding-navigation li.sliding-element a#nav-functions-current,ul#sliding-navigation li.sliding-element a#nav-photo-gallery-current,ul#sliding-navigation li.sliding-element a#nav-contact-current,ul#sliding-navigation li.sliding-element a#nav-members-current,ul#sliding-navigation li.sliding-element a#photo-gallery-current {background: transparent url('../images/nav-bg-hover.png') no-repeat top right;}

/* @end Navigation */

/* @group Home */
/*body#home div#header {float:left; position:relative; width:950px; height:584px;  background: transparent url('../images/header-home.jpg') no-repeat top left;}*/
body#home div#header {float:left; position:relative; width:950px; height:369px;  background: transparent url('../images/header-home2.jpg') no-repeat top left;}

	body#home div#wrap div#container div#left-column {float:left; width:468px; height:134px; background-color:#090a0a; padding: 30px 0 0 0}
		body#home div#container div#left-column div.text-box-rhs {float:left; width: 413px;  padding:0 20px 0 35px;   }
		body#home div#container div#left-column div.text-box-rhs h1 { font-size:18px; color:#a1a1a1;text-indent:-10px; padding-bottom:18px; margin-top:0;  margin-bottom:0; }
		body#home div#container div#left-column div.text-box-rhs p { font-family:georgia; font-size:14px; color:#545454; padding-left:5px;} 



	body#home div#wrap div#container div#right-column {float:right; width:482px; height:164px; background: #111111 url('../images/rhs-home-bg.jpg') no-repeat top left ; padding: 0 0 0 0;   }
body#home div#wrap div#container div#right-column #home-photo-webapp {float:left; width: 482px; height:164px; overflow:hidden;}
	body#home div#wrap div#container div#right-column #home-photo-webapp div.photo-container { float:left; /*width:117px; height:160px;*/ }
	body#home div#wrap div#container div#right-column #home-photo-webapp div.photo-container img { /*width:117px;*/}
	body#home div#wrap div#container div#right-column #home-photo-webapp img {  border:0; margin:0; padding:0; }


a.btJobs{width:213px; height:43px; overflow:hidden; text-indent:-9999px; position:absolute; top:2px; left:1px; background: transparent url('../images/bt-jobs.png') no-repeat;}
a.btJobs2{width:213px; height:43px; overflow:hidden; text-indent:-9999px; margin:0; padding:0; float:left; background: transparent url('../images/bt-jobs.png') no-repeat;}
a:hover.btJobs, a:hover.btJobs2{background-position:bottom left;}

/* @end home */

/* @group Whats-on */
/*
------------- This is the original header....
body#whatson div#header {float:left; position:relative; width:950px; height:462px;  background: transparent url('../images/header-about.jpg') no-repeat top left;} */

/*
-------------- If you need to move the columns across, uncomment these lines body#whatson div#wrap div#container div#right-column {float: left; width:419px; padding: 30px 0 0 50px;}
body#whatson div#wrap div#container div#right-column img {padding: 0;}

body#whatson div#wrap div#container div#right-column p.literature-container {
padding: 0}
body#whatson div#wrap div#container div#left-column {float: right; width:446px; padding: 30px 0 60px 35px;}*/

body#whatson div#wrap div#container div#right-column img.content-img {padding-left: 55px;}

body#whatson div#wrap div#container div#left-column {
	padding-bottom: 80px;
}

body#whatson div#header {float:left; position:relative; width:950px; height:369px;  background: transparent url('../images/header-about2.jpg') no-repeat top left;}
	body#whatson div#container { background: transparent url('../images/clandle-bg.jpg') no-repeat bottom left; }
	
	#accordion {float:left; width: 390px; font-family:georgia; margin-left: 10px; }
	#accordion h3  {float:left;  width: 390px; clear: both;color: #f3e5ca; margin-right:10px; height: 20px; clear:none; line-height:100%; border-bottom: 1px dotted #f3e5ca; background: transparent url('/images/arrow-weektable.jpg') no-repeat top right; padding-top:6px; cursor:pointer}
	#accordion h3 a:hover {text-decoration: none; background-color: #313130; display: block}
	
	#accordion div { float: left;clear: both; height: 90px; width: 370px;color:#937969; padding: 0 10px}

	#accordion h3 strong { float: left; width: 90px; padding: 0 0 0 10px ;color: #f3e5ca; font-weight:normal;}
ul.showcase { padding: 0 62px 0 72px; color: rgb(243, 229, 202); } 
p.title-agenda { color:#fff; margin-top:20px }
h2.header-2 { padding: 0 0 0 62px }/* @end */





/* PRESS */
div.press{width:920px; padding:0 30px; margin: 0 auto; text-align:center;}
div.pressBox{width:170px; float:left; margin:5px 5px 25px 5px;}
div.pressBox div.image{width:150px; overflow:hidden; text-align:center; height: 110px; background:#300; border:2px solid #300;}
div.pressBox div.image img{width:150px; height: auto;}
div.pressBox div.name{width:150px; overflow:hidden; text-align:center; height: 30px; font-size:13px;margin:10px 0 0 0;}

div.pressBig div.name{color:#fff; font-family: Georgia; margin:10px 0; font-size:22px;}

div.pressBig div.text{color:#fff; font-family: Georgia; margin:10px 0;}



/* @group Functions */
body#functions h1.ornament-2 {
	width: 300px;
	margin-left: 31px;
	padding-bottom: 10px;
	
}
body#functions div#header {float:left; position:relative; width:950px; height:369px;  background: transparent url('../images/header-functions.jpg') no-repeat top left;}


body#functions div#left-column form { float: none; width: 264px;padding-bottom:40px; margin: 0 auto; }
body#functions div#right-column {float: left; width:439px; padding: 30px 0 0 30px;}
body#functions div#left-column {float: right; width:481px; padding: 30px 0 60px 0; }

/* Form general */
div.row { clear:both; width:250px; padding:5px 0 ;}
.input-textfield { padding:3px; background: #151515; border: 3px double #363636; width:250px; font-family:Georgia;
font-size:0.9em; color:#fff;}
.cat_textbox { padding:3px; background: #151515; border: 3px double #363636; width:175px;font-family:georgia; color:#ffffff;font-size:0.9em; }
textarea { font-family:Georgia; font-size:0.9em; overflow:auto; -moz-background-clip:border; -moz-background-inline-policy:continuous;
-moz-background-origin:padding; background:#151515 none repeat scroll 0 0; color: #fff; font-family:Georgia;font-size:0.9em; height:72px; overflow:auto;}
form label {font-size:13px; font-family:georgia; color: #f3e5ca; margin-bottom:9px;}
form label em {font-size:12px; color: #c3b7a0; }
/* Form general END */


/* @end */

/* @group Gallery */
body#gallery div#header {float:left; position:relative; width:950px; height:369px;  background: transparent url('../images/header-gallery.jpg') no-repeat top left;}
body#gallery div#gallery-container {float:left; clear:both; width:950px; padding:30px 0 60px 0; }
	body#gallery div#gallery-container h1.ornament-2 {margin-left: 62px; padding-bottom:10px}
body#gallery div.gallery { float:left; clear:both; width:810px; padding:0 70px; background-color:#151515; }
	div.gallery img { border:2px solid #363636; }
	div.gallery p { text-indent: 10px; }
	div.gallery h2 { text-indent: -3px; }
	body#gallery h1.ornament-2	{ padding:0 0 25px 62px; text-indent:-30px; background: transparent url('../images/h1-ornament-2grey.png') 0px 2px no-repeat; margin-bottom:0;}
body#gallery div#container { background-image:none; background-color:#151515;}
	body#gallery table td { border:none; }
/* @end */
/* @group Contact */
body#contact div#header {float:left; position:relative; width:950px; height:369px;  background: transparent url('../images/header-contact.jpg') no-repeat top left;}
	body#contact div#left-column form {  padding-bottom:40px; padding-top:20px; }

body#contact h1.ornament-2 { padding-bottom:10px}

/*
------------ Uncomment these lines to roll back the columns across
body#contact div#right-column { width:470px}
body#contact div#left-column { width:251px; padding:30px 109px 0 109px;}
	body#contact div#right-column h2 {  padding-left:50px;}
	body#contact div#right-column h1 {  margin-left:30px; }
*/

body#contact div#right-column { float: left; width:439px; padding:30px 0px 0 0px; }


body#contact div#left-column {float: right; width:251px; padding:30px 109px 0 109px;}
	body#contact div#right-column h2 {  padding-left:50px;}
	body#contact div#right-column h1 {  margin-left:30px; }
p#google-map { margin-top:30px; }

/* @end Contact */

/* @group Menu */
body#menu h1.ornament-2 {
	margin-left: 31px;
	padding-bottom: 10px;
}
body#menu div#container { background: transparent url('../images/chair-bg.jpg') no-repeat bottom left; }
/*
---------- uncomment these lines to change the columns across
body#menu div#container div#left-column { width: 335px; padding-left:83px }

body#menu div#container div#left-column img { width: 300px; height: auto;}*/

body#menu div#container {background-position: bottom right; }
body#menu div#container div#left-column { float:right; width: 391px; padding:30px 0 0 90px }
/*body#menu div#container div#left-column img { width: 300px;height: auto;}*/
body#menu div#container div#right-column {float: left;  width: 421px;padding:30px 0 60px 20px}
body#menu div#header {float:left; position:relative; width:950px; height:369px;  background: transparent url('../images/header-menu.jpg') no-repeat top left;}

div#menu-btns { display:block; float: left;width:350px; padding-left:62px; padding-top:10px;}
	div#menu-btns a span { position:absolute; top:0; left:0;padding:4px; background-color: #363636; font-size: 11px; }	

/* div#menu-btns a { position:relative; float:left; width:129px; height:129px; margin:0 40px 40px 0; } */

div#menu-btns a { position:relative; float:left; width:90px; height:90px; margin:0 20px 20px 0; }
	a#general-btn { background: transparent url('../images/general-btn2.jpg') no-repeat top left }
	a#yumcha-btn { background: transparent url('../images/yumcha-btn2.jpg') no-repeat top left; }
	a#banquet-btn { background: transparent url('../images/banquet-btn2.jpg') no-repeat top left;}
	a#wine-btn { background: transparent url('../images/wine-btn2.jpg') no-repeat top left; }
	a#canape-btn { background: transparent url('../images/canape-btn2.jpg') no-repeat top left; }
	a#cocktail-btn { background: transparent url('../images/cocktail-btn2.jpg') no-repeat top left; }	

a#general-btn:hover,a#yumcha-btn:hover,a#banquet-btn:hover,a#wine-btn:hover,a#cocktail-btn:hover,a#canape-btn:hover {background-position: bottom left; text-decoration:none;}
div#menu-btns h2 { margin: 0  0 10px 0; width: 298px;border-bottom:1px solid #a4a4a4;}

div#lhs-box {  width: 381px; height:167px; float: left; padding: 15px;background: #151515 url('../images/celebrities-bg.jpg') no-repeat top left; }	
			div#lhs-box h2 { padding-left:10px; }

			div.food-picbox {  float:left; width:162px; height:123px; display:block; background: transparent url('../images/celeb-box.png') no-repeat top left; padding:13px; border:0;}
			div.food-picbox img { border:3px solid #363636; }	

.bannerRHS img{width:300px; height: auto;}
.bannerRHS p{margin-bottom:15px;}
hr.dot{color: #937969; background-color: #fff; border: 1px dotted #ff0000; border-style: none none dotted;
/* @end Menu */
/* @group Reservations */
div#booking-calendar { width:300px; padding-left: 62px; } 
/* @end Reservations */
/* @end Layout */