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

@import url("reset.css");

body {
	background-color:#f9efd2;
	background-position: top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-image:tomato;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
	color:#6c4f29;
	font-size: 14px;
	text-decoration:none;
				}
	
a:hover {
	color:#e94339;
	}
			


.clear {
	clear:both;
}

.fl{
float:left;
}

.fr{
float:right;
}

p {
	line-height:1.3em;	
}


#grad-container {
background:url(images/bkg_grad.jpg) no-repeat top center;
width:100%;
display:block;
}

	#news-container{
	background:url(images/news_grad.jpg) repeat-x;
	height:30px;
	width:1080px;
	display:block;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font:bolder;
	text-align:left;
	position:relative;
	border-bottom:1px solid #e76a61;
	border-right:1px solid #e76a61;
	border-left:1px solid #e76a61;
	}
	
	#news-buttons{
	height:30px;
	width:940px;
	position:absolute;
	bottom:0px;
	left:80px;
	
	}
	
		#news-buttons ul{
		width:960px;
		display:block;
		}
	
		#news-container a {
			color:#ffffff;
			font-size: 10px;
			padding: 0px 25px 0 0;
			font:bolder;
			}
	
		#news-container a:hover {
			color:#2a2a2a;
			padding: 0px 25px 0 0;
			font:bolder;
			}
			
			
		#news-container li{
			display:block;
			font:bolder;
			}
			
		#followus {
		width:100px;
		height:30px;
		}
		
		#followus a {
						display:block;
						width: 100px;
						height:30px;
						text-indent:-99999px;
						background: url("images/followus.jpg") 0 0 no-repeat;
						}
			#followus a:hover { 
						background-position: 0 -30px;
						}			
		
		#ournewsletter{
		width:160px;
		height:30px;
		}
		
		#ournewsletter a{
			display:block;
			width: 160px;
			height:30px;
			text-indent:-99999px;
			background: url("images/ournewsletter.jpg") 0 0 no-repeat;
		}
			
			#ournewsletter a:hover { 
				background-position: 0 -30px;
			}	
			#ournewsletter a.on {
				background-position:0 -60px;	
			}

	#newsletter {
		position:absolute;
		right:-10px;
		top:26px;
		background:#de625a;
		padding:20px 20px 15px 20px;
		width:250px;
		z-index:100;
		color:#fff;
		font-size:12px;
		/*display:none;*/
	}
	
	#newsletter-form input {
		float:left;
		border:0px none;
		color:#deb2af;
		padding:5px 3px;
		border:1px solid #ac3f38;
	}
	#newsletter-form input.focusField {
		color:#C1443B;	
	}
	#newsletter-form #firstname, #newsletter-form #lastname {
		width:111px;	
		margin-right:10px;
		margin-bottom:6px;
	}
	#newsletter-form #lastname {
		margin-right:0px;	
	}
	#newsletter-form #email {
		width:240px;
		margin-right:0px;	
	}
	#newsletter-form #submit-btn {
		display:block;
		width:79px;
		height:26px;
		float:right;
		padding:0px;
		margin-top:7px;
		border:0px none;
		background:url(images/newsletter-submit.gif);
		text-indent:-9999px;
	}
	#newsletter-form .confirm {
		clear:both;
		text-align:right;
		padding-top:10px;
		display:none;
	}

#container {
    margin:0 auto;
	width: 960px;
	font:Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	top:0;
	z-index:50;
}

		#header {
			width:920px;
			height:120px;
			margin:0;
			padding:20px 0 0 20px;
			
			}
			
			#header-badge{
			width:250px;
			position:absolute;
			top:45px;
			right:0px;
			z-index:999;
			}
			
				#headercontent{
				height:340px;
				width:620px;
				background-image:url(images/transparent.png);
				border:solid 1px #FFFFFF;
				float:right;
				}
		#nav-container{
		display:block;
		width:938px;
		height:44px;
		margin:0 auto;
		margin-bottom:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font:small-caps;
		text-align:left;
		background-color:#f8f7f1;
		border:solid 1px #FFFFFF;
		}

		#nav {
		width:910px;
		height:24px;
		margin:0 0 0 10px;	
		background:url(images/nav_bkg.jpg);	
		background-repeat:repeat-x;
		padding-top:20px;
		}
		
			#nav a {
				color:#6c4f29;
				font-size: 14px;
				padding:-20px 0 0 0;
				font:small-caps;
				}
	
			#nav a:hover {
				color:#e94339;
				padding:-20px 0 0 0;
				font:small-caps;
				}
			
			
			#nav li{
			display:block;
			float:left;
			font:small-caps;
			}
			
			
			.pageon {
				color: #e94339;
				font-size: 14px;
				padding: 0px 7px;
				text-decoration:none;
				}
				
			#navhome{
			width:60px;
			height:20px;
			}
			
			#navhome a {
						display:block;
						width: 60px;
						height:20px;
						text-indent:-99999px;
						background: url("images/navitems.jpg") 0 0 no-repeat;
						}
			#navhome a:hover { 
						background-position: 0 -20px;
						}
						
						
						
			#navmenu{
			width:58px;
			height:20px;
			}
			
			#navmenu a {
						display:block;
						width: 55px;
						height:20px;
						text-indent:-99999px;
						background: url("images/navitems.jpg") -75px 0;
						}
			#navmenu a:hover { 
						background-position: -75px -20px;
						}
						
						
			#navcatering{
			width:93px;
			height:20px;
			}
			
			#navcatering a {
						display:block;
						width: 93px;
						height:20px;
						text-indent:-99999px;
						background: url("images/navitems.jpg") -148px 0;
						}
			#navcatering a:hover { 
						background-position: -148px -20px;
						}
						
						
			#navnutrition{
			width:95px;
			height:20px;
			}
			
			#navnutrition a {
						display:block;
						width: 95px;
						height:20px;
						text-indent:-99999px;
						background: url("images/navitems.jpg") -255px 0;
						}
			#navnutrition a:hover { 
						background-position:-255px -20px;
						}
						
						
			#navorderonline{
			width:127px;
			height:20px;
			}
			
			#navorderonline a {
						display:block;
						width: 127px;
						height:20px;
						text-indent:-99999px;
						background: url("images/navitems.jpg") -360px 0;
						}
			#navorderonline a:hover { 
						background-position: -360px -20px;
						}
						
						
			#navemployment{
			width:120px;
			height:20px;
			}
			
			#navemployment a {
						display:block;
						width: 120px;
						height:20px;
						text-indent:-99999px;
						background: url("images/navitems.jpg") -500px 0;
						}
			#navemployment a:hover { 
						background-position: -500px -20px;
						}	
						
						
			#navcontactus{
			width:105px;
			height:20px;
			}
			
			#navcontactus a {
						display:block;
						width: 105px;
						height:20px;
						text-indent:-99999px;
						background: url("images/navitems.jpg") -635px 0;
						}
			#navcontactus a:hover { 
						background-position: -635px -20px;
						}		

#carousel {
	position:relative;
	display:block;
	margin:0 0 30px 10px;
	width:940px;
	height:370px;
}

	#carousel-info {
		position:absolute;
		bottom:0;
		right:50px;
		width:300px;
		padding:30px 30px;
		height:310px;
		background:url(images/carousel_bkg.png);
		z-index:100;
		overflow:hidden;
	}
		#carousel-text {
			position:absolute;
			left:30px;
			bottom:90px;
			color:#333;
			font-size:12px;	
			width:300px;
			height:250px;
		}
		#carousel-text h2 {
			color:#419639;
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			font-weight:normal;
			font-size:40px;
			margin-bottom:10px;
		}
			.carousel-text {
				position:absolute;
				top:0;
				left:0;
			}
		
	#carousel-controls {
		display:block;
		position:absolute;
		bottom:30px;
		left:30px;
		width:300px;
		height:35px;
		z-index:101;
	}
	
	#carousel-controls #menu-btn {
		display:block;
		width:203px;
		height:34px;
		float:left;
	}
	
	#carousel-controls #menu-btn a{
		display:block;
		width:203px;
		height:34px;
		float:left;
		background:url(images/carousel_view-menu-btn.jpg);
		text-indent:-9999px;
	}
	
	#carousel-controls #menu-btn a:hover {
		background-position:0 -34px;
	}
			
	#carousel-controls ul {
		display:block;
		width:80px;
		height:24px;
		padding-top:11px;
		padding-left:0px;
		float:right;
		background:#fff;
	}
		
		#carousel-controls li {
			display:block;
			height:12px;
			width:23px;
			float:left;
			position:relative;
			overflow:hidden;
		}
		#carousel-controls li a {
			text-indent:-99999px;
			display:block;
			height:12px;
			width:12px;
			margin-left:11px;
			background:url(images/carousel-controls-btn.jpg) 0 0 no-repeat;
		}
		#carousel-controls a:hover {
			background-position:0 -12px;
		}
		#carousel-controls li.on a{
			background-position:0 -24px;			
		}
	
	#carousel-images {
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		display:block;
		width:940px;
		height:370px;	
	}
	
	#carousel-images li {
		position:absolute;
		top:0;
		left:0;
		width:940px;
		height:370px;			
	}
	
	
		
		#modules {
		display:block;
		margin:0 0 20px 10px;
		}	
		
		#insideright #modules {
			width:302px;
			overflow:hidden;
		}
			
			.module{
			float:left;
			width:300px;
			height:135px;
			margin-right:17px;
			margin-bottom:20px;
			background:url(images/white80.png);
			border:1px solid #FFFFFF;
			padding-bottom:18px;
			}
			.module.last {
				margin-right:0px;	
			}
			
			.module-text{
				float:left;
			width:200px;
			}
			
			.module-pic{
			width:99px;
			float:right;
			padding-top:10px;
			}
			
			.module h3 {
			font-family:Arial, Helvetica, sans-serif;
			font:small-caps;
			font-size:20px;
			padding:15px 0 0 15px;
			color:#419639;
			text-transform:uppercase;
			}
			
			.module p{
			font-size:11px;
			padding:15px 0 0 15px;
			color:#2a2a2a;
			}
			
			.module a{
			font-size:11px;
			color:#c1443b;
			}
			
			.module a:hover{
			font-size:11px;
			color:#6c4f29;
			}
				
					
		
			
#footer{
position:relative;
margin:0 auto;
margin-top:-120px;
z-index:1;
background:#FFFF00;
width:100%;
background:url(images/tomatos.jpg) no-repeat top center ;
padding-top:140px;
}		

	#menu{
	background:#cec097;
	width:100%;
	border-top:solid #b0a27e 1px;
	}
	
		#menubuttons {
			position:relative;
		width:940px;
		height:30px;
		margin:0 auto;
		}
	
		#menuwidth{
			display:none;
		width:940px;
		margin:0 auto;
		background:url(images/menudot_bkg.jpg) 0 top repeat-x;
		}
		
			#menutab{
			width:214px;
			height:42px;
			background:#cec097;
			border-top:solid #b0a27e 1px;
			color:#6c4f29;
			position:absolute;
			top:-20px;
			left:0px;
			}
			
			#menutab a {
				display:block;
				width: 214px;
				height:42px;
				text-indent:-99999px;
				background: url("images/viewtab.jpg") 0 0 no-repeat;
				}
			#menutab a:hover { 
				background-position: 0 -44px;
				}			
			
			#menuexpand{
			width:98px;
			float:right;
			margin-top:5px;
			}
			
			#menuexpand a {
				display:block;
				width: 98px;
				height:19px;
				text-indent:-99999px;
				background: url("images/menuexpand.jpg") 0 0 no-repeat;
				}
			#menuexpand a:hover { 
				background-position: 0 -19px;
			}
			
			#menuexpand.expanded a {
				background-position: 0 -38px;
				}
			#menuexpand.expanded a:hover { 
				background-position: 0 -57px;
			}
			
			.menumodules{
			font:Arial, Helvetica, sans-serif;
			font-size:12px;
			margin-bottom:20px;
			color:#6c4f29;
			width:420px;
			padding:20px;
			background:#d8cdac 0 top no-repeat;
			}
			
			.menumodules.over {
				background-position:-460px 0;	
			}
			
			.menumodules ul{
				width:250px;
			}
			
			.menumodules li{
				font-size:1.1em;
				border-bottom:1px dotted #baa980;
				padding:5px 0;
			}
			
			#menuheaders{
			width:458px;
			margin-bottom:2px;
			border:1px solid #FFFFFF;
			background:#FFFFFF;
			}
		
				#menuleft{
					margin-top:20px;
				width:460px;
				float:left;
				margin-right:20px;	
				}
				
				#menuright{
					margin-top:20px;
				width:460px;
				float:left;
				}
				
					#pitas{ background-image:url(images/pita_bkg.jpg); }
					
					#vegetarian{ background-image:url(images/tomato_bkg.jpg); }
					
					#salad{ background-image:url(images/salad_bkg.jpg); }
				
					#sauces{ background-image:url(images/sauces_bkg.jpg); }
					
					#extras{ background-image:url(images/extras_bkg.jpg); }
					
					#drinks{ background-image:url(images/drinks_bkg.jpg); }
					
					#cateringbutton{
					width:322px;
					height:34px;
					}
					#menu #cateringbutton{
					margin:60px 0 0 70px;
					}
					
						#cateringbutton a {
						display:block;
						width: 322px;
						height:34px;
						text-indent:-99999px;
						background: url("images/catering_button.jpg") 0 0 no-repeat;
						}
						#cateringbutton a:hover { 
						background-position: 0 -34px;
						}
						
	
	#footerbar{
	border-top:solid #bcaf8b 1px;
	height:120px;
	width:100%;
	background-image:url(images/footer_bkg.jpg);
	background-repeat:repeat-x;
	background-color:#f9efd2;
	}		
	
		#footer-content{
		width:940px;
		margin:0 auto;
		}
	
			#footer-promenade{
			width:146px;
			float:right;
			}
			
			#footer-promenade-text{
				padding-left:20px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				float:right;
				line-height:80px;
				height:57px;
			}
				#footer-promenade-text a {
					float:right;
					display:block;
					width:49px;
					height:57px;
				}
	
			
			#footer-pitapit{
			width:140px;
			float:left;
			padding-left:10px;
			}
			
			#footer-pitapit-text{
			padding-left:20px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
			float:left;
			padding-top:30px;
			line-height:13px;
			}
			
			#footer-pitapit-text a{
		
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
	
	
			}
			
			#footer-pitapit-text a:hover{
	
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
	
		
			}
	
	
	#insidecontent{
	margin:0 auto;
	width: 940px;
	font:Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	top:0;
	z-index:51;
	padding:0 0 20px 0px;
	}
	
	#insideheader{
	margin:0 0 20px 0;
	width:940px;
	}
			
	#insideleft{
	float:left;
	margin-left:40px;
	margin:0 38px 100px 0;
	width:575px;
	display:block;
	padding-left:15px;
	}
	
		#insideleft h3 {
			font-family:Arial, Helvetica, sans-serif;
			font:small-caps;
			font-size:20px;
			padding:0 0 15px 0;
			color:#bc362e;
			text-transform:uppercase;
			}
			
			#insideleft p{
			padding:0 0 15px 0;
			color:#2a2a2a;
			}
			
			#insideleft ul{
				background:#ebdfc1;
				padding:15px;
				margin-bottom:10px;
				font-weight:bold;
				color:#252525;
				line-height:1.5em;
			}
			#insideleft li {
				padding-left:30px;	
				background:url(images/li-bullet.jpg) 0 center no-repeat;
			}
			
			#insideleft blockquote{
				background:#ebdfc1;
				padding:15px;
				padding-left:20px;
				margin-bottom:10px;
				font-style:italic;
				color:#252525;
				line-height:1.5em;
				text-indent:-5px;
			}
			
			#insideleft blockquote span {
				font-weight:bold;
				font-style:normal;
				display:block;
				padding-left:5px;
				color:#6c4f29;
				margin-top:5px;
			}
			
			#insideleft a{
			color:#bc362e;
			font-size:12px;
			
			}
			
			#insideleft a:hover{
			color:#654620;
			font-size:12px;
			}
			
			#insideleft img{
			padding:0 0 15px 0;
			}
		
			
	#insideright{
	margin:0 auto;
	width:310px;
	float:left;
	display:block;
	}
	
.googlemap {
	margin:0 0 15px 0;
	width:550px;
	height:400px;
	border:5px solid #cdc1a9;
}