/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#baseline corrections
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Typography (baseline corrections)
================================================== */
	body {
		font-size: 12px;
		line-height: 24px;
		font-family: "Open Sans", "Verdana", sans-serif;
		background: #efd9bc;
	}
	h1 {
		font-family: 'Cinzel', serif;
	}
	h2, h3, h4, h5, h6 {
		font-family: 'Cinzel', serif;
	}
	 
	h1 { font-size: 36px; line-height: 48px; margin-bottom: 12px;}
	h2 { font-size: 30px; line-height: 42px; margin-bottom: 6px; }
	h3 { font-size: 24px; line-height: 36px; margin-bottom: 6px; }
	h4 { font-size: 18px; line-height: 30px; margin-bottom: 6px; font-weight: bold; }
	h5 { font-size: 16px; line-height: 24px;}

	p { margin: 0 0 24px 0; }
	p.lead { line-height: 30px; }


/*	Blockquotes  */
	blockquote, blockquote p { line-height: 24px;}
	blockquote { margin: 0 0 24px; padding: 6px 20px 0 19px; }

	hr { margin: 12px 0 30px;}
	
/* #Lists (baseline corrections)
================================================== */
	ul, ol { margin-bottom: 24px; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 6px 0 6px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	
/* #Site Styles
================================================== */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.pgBackground {
	/*background: #efd9bc url('../images/header.jpg') no-repeat 50% 90px;*/
	background: #eac698;
}
#header {	
	width: 100%;
	margin: 10px 0 0 0;
}
.headerimage img{	
	width: 100%;
}
#navi {	
	width: 100%;
}
#content {	
	width: 100%;
}
#footer {	
	width: 100%;
}
#dining_sub {
	float: right;
}

#dining_sub .floatLeft {
	float: right;
}

#goodies_sub {
	float: right;
}

#goodies_sub img{
	width: 200px;
}

#goodies_sub .floatLeft {
	float: right;
}

.content_info{
	padding: 21px 10px;
}

.footer_content{
	padding: 14px 10px;
}

.content_info_image{
	padding: 0 0 10px 10px;
}

.content_info ul{
	list-style-type: square;
	list-style-position: outside;
	margin-left: 15px;
}
.content_info ul li{
	margin: 0;
}

.dining_list{
	padding-bottom: 10px;
}

.dining_list h5 {
	padding: 0 10px 10px 10px;
	font-size: 15px;
}

.dining_list p {
	padding: 10px;
}

.dining_list img {
	border: 0px;
	padding-right: 10px;
	float: left;
	width: 200px;
	height: 300px;
}

.borderTop{
	border-top: 1px solid #3c202a;
}

.alignCenter{
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.alignRight{
	position: relative;
	margin: 0 auto;
	text-align: right;
}
.alignLeft{
	position: relative;
	margin: 0 auto;
	text-align: left;
}

.floatRight{
	position: relative;
	float: right;
}
.floatLeft{
	position: relative;
	float: left;
}

.intropara ul{
	list-style-position: inside;
}
.padRight10{
	padding-right: 20px;
}
.padRight{
	padding-right: 4px;
}
.padRight_r{
	padding-right: 4px;
}
.padBottom{
	padding-bottom: 4px;
}
.img_100{	
	width: 200px;
	height: 300px;
}
.img_100_1{	
}


.breadcrumbs{
	font-size: 10px;
	color: #333333;
}
.breadcrumbs a{
	text-decoration: none;
}

.center_navi{
	position: relative;
	float: left;
}

.navi_wrapper {
	margin: auto;
	position: relative;
	text-align: center;
	vertical-align: middle;
	align: center;
	width: 90%;
}


.navi_staycation a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-indent: -5000px ;/* this move the text outside of the screen area */
	display:block;
	width:204px;
	height:94px;
	background: url('../images/navi_festive_staycation.png') no-repeat;
	
}
.navi_staycation a:hover {
	background: url('../images/navi_festive_staycation.png') 0px -95px no-repeat;
	
}

.navi_dining a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-indent: -5000px ;/* this move the text outside of the screen area */
	display:block;
	width:204px;
	height:94px;
	background: url('../images/navi_festive_dining.png') no-repeat;
}
.navi_dining a:hover {
	background: url('../images/navi_festive_dining.png') 0px -95px no-repeat;
}

.navi_goodies a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-indent: -5000px ;/* this move the text outside of the screen area */
	display:block;
	width:204px;
	height:94px;
	background: url('../images/navi_festive_goodies.png') no-repeat;
}
.navi_goodies a:hover {
	background: url('../images/navi_festive_goodies.png') 0px -95px no-repeat;
}

.navi_celebrations a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-indent: -5000px ;/* this move the text outside of the screen area */
	display:block;
	width:204px;
	height:94px;
	background: url('../images/navi_celebrations.png') no-repeat;
}
.navi_celebrations a:hover {
	background: url('../images/navi_celebrations.png') 0px -95px no-repeat;
}


.button_booknow a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-indent: -5000px ;/* this move the text outside of the screen area */
	display:block;
	width:207px;
	height:63px;
	background: #333333 url('../images/but_booknow.png') 50% 50% no-repeat;
	
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
.button_booknow a:hover {
	background: #000000 url('../images/but_booknow.png') 50% 50% no-repeat;
}



.button_square a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-indent: -5000px ;/* this move the text outside of the screen area */
	display:block;
	width:204px;
	height:61px;
	background: url('../images/btn_square.png') no-repeat;
	
}
.button_square a:hover {
	background: url('../images/btn_square.png') 0 -61px no-repeat;
}

.button_kinta a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-indent: -5000px ;/* this move the text outside of the screen area */
	display:block;
	width:204px;
	height:61px;
	background: url('../images/btn_kinta.png') no-repeat;
	
}
.button_kinta a:hover {
	background: url('../images/btn_kinta.png') 0 -61px no-repeat;
}


.button_makereservation a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-indent: -5000px ;/* this move the text outside of the screen area */
	display:block;
	width:204px;
	height:61px;
	background: url('../images/btn_make_reservations.png') no-repeat;
}
.button_makereservation a:hover {
	background: url('../images/btn_make_reservations.png') 0px -62px no-repeat;
}

.button_makeenquiry a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-indent: -5000px ;/* this move the text outside of the screen area */
	display:block;
	width:204px;
	height:61px;
	background:('../images/btn_make_enquiry.png') no-repeat;
}
.button_makeenquiry a:hover {
	background: url('../images/btn_make_enquiry.png') 0px -62px no-repeat;
}


.button_order a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-indent: -5000px ;/* this move the text outside of the screen area */
	display:block;
	width:204px;
	height:61px;
	background: url('../images/btn_order.png') no-repeat;
}
.button_order a:hover {
	background: url('../images/btn_order.png') 0px -62px no-repeat;
}
.form_select_quantity {
	width: 50px;
}
.table_listing {
	color: #333333;
}

.deli td{
	color: #333333;
	padding: 5px;
	vertical-align: top;
}

.pricelist td{
	padding: 3px 5px; 
	color: #333333;
}
.heading{
	color: #333333;
	font-weight: bold;
}

.required {
	color: #d00;
	padding: 0 3px 0 0 ;
}
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		
		.padRight_r{
			padding-right: 200px;
		}
		
		#dining_sub .padRight_r {
			padding-right: 4px;
		}
		#goodies_sub .padRight_r {
			padding-right: 4px;
		}
		.navi_wrapper {
			width: 700px;
		}.navi_staycation a {
			width:175px;
			height:82px;
			background-size: 100%;
		}
		.navi_staycation a:hover {
			width:175px;
			height:82px;
			background-size: 100%;
			background-position: 0px -82px;
		}		
		.navi_dining a {
			width:175px;
			height:82px;
			background-size: 100%;
		}
		.navi_dining a:hover {
			width:175px;
			height:82px;
			background-size: 100%;
			background-position: 0px -82px;
		}		
		.navi_goodies a {
			width:175px;
			height:82px;
			background-size: 100%;
		}
		.navi_goodies a:hover {
			width:175px;
			height:82px;
			background-size: 100%;
			background-position: 0px -82px;
		}
		.navi_celebrations a {
			width:175px;
			height:82px;
			background-size: 100%;
		}
		.navi_celebrations a:hover {
			width:175px;
			height:82px;
			background-size: 100%;
			background-position: 0px -82px;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.navi_wrapper {
			width: 420px;
		}
		.navi_staycation a {
			width:204px;
			height:94px;
		}
		.navi_staycation a:hover {
			width:204px;
			height:94px;
			background-size: 100%;
			background-position: 0px -94px;
		}
		
		.navi_dining a {
			width:204px;
			height:94px;
		}
		.navi_dining a:hover {
			width:204px;
			height:94px;
			background-size: 100%;
			background-position: 0px -94px;
		}
		
		.navi_goodies a {
			width:204px;
			height:94px;
		}	
		.navi_goodies a:hover {
			width:204px;
			height:94px;
			background-size: 100%;
			background-position: 0px -94px;
		}
		
		.navi_celebrations a {
			width:204px;
			height:94px;
		}	
		.navi_celebrations a:hover {
			width:204px;
			height:94px;
			background-size: 100%;
			background-position: 0px -94px;
		}
		
		.padRight_r{
			padding-right: 0px;
		}
		
		.alignRight{
			position: relative;
			margin: 0 auto;
			text-align: center;
		}
		.alignLeft{
			position: relative;
			margin: 0 auto;
			text-align: center;
		}
		#goodies_sub  {
			padding-top: 20px;
		}
		#goodies_sub .floatLeft {
			float: left;
			padding-left: 20px;
		}
		#goodies_sub img{
			width: 150px;
		}	
		.dining_list img {
			padding-bottom: 10px;
			align: center;
		}	
		.dining_list h5 {
			padding: 0px;
		}	
		.dining_list p {
			padding: 0px;
		}
		
			
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.alignRight{
			position: relative;
			margin: 0 auto;
			text-align: center;
		}
		.alignLeft{
			position: relative;
			margin: 0 auto;
			text-align: center;
		}
		.navi_wrapper {
			width: 300px;
		}
		.navi_staycation a {
			width:142px;
			height:65px;
			background-size: 100%;
		}
		.navi_staycation a:hover {
			width:142px;
			height:65px;
			background-size: 100%;
			background-position: 0px -65px;
		}		
		.navi_dining a {
			width:142px;
			height:65px;
			background-size: 100%;
		}
		.navi_dining a:hover {
			width:142px;
			height:65px;
			background-size: 100%;
			background-position: 0px -65px;
		}		
		.navi_goodies a {
			width:142px;
			height:65px;
			background-size: 100%;
		}
		.navi_goodies a:hover {
			width:142px;
			height:65px;
			background-size: 100%;
			background-position: 0px -65px;
		}
		.navi_celebrations a {
			width:142px;
			height:65px;
			background-size: 100%;
		}
		.navi_celebrations a:hover {
			width:142px;
			height:65px;
			background-size: 100%;
			background-position: 0px -65px;
		}
		
		#dining_sub .floatLeft {
			float: left;
			padding-left: 20px;
		}
		#goodies_sub  {
			padding-top: 20px;
		}
		#goodies_sub img{
			width: 100%;
		}
		#goodies_sub .floatLeft {
			float: left;
			padding-left: 20px;
		}
				
		.dining_list img {
			width: 100%;
			padding-bottom: 10px;
		}	
		.dining_list h5 {
			padding: 0px;
		}	
		.dining_list p {
			padding: 0px;
		}
		.img_100 img {
			width: 100%;
		}
		.img_100_l img {
			width: 100%;
		}
		
		.intropara ul{
			list-style-position: outside;
		}
		
		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
/*
	@font-face {
	    font-family: 'NexaBold';
	    src: url('../fonts/nexafree_bold_macroman/Nexa_Free_Bold-webfont.eot');
	    src: url('../fonts/nexafree_bold_macroman/Nexa_Free_Bold-webfont.eot?iefix') format('eot'),
	         url('../fonts/nexafree_bold_macroman/Nexa_Free_Bold-webfont.woff') format('woff'),
	         url('../fonts/nexafree_bold_macroman/Nexa_Free_Bold-webfont.ttf') format('truetype'),
	         url('../fonts/nexafree_bold_macroman/Nexa_Free_Bold-webfont.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
		
	@font-face {
	    font-family: 'NexaLight';
	    src: url('../fonts/nexafree_light_macroman/Nexa_Free_Light-webfont.eot');
	    src: url('../fonts/nexafree_light_macroman/Nexa_Free_Light-webfont.eot?iefix') format('eot'),
	         url('../fonts/nexafree_light_macroman/Nexa_Free_Light-webfont.woff') format('woff'),
	         url('../fonts/nexafree_light_macroman/Nexa_Free_Light-webfont.ttf') format('truetype'),
	         url('../fonts/nexafree_light_macroman/Nexa_Free_Light-webfont.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/