/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 320px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 320px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

.beigeBg{
	padding: 0;
}

/* template CSS*/

body{  
	background: #E7E1D5;
}

#headerRight{
	width: 180px;
	margin-top: 10px;
}

#headerLeft{
	width: 90px;
}

#headerLeft img{margin-left: 0;}

#logoRight{
	display: none;
}

#logoRight480{
	margin-top: 37px;
	width: 180px;
	float: right;
}

#searchSocial{
	width: 100px;
	float: left;
	margin-left: 0;
	position: relative;
}

#searchBox{
	position: absolute;
	top: 25px;
	width: 160px;
	left: 6px;
	display: none;
}

#searchIcon{display: block;}
#searchSocial img{width: 16px; height: 16px; margin-left: 6px;}

#orderOnlineIcon{
	margin-top: -25px !important; 
	height: 30px; 
	overflow: hidden; 
	display:block;
	*margin-top: -10px !important;
	*margin-left: -10px !important;  
}
#orderOnlineIcon img{width: 80px;}
#orderOnlineIcon:hover img{
	margin-top: -30px;
}
#navBar{
	margin: 10px;
	width: 300px;
}

#navBar .nav{
	height: 27px;
	line-height: 27px;
	display:inline-block;
	margin-right: 2px;
	padding: 0;
}

#navBar .nav .subnav a{
	width: 86px;
	display: block;
}

#navBar .nav>a{
	min-width:85px !important;
}

#navBooking{
	width: 92px !important;
	margin-right: 0 !important;
}

#logoLeft img{
	width: 90px;
}

#logoRight480 img{
	width: 180px;
}

#main{
	margin-top: 20px;
}

#homeBanner{
	width: 300px;
	margin-bottom: 10px;
}

#homeText{
	margin-top: 10px;
	width: 300px;
}

#banner, #slideShow{
	width: 300px;
	height: 136px;
}

#banner img{width: 300px;}

#footer{padding: 20px 10px;}

#footerNav{
	margin: 10px 0;
	width: 300px;
}

#footerNav a{
	width: 150px;
}

#footerInfo{
	width: 300px;
}

#divider720{display: none;}
#divider960{display: none;}

#homeContact, #homeNews, #homeGallery, #homeOrder{width: 300px; margin: 10px 0; padding-top: 10px;}

#homeNews, #homeGallery{border-top: 1px solid #00B1B0;}

#homeNews img, #homeGallery img{
	width: 300px;
}

#footerDivider{
	margin: 40px 0 0 0;
}

#homeBookText{
	max-height: 129px;
	overflow: hidden;
}

#pageRight img{width: 300px;}

#pageRight{margin-bottom: 20px;}

#contactForm input, #contactForm textarea, #contactForm div{width: 300px;}

#newsLeft{width: 300px;}
#newsRight{width: 300px; margin-left: 0;}
.newsArticle img{width: 300px;}

#newsList{margin-top: 20px;}
.newsList{width: 300px; margin-bottom: 20px; border-bottom: 1px solid #2BBDBD;}
.newsListLeft{width: 300px;}
.newsListLeft .tint{margin-bottom: 20px;}
.newsListLeft img{width: 300px;}
.newsListRight{width: 300px; margin-bottom: 10px; float: left;}
.newsListRight h2{margin-top: 0 !important;}

#menuLeft{display: none;}
.menuListLeft{width: 200px;} 
.menuListRight{width: 80px; margin-left: 20px; float: left;} 
.menuRightImage{width: 300px;}