@charset "UTF-8";
/* CSS Document */

html,body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../images/page-background.jpg);
	background-position:center top;
	background-color:#BB944F;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#5A481C;
	font-size:0.9em;
}





/********************/
/*				    */
/*	GENERIC LAYOUT  */
/*				    */
/********************/
#container{
	width:864px;
	position:relative;
}

#pageTopImage{
	width:864px;
	height:139px;
	margin:0;
	padding:0;
	clear:both;
}

#pageTop{
	width:864px;
	height:176px;
	clear:both;
}

#pageBottom{
	width:864px;
	height:11px;
	clear:both;
}

#page{
	width:864px;

	background-repeat:no-repeat;
	background-color:#FFFFFF;
	overflow:visible;
}

#sides{
	border:0;
	height:100%;
	width:100%;
}

#sides td{
	height:100%;
	margin:0;
	padding:0;
}

#tableRight{
	text-align:right;
	vertical-align:top;
	width:50%;
}

#tableLeft{
	text-align:left;
	vertical-align:top;
	width:50%;
}

#tableCentre{
	vertical-align:top;
	width:864px;
}

#shadowLeft{
	height:100%;
}

#shadowRight{
	height:100%;
}

#rightColumn{
	float:right;
	width:390px;
	overflow:visible;
	padding:0;
	margin:0 12px 20px 0;
}
.clear{
	clear:both;
	display:block;
}

#footer{
	font-size:0.7em;
	margin:0 0 20px 0;
	color:#664916;
	width:864px;
}

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

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

#footerLeft{
	float:left;
}

#footerRight{
	float:right;
}

#oliveOilTop{
	width:27px;
	height:30px;
	position:absolute;
	left:261px;
	top:155px;
	z-index:10;
}

#oliveOilBottom{
	width:195px;
	height:190px;
	position:absolute;
	left:221px;
	top:185px;
	z-index:10;
}

#topAnim{
	position:absolute;
	left:0;
	top:0;
}



.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.marginZero{
	margin:0;
}

	.clearBoth {
		display: block;
		clear: both;
		height: -1px;
		line-height: 0px;
		font-size: 0px;
		overflow: hidden;
	}
	
	.hidden {
		display: none;
	}


	






/*****************/
/*			     */
/*	LEFT COLUMN  */
/*			     */
/*****************/
#leftColumn{
	float:left;
	width:409px;
	overflow:visible;
	margin: 0 0 0 12px;
}
#leftColumn.home{
	margin: 100px 0 0 12px;
}
#leftColumn.other{
	margin: 10px 0 20px 12px;
}
#leftColumn.kids{
	margin: 20px 0 20px 12px;
}


/******************/
/*				  */
/*	HTML ELEMENTS */
/*				  */
/******************/
p{
	margin:2px 0 10px 0;
	line-height:1.6em;
}

form{
	margin:0;
	padding:0;
}

img{
	border:0;
}

h1{
	color:#CEBC8B;
}

h2{
	color:#CEBC8B;
}


a{
	text-decoration:underline; 
	color:#900;
}



/****************/
/*			    */
/*	 HEADINGS   */
/*		        */
/****************/
/*
h1.ciao{
	text-indent:-2000px;
	background-image:url(../images/title-ciao.gif);
	background-repeat:no-repeat;
	width:178px;
	height:68px;
}
*/

h1.bigHeader{
	margin:0 0 -3px 0;
	padding:0;
	font-size:6em;
	color:#CEBC8B;
}

h1.bigHeaderNoIndent{
	margin:0 0 -3px 0;
	padding:0;
	font-size:6em;
	color:#CEBC8B;
}

h1.mediumHeader{
	margin:0 0 0 3px;
	padding:0;
	font-size:3.5em;
	color:#CEBC8B;
}

h1.mediumHeaderNoIndent{
	margin:0 0 0 0;
	padding:0;
	font-size:4em;
	color:#CEBC8B;
}

h1.mediumHeaderSmaller{
	margin:0 0 -3px 0;
	padding:0;
	font-size:2.5em;
	color:#CEBC8B;
}

h2.smallHeader{
	margin:0 0 -3px 0;
	padding:0;
	font-size:1.5em;
	color:#CEBC8B;
}

h2.tinyHeader{
	margin:0 0 3px 0;
	padding:0;
	font-size:1.3em;
	color:#6B1208;
}

h2.restaurantHead{
	margin:25px 0 15px 0;
	padding:0;
	font-size:1.5em;
	color:#CEBC8B;
}

h3.restaurantTitle{
	margin:-3px 0 5px 0;
	padding:0;
	font-size:14px;
	color:#CEBC8B;
}


h3.restaurantBook{
	margin:-3px 0 6px 0;
	padding:0;
	font-size:20px;
	color:#FFFFFF;
}

h3.stfTitle{
	margin:10px 0 5px 0;
	padding:0;
	font-size:14px;
	color:#CEBC8B;
}
/****************/
/*			    */
/*	NAVIGATION  */
/*		        */
/****************/
#nav{
	width:814px;
	height:37px;
	background-image:url(../images/nav-bg.jpg);
	clear:both;
	padding-left:50px;
}

#nav ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav ul li{
	float:left;
}

#nav ul li a{
	display:block;
	text-indent:-2000px;
	height:37px;
	margin:0;
	padding:0;
   	background-position: 0 -37px;
	background-repeat:no-repeat;
}

#navHome a{
	background-image:url(../images/nav/nav-home.gif);
	width:88px;
}
#navHome a:hover{
   background-position: 0 0;
}
#navBookNow a{
	background-image:url(../images/nav/nav-book-now.gif);
	width:113px;
}
#navBookNow a:hover{
   background-position: 0 0;
}
#navRestaurants a{
	background-image:url(../images/nav/nav-restaurants.gif);
	width:142px;
}
#navRestaurants a:hover{
   background-position: 0 0;
}
#navParties a{
	background-image:url(../images/nav/nav-parties.gif);
	width:100px;
}
#navParties a:hover{
   background-position: 0 0;
}
#navOffers a{
	background-image:url(../images/nav/nav-offers.gif);
	width:91px;
}
#navOffers a:hover{
   background-position: 0 0;
}
#navMenus a{
	background-image:url(../images/nav/nav-menus.gif);
	width:83px;
}
#navMenus a:hover{
   background-position: 0 0;
}
#navKids a{
	background-image:url(../images/nav/nav-kids.gif);
	width:82px;
}
#navKids a:hover{
   background-position: 0 0;
}
#navContact a{
	background-image:url(../images/nav/nav-contact.gif);
	width:102px;
}
#navContact a:hover{
   background-position: 0 0;
}

#navHotels a{
	background-image:url(../images/nav/nav-nye.gif);
	width:145px;
}
#navHotels a:hover{
   background-position: 0 0;
}





/****************/
/*			    */
/*	BIG IMAGES  */
/*		        */
/****************/
#bigImage{
	width:391px;
	height:413px;
}

#bigImage.home{
	background-image:url(../images/big-images-1.jpg);
}

#bigImage.kids{
	width:413px;
	margin:0 0 0 -14px;
	background-image:url(../images/big-image-kids.gif);
}


/****************/
/*			    */
/*	  PANELS    */
/*		        */
/****************/
.panel{
	width:175px;
	height:130px;
	padding:5px 5px 5px 7px;
	float:left;
	margin:15px 0 0 0;
	overflow:visible;
}

.panelChristmas {
	width:187px;
	height:140px;
	padding:5px 5px 5px 7px;
	float:left;
	margin:9px 0 0 0;
	overflow:visible;
}

.panelRed{
	background-color:#6b1208;
}

.panelGreen{
	background-color:#3c400c;
}

.panel p{
	font-size:11px;
	line-height:1.6em;
	color:#DAD185;
}

.panelSpacer{
	width:16px;
	height:1px;
	float:left;
}

h2.panelHeaderRed,h2.panelHeaderGreen{
	margin:0;
	padding:0;
	font-size:11px;
	color:#FFFFFF;
}
h2.homebutton{
	margin:0;
	padding:0;
	font-size:14px;
	color:#FFFFFF;
}


/*************************/
/*		            	 */
/*	  CHEF'S SPECIALS    */
/*		        		 */
/*************************/
#chefsSpecials{
	width:359px;
	height:118px;
	background-image:url(../images/chefs-specials.gif);
	padding:50px 15px 0 15px;
	text-align:center;
	margin: 15px 0 0 0;
}

#chefsSpecials p{
	color:#D9CBA5;
}

h2.chefsSpecialsHeader{
	margin:0;
	padding:0;
	font-size:1.4em;
	color:#DAD185;
}


/*************************/
/*		            	 */
/*	  	RESTAURANTS	     */
/*		        		 */
/*************************/
div.restaurant{
	position:relative;
	background-color:#EADFC3;
	border: 1px Solid #C4A257;
	padding: 5px;
	margin:0 0 17px 0;
}

h2.restaurantArea{
	margin:28px 0 6px 0;
	padding:0;
	font-size:1.4em;
	color:#CEBC8B;
}

h3.restaurantName{
	margin:0;
	padding:0;
	font-size:1.2em;
	color:#1C1806;
}

p.restaurantAddress{
	font-size:11px;
	font-weight:bold;	
}
p.restaurantDes{
	padding:5px 0 5px 0;
	font-size:11px;
}

p.restaurantSmall{
	font-size:11px;	
}

p.restaurantNumber{
	margin:0;
	font-size:0.8em;
	
}
.livebooking{
	width:100%;
	padding:10px 0 0 0;
}


.mapLink{
	position:absolute;
	right:22px;
	top:2px;
	height:20px;
	padding:5px;
	margin:5px;
	background-color:#F4EDDF;
	border:1px Solid #CEBC8B;
}

.bookLink{
	position:absolute;
	right:2px;
	top:40px;
	height:20px;
	padding:5px;
	margin:5px;
	background-color:#F4EDDF;
	border:1px Solid #CEBC8B;
}

.restaurantDetails{
}




ul#restUl{
	margin:5px 0 5px 0; 
	padding:0;
	overflow:hidden;
	color:#6B1208;
}

ul.menuListUl{
	margin:0 0 0 15px;
	padding:0 0 5px 0;
}
li.menuListLi{
	margin:5px 0 5px 0; 
	padding:0;
}

.restUl{
	margin:5px 0 5px 0; 
	padding:0;
	overflow:hidden;
	color:#6B1208;
}

li#restLi{
	margin:0;
	color:#6B1208;
}

.restLi{
	margin:0;
	color:#6B1208;
}


.backToTop{
	 text-align:right; 
	 margin:37px 0 0 0;
}
.backToTopLink{
	text-decoration:underline; 
	color:#CEBC8B;
}


div.clickthrough{
	background:#C4A257; 
	padding:5px; 
	margin:4px 0 1px 0; 
	color:white; 
	border:#FFFFFF 1px solid; 
	font-size:14px; 
	font-weight:bold; 
	text-align:center; 
	text-decoration:underline;
}

/*************************/
/*		            	 */
/*	  	  OFFERS	     */
/*		        		 */
/*************************/
div.offer{
	background:url(../images/tanGrad.jpg) top left repeat-x #D7C89F;
	border: 1px Solid #7F7658;
	padding: 5px;
	margin:0 0 10px 0;
}

h3.offerName{
	margin:0;
	padding:0;
	font-size:1.2em;
	color:#6B1208;
}

p.offerDetails{
	font-size:0.8em;	
}

p.offerLink{
	margin:0 0 2px 0;
	padding:0;
	font-size:1em;
	color:#1C1806;
}

p.offerLink a{
	color:#1C1806;
	text-decoration:none;
}

p.offerLink a:hover{
	color:#1C1806;
	text-decoration:underline;
}

/*************************/
/*		            	 */
/*	  	  MENUS		     */
/*		        		 */
/*************************/

p.menuDescription{
	margin:0 0 2px 0;
}
p.menuLink{
	padding:0;
	font-size:1em;
	color:#1C1806;
}

/*************************/
/*		            	 */
/*	  	  CONTACT	     */
/*		        		 */
/*************************/

div.contactLeft{
	width:180px;
	float:left;
}
div.contactRight{
	width:180px;
	float:right;
}

/*************************/
/*		            	 */
/*	  LOYALTY CARD	     */
/*		        		 */
/*************************/

table.formTable{
	width:100%;
	border:0;
	font-size:0.9em;
}
table.formTable td{
	padding:2px;
}

label.lineLabel{
	clear:both;
	display:block;
	width:100%;
}

div.formLabelHidden{
	display:none;
}

div.formLabel{
	float:left;
	margin:2px 4px 0 0;
	width:140px;
}

div.formLabelSmallWide{
	float:left;
	margin:2px 4px 0 0;
	width:300px;
	font-size:.8em;
}

div.formLine,div.formLineRight{
	margin:2px 0 4px 0;
	width:400px;
}

div.formLineRight{
	margin-top:20px;
	text-align:right;
}

.formField{
	float:left;
	margin-left:20px;
}

.required{

}

/*************************/
/*		            	 */
/*	      SIGN UP		 */
/*		        		 */
/*************************/

label.lineLabelSignup{
	clear:both;
	display:block;
	width:100%;
}

div.formLabelSignup{
	float:left;
	margin:2px 4px 0 0;
	width:380px;
}

.formFieldSignup{
	float:left;
	margin-left:10px;
	padding-left:5px;
}

div.formLineSignup{
	margin:0;
	width:380px;
}


/*************************/
/*		            	 */
/*	      INDIVIDUAL RESTUARANT PAGE		 */
/*		        		 */
/*************************/
div.menuImage{
float:left; width:155px; height:175px;
}

div.menuInfo{
float:left; padding:0 0 0 10px;
}
div.menuRow{
padding:0 0 0 0; margin:0 0 15px 0;
}
div.bottomBorder{
border-bottom:1px dotted #333333; margin-bottom:15px;
}
div.borderTop{
border-top:1px dotted #333333; margin-bottom:1px;
}
div.stfClickHere{
background:#3C400C; padding:5px; text-align:center; width:233px;
}
div.mapContainer{
float:left; width:210px; height:340px; padding:0 0 10px 8px;
}
div.addressInfo{
float:left; width:190px;
}
div.lbContainer{
background:#CEBC8B; padding:10px; text-align:center;
}
div.lbInnerCont{
width:361px; background:white; border:#836829 solid 2px; padding:10px 0 10px 0;
}


/*************************/
/*		            	 */
/*	    Travel Trade Etc	 */
/*		        		 */
/*************************/

div.homeButtsCont{
padding:15px 0 0 0;
}
div.travelTrade{
float:left; width:187px; background:#B2964A; text-align:center; padding:5px 0 1px 0; margin-right:15px;
}
div.rec{
float:left; width:187px; background:#B2964A; text-align:center; padding:5px 0 1px 0;
}


/*************************/
/*		            	 */
/*	   STF	 */
/*		        		 */
/*************************/
div.bordStfBott{
border-bottom:1px dotted #333333;
}
div.send{
padding:15px 0 0 0;
}
div.bordStfTop{
border-top:1px dotted #333333;
}