html
{
	background-color: #292420;
	background-image: url(../img/main_bg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

body
{
	font-size:Arial;	
	font-size:10pt;
	color:#fff;
}

div#wrapper
{
	width: 1020px;
	height:auto;
	position: relative;
	margin: 0 auto;
	z-index:1;
}


/* Header ====================================== */

header.main
{
	display:block;
	position: relative;
	width: 100%;
	float:left;
	height: 138px;
	z-index: 2;
	background-image: url(../img/bg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

@media only screen and (max-device-width: 768px) {
    header.main
	{
		width: 768px;
	}
}

@media only screen and (max-device-width: 1024px) {
    header.main
	{
		width: 1024px;
	}
}

header.main div.wrap
{
	width: 1020px;
	height:auto;
	position: relative;
	margin: 0 auto;	
}

header.main div.logo
{
	width:116px;
	height:130px;
	position:absolute;
	z-index:1;	
	top:0;
	left:95px;
	background-image: url(../img/main_logobg.png);
	background-repeat: no-repeat;		
}

header.main div.logo a
{
	display: block;
	width:100%;
	height:100%;
	background-image: url(../img/main_logo.gif);
	background-repeat: no-repeat;	
}

header.main div.fb
{
	display:block;
	width:auto;
	font-size:10pt;
	color:#fff;
	position:absolute;
	top:30px;
	right:50px;
}

header.main div.fb a
{
	font-family: "signikalight";
	color:#9f9b99;
	background-image: url(../img/fb_icon.png);
	background-repeat: no-repeat;
	background-position: right center;	
	text-decoration:none;
	padding:0 20px 0 0;	
	height:15px;
	display:block;
}

header.main div.menu-button
{
	display:none;
}

header.main nav
{
	display:block;
	width:auto;
	font-size:10pt;
	color:#e9c787;
	position:absolute;
	top:55px;
	right:40px;
}

header.main nav ul
{
	margin:0;
	padding:0;
	float:left;
}

header.main nav ul li
{
	margin:0 10px 0 10px;
	padding:0;
	float:left;
}

header.main nav li a
{
	font-family:"times_italic";
	display:block;
	color:#e9c787; 
	text-decoration:none;
	padding:5px 0px 1px 0px;
}

header.main nav li a:hover,
header.main nav li a.current
{
	background-image: url(../img/nav_selected_graphic.png);
	background-repeat: repeat-x;
	background-position: left bottom;	
}


/* Main ====================================== */

div.main
{
	position: relative;
	width: 100%;
	float:left;
	min-height:760px;
	margin:-138px 0 0 0;
	z-index:1;
}


div.main div.background
{
	position: absolute;
	width: 100%;
	height:864px;
	margin:0 0 0 0;	
	z-index:0;
	top:0px;
	left:0px;
	overflow:hidden;
	display:none;
}

div.mobile-bg
{
	display:none;
}


div.main div.landing
{
	width:940px;
	height:145px;
	margin:620px 40px 0 40px;
	position:relative;
	float:left;
}

div.main div.landing div.slide-list
{
	width:310px;
	float:right;
	background-image: url(../img/landing_arrow.png);
	background-repeat: no-repeat;
	background-position: 80px 0px;	
}

div.main div.landing div.slide-list ul
{
	width:290px;
	height:110px;	
	float:right;
	margin:6px 0 0 0;
	padding:10px 5px 10px 10px;
	background-color:#4a4138;	
	list-style:none;
}

div.main div.landing div.slide-list ul li
{
	float:left;	
	margin:1px;
}

div.main div.landing div.slide-list ul li a
{
	width:65px;
	height:49px;
	display:block;	
	border:solid 2px transparent;
}

div.main div.landing div.slide-list ul li a:hover,
div.main div.landing div.slide-list ul li a.current
{
	/*border:solid 2px #e9c787;*/
	border:solid 2px #e9c787;
}


div.main div.landing .landing-wrap
{
	background: rgb(43, 38, 34); 
	background: rgba(43, 38, 34, 0.9); 
	padding:5px;
	float:left;
}

div.main div.landing div.col
{
	width:295px;
	margin:0 15px 0 0;
	float:left;	
}

div.main div.landing div.col h1
{
	color:#e9c787;
	font-weight:normal;
	font-family:"times_italic";
	font-size:15pt;
	display:block;
	width:100%;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #806d4b;	
	padding:0 0 0 0;
	margin:0;
	
}

div.main div.landing div.col div.content
{
	padding:0 5px 0 130px;
	float:left;
	color:#fff;
	font-size:9pt;
	line-height:10pt;
	min-height:112px;
}

div.main div.landing div.col div.content p
{
	margin:10px 0 8px 0;
}

div.main div.landing div.col div.content a
{
	color:#4a4138;
	font-weight:bold;
	background-color:#e9c787;
	padding:3px 5px 3px 5px;
	display:inline-block;
	text-decoration:none;
	margin:0;
}

div.main div.landing div.col .promo
{
	background-image: url(../img/landing_promo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;		
}

div.main div.landing div.col .product
{
	background-image: url(../img/landing_product.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;		
}


/* Container  ================================== */

div.main div.container
{
	width:auto;
	height:auto;
	position:relative;
	z-index:0;
	background: rgb(43, 38, 34); 
	background: rgba(43, 38, 34, 0.9); 
	margin:155px 0 0 40px;
	font-size:9pt;
	
}

div.main div.container a
{
	color:#d4b67d;
}

div.main div.container h1
{
	color:#e9c787;
	font-weight:normal;
	font-family:"times_italic";
	font-size:18pt;
	display:block;
	width:100%;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #806d4b;	
	padding:0 0 0 0;
	margin:0 0 15px 0;
}

div.main div.container p
{
	float:left;	
}

/* About us  ================================== */

div.main div.aboutus
{
	width:580px;
	height:auto;
	position:relative;
	float:left;
	z-index:0;
	padding:20px;
}

/*
div.main div.aboutus img.intro
{
	width:200px;
	position:absolute;
	
	height:auto;
	top:0px;
	left:-50px;
	z-index:99;	
}
*/

div.main div.aboutus div.intro
{
	width:200px;
	height:160px;
	position:absolute;
	
	
	display:block;
	top:80px;
	left:-35px;
	z-index:99;	
}

div.main div.aboutus div.intro div.wrapper
{
	float:left;
	display:block;
	width:100%;	
	height:100%;
}

div.main div.aboutus div.intro img
{
	max-width:200px;
	*width:200px;	
}

div.main div.aboutus p.spacer
{
	padding:0 0 0 160px;
	position:relative;
}

/* Career  ================================== */

div.main div.career
{
	width:600px;
	height:auto;
	position:relative;
	float:left;
	z-index:0;
	padding:20px;
}

div.main div.career img.intro
{
	position:absolute;
	width:auto;
	height:auto;
	bottom:0px;
	right:-130px;
	z-index:99;	
}
div.main div.career img.intro-reverse
{
	display:none;
}

div.main div.career ul
{
	list-style:disc;
	margin:0;
	padding:0 0 0 15px;	
	float:left;
}

div.main div.career p.spacer
{
	padding:0 160px 0 0 ;
	position:relative;
}

div.main div.career p.bottom-gap
{
	height:60px;	
}

/* Membership  ================================== */

div.main div.membership
{
	width:720px;
	height:auto;
	position:relative;
	float:left;
	z-index:0;
	padding:20px;
}

div.main div.membership img.intro
{
	position:absolute;
	width:auto;
	height:auto;
	top:-15px;
	right:30px;
	z-index:99;	
}

div.main div.membership ul
{
	list-style:disc;
	margin:0;
	padding:0 0 0 15px;	
	float:left;
}

div.main div.membership p
{
	float:left;	
}

div.main div.membership div.col
{
	width:330px;
	float:left;
}

div.main div.membership .left
{
	margin-right:20px;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #806d4a;
	padding:0 20px 0 0;	
}

div.main div.membership .right
{
	margin:0;	
}

div.main div.membership a.link
{
	font-family:"signikalight";
	text-decoration:none;
	display:inline-block;
	background-color:#806d4a;
	color:#fff;
	font-size:10pt;	
	padding:5px 15px 5px 15px;
	margin-right:5px;
}

/* Festive ================================== */

div.main div.festive
{
	width:940px;
	height:auto;
	position:relative;
	float:left;
	z-index:0;
}

div.main div.festive div.wrap
{
	width:900px;
	height:auto;
	position:relative;
	float:left;
	z-index:0;
	padding:20px;
}

div.main div.festive ul
{
	list-style:disc;
	margin:0;
	padding:0 0 0 20px;	
	float:left;
}

div.main div.festive h2
{
	color:#e9c787;
	font-weight:normal;
	font-family:"times_italic";
	font-size:13pt;
	display:block;
	width:100%;
	float:left;
	padding:0;
	margin:0 0 15px 0;
}

div.main div.festive div.display
{
	width:940px;
	height:auto;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
	z-index:0;
}

#thumb-carousel
{
	width:90%;
	margin:20px 5%;
	position:relative;	
}

#thumb-carousel div.m-item
{
	width:82px;
	display:inline-block;
	margin:5px;
}

#thumb-carousel div.m-item img
{
	float:left;
	display:inline-block;
	cursor:pointer;
}

#thumb-carousel div.m-item p
{
	width:100%;
	float:left;
	text-align:center;
	display:inline-block;
	clear:left;
	
	font-size:9pt;
	line-height:10.5pt;
}

#thumb-carousel .m-carousel-controls
{
	display:none;
}

#thumb-carousel .m-carousel-controls a
{
	text-decoration:none;
}

/*
div.main div.festive ul.thumb
{
	width:auto;
	position:relative;
	list-style:none;
	margin:0 35px 0 35px;
	padding:0;
	float:left;
}

div.main div.festive ul.thumb li
{
	width:82px;
	float:left;
	margin:0 5px 0 5px;
}

div.main div.festive ul.thumb li a
{
	width:100%;
	float:left;	
	border:solid 2px transparent;
}

div.main div.festive ul.thumb li a:hover,
div.main div.festive ul.thumb li a.current
{
	border:solid 2px #e9c787;
}

div.main div.festive ul.thumb li p
{
	width:100%;
	float:left;	
	text-align:center;
	padding:10px 0 5px 0;
	margin:0;
	font-size:9pt;
	line-height:10.5pt;
}




div.main div.festive ul.full
{
	margin:0;
	padding:0;
	float:left;
}

div.main div.festive ul.full li
{
	width:940px;
	height:330px;
	float:left;
	margin:0;
	position:relative;
	z-index:0;
}

div.main div.festive ul.full li div.image
{
	display:block;
	width:100%;
	position:relative;
	z-index:0;
}

div.main div.festive ul.full li div.content
{
	width: 450px;
	height: 90px;
	position: absolute;
	bottom: 30px;
	right: 0;
	z-index:1;
	padding:15px;
}

div.main div.festive ul.full li div.content h2,
div.main div.festive ul.full li div.content p
{
	margin:0;
	padding:0;	
}
*/


/* Promotion ================================== */

div.main div.promotion
{
	width:900px;
	height:auto;
	position:relative;
	float:left;
	z-index:0;
	padding:20px;
}

div.main div.promotion h2
{
	color:#e9c787;
	font-weight:normal;
	font-family:"times_italic";
	font-size:13pt;
	display:block;
	width:100%;
	float:left;
	padding:0;
	margin:0 0 15px 0;
}

div.main div.promotion div.promo
{
	width:100%;
	float:left;	
	margin-top:20px;
}

div.main div.promotion div.tab
{
	width:80px;	
	float:left;
	min-height:770px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #806d4b;	
}

div.main div.promotion div.tab ul
{
	width:100%;
	margin:0 0 20px 0;
	padding:0;	
	list-style:none;
}

div.main div.promotion div.tab ul li
{
	padding:0 0 0 0;	
	cursor:default;
}

div.main div.promotion div.tab ul a
{
	display:block;
	text-decoration:none;
	color:#fff;	
	padding:5px 0 2px 0;	
}

div.main div.promotion div.tab ul a:hover,
div.main div.promotion div.tab ul a.current
{
	background-image: url(../img/promo_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;		
}

div.main div.promotion div.select-list
{
	width:250px;	
	float:left;
	margin-left:15px;
}

div.main div.promotion div.select-list ul
{
	width:100%;
	padding:0;	
	margin:0;
	list-style:none;
	display:none;
}

div.main div.promotion div.select-list ul li
{
	width:100%;
	padding:0;	
	margin:0 0 15px 0;
	float:left;
}

div.main div.promotion div.select-list div.image
{
	width:107px;
	float:left;
}

div.main div.promotion div.select-list div.text
{
	width:130px;
	float:left;
	margin-left:10px;
	padding-top:3px;
}

div.main div.promotion div.select-list div.text a,
div.main div.promotion div.select-list div.text p
{
	text-decoration:none;	
	float:left;
}

div.main div.promotion div.main-display
{
	width:540px;	
	float:right;
	display:none;
}

div.main div.promotion div.main-display img
{
	max-width:540px;	
}

div.main div.promotion .form-link
{
	color:#fff;
	float:right;
	margin:0 0 10px;
}

div.main div.promotion .form-link a
{
	color:#fff;
	text-decoration:none;
	padding:1px;
	display:inline-block;	
}
div.main div.promotion .form-link a:hover
{
	color:#fff;
	text-decoration:underline;	
}

div.main div.promotion .mobile-promo
{
	display:none;	
}


/* Product & Services  ================================== */

div.main div.products
{
	width:700px;
	height:auto;
	position:relative;
	float:left;
	z-index:0;
	padding:20px;
}

div.main div.products img.intro
{
	position:absolute;
	width:auto;
	height:auto;
	top:0px;
	left:-50px;
	z-index:99;	
}

div.main div.products p.spacer
{
	padding:0 0 0 160px;
	position:relative;
}

div.main div.products h2
{
	color:#e9c787;
	font-weight:normal;
	font-family:"times_italic";
	font-size:13pt;
	display:block;
	width:100%;
	float:left;
	padding:0;
	margin:0 0 15px 0;
}

div.main div.products div.mobile-wrap
{
	padding:0;
	margin:0;
	height:auto;
	display:inline-block;	
}

div.main div.products div.row
{
	width:100%;
	float:left;
	margin:0 0 10px 0;	
}

div.main div.products div.row h2
{
	margin:0;	
}

div.main div.products div.row p
{
	margin:0;	
}

div.main div.products div.row .image
{
	margin-top:5px;
	float:left;
}

div.main div.products div.text
{
	width:480px;
	margin-left:20px;
	float:left;
}

/* Contact Us  ================================== */

div.main div.contactus
{
	width:680px;
	height:auto;
	position:relative;
	float:left;
	z-index:0;
	padding:20px;
}

div.main div.contactus .note
{
	padding-bottom:10px;
	display:none;
}

div.main div.contactus .error
{
	color:#F00;
	font-style:italic;
	font-size:8pt;
	display:none;
}
div.main div.contactus .errorCol{display:none;}


div.main div.contactus div.map
{
	width: 100%;
	height:200px;
	float: left;
	position: relative;
	margin-bottom: 20px;

}

#map-canvas
{
	height:100%;	
}

div.main div.contactus form
{
	width:435px;
	float:left;
	color:#6f6d67;
}

div.main div.contactus form table
{
	float:left;
	width:100%;
	background-color:#fff;
	border:solid 1px #d1d0ce;
}

div.main div.contactus form input[type="text"],
div.main div.contactus form textarea
{
	width:300px;
	border:none;
	background:transparent;	
}

div.main div.contactus form input[type="submit"],
div.main div.contactus form input[type="reset"]
{
	float:left;
	margin-right:10px;
	padding:3px 10px 3px 10px;
	font-weight:bold;
}

div.main div.contactus div.cta
{
	float:left;
	margin:15px 0 0 0;
}

div.main div.contactus form textarea
{
	height:80px;	
}

div.main div.contactus form table tr.underline
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1d0ce;	
}

div.main div.contactus form table td
{
	padding:10px 5px 10px 5px;
}

div.main div.contactus form table .label
{ 
	width:110px;
	font-weight:bold;
}

div.main div.contactus div.info
{
	width:220px;
	float:right;
}

div.main div.contactus div.info p
{
	margin:0;
	padding:0 0 20px 0;	
}

div.main div.contactus div.info span.orange
{
	color:#e9c787;
}

/* Footer ====================================== */

footer.main
{
	position: relative;
	width: 940px;
	height:85px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #806d4a;	
	margin:20px 40px 25px 40px;	
	font-size:9pt;
	color:#806d4a;	
	z-index:1;
	float:left;
}

footer.main div.badge
{
	position:absolute;
	top:0px;
	right:0px;
	width:122px;
	height:85px;	
}

footer.main div.badge a
{
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/reserve_badge.png);
	background-repeat: no-repeat;
}

footer.main nav
{
	width:85%;
	display:block;
	float:left;
	margin:15px 0 0 10px;
}

footer.main nav a	{ color:#806d4a; text-decoration:none; padding:0 2px 0 2px;}
footer.main nav a:hover { text-decoration:underline; }

footer.main p
{
	width:85%;
	font-size:9pt;
	float:left;	
	margin:5px 0 0 12px;
}



/* Product Popup Overlay ====================================== */

div#product-wrapper
{
	width:920px;
	height:auto;
	position:relative;
	background-color:#4c4239;
	font-size:9pt;
	z-index:0;
	padding:20px;
	overflow:hidden;
}

div#product-wrapper a.close
{
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 99;
	background-image: url(../img/close_btn.png);
	background-repeat: no-repeat;
	background-position: center center;	
}

div#product-wrapper a
{
	color:#d4b67d;
}

div#product-wrapper h1
{
	color:#e9c787;
	font-weight:normal;
	font-family:"times_italic";
	font-size:18pt;
	display:block;
	width:100%;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #806d4b;	
	padding:0 0 0 0;
	margin:0 0 15px 0;
}

div#product-wrapper div.wrap
{
	width:100%;
	float:left;	
}

div#product-wrapper div.product
{
	width:216px;
	overflow:hidden;
	float:left;	
	margin-right:18px;	
	padding-bottom:25px;
}

div#product-wrapper div.product div.image
{
	width: 216px;
	height: 105px;
	float: left;
	background-image: url(../img/product/product_shadow.png);
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	background-position: left bottom;
}
div#product-wrapper div.product div.image img
{
	width: 216px;
}

div#product-wrapper div.product div.content
{
	width:100%;
	float:left;	
}

div#product-wrapper div.product div.content h2
{
	font-size:9pt;
	color:#e9c787;	
	padding:0;
	margin:0;
	float:left;
}

div#product-wrapper div.product div.content p
{
	padding:0;
	margin:0;
	float:left;
}

div#product-wrapper div.nomargin
{
	margin-right:0;	
}

/*=============================================*/

div.o_banquet{}
div.o_banquet div.product div.image
{
	height: 125px !important;		
}

div.o_dimsum
{
	background-image: url(../img/product/dimsum/dimsum_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
div.o_dimsum div.product
{
	width: 300px !important;	
}
div.o_dimsum div.product div.image
{
	width: 300px !important;		
	height: 164px !important;	
	background-image: url(../img/product/product_shadow_t2.png) !important;	
}
div.o_dimsum div.product div.image img
{
	width: 300px !important;
}



div.o_bakery
{
	background-image: url(../img/product/bakery/bakery_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
div.o_bakery div.product
{
	width: 300px !important;	
}
div.o_bakery div.product div.image
{
	width: 300px !important;		
	height: 164px !important;	
	background-image: url(../img/product/product_shadow_t2.png) !important;	
}
div.o_bakery div.product div.image img
{
	width: 300px !important;
}