/* CSS Document */
html, body { font: 12px/16px "trebuchet ms", tahoma, arial, geneva; margin: 0; padding: 0; width: 100%; height: 100%; }

h5{font: 14px/20px "trebuchet ms", tahoma, arial, geneva; margin: 0; padding: 0; width: 100%; height: 100%;color:#593550}

hr {margin:1px 0px 3px 0px; color: #999999; background-color: #fff; border: 1px dotted #919a7e; border-style: none none dotted;}

#wrapper {width:865px;height:auto;margin:0 auto;}

#pagewidth{ 
 width:866px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 

/* header */
#headeri{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images_content/spacer.gif);
}
#header{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top.png);
}
#headerm{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top_morning.png);
}
#headerl{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top_lunch.png);
}
#headerd{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top_dinner.png);
}
#headera{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top_about-us.png);
}
#headerf{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top_functions.png);
}
#headerig{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top_image_gallery.png);
}
#headerws{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top_weekly_specials.png);
}
#headerres{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top_reservation.png);
}
#headerdis{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top-disclaimer.png);
}
#headere{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top-events.png);
}
#headern{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top-news.png);
}
#headerfu{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top-how-to-find-us.png);
}
#headernl{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top-newsletter.png);
}
#headerll{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top-links.png);
}
#headerre{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top-reviews.png);
}
#headercc{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top-card.png);
}
#headerfol{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top-downloads.png);
}
#headersmp{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(images/top-sitemap.png);
}










/* Left column */
#leftcol{
 width:160px;
 height:100%; 
 float:left; 
 position:relative;  
 }
.logo{
	width:160px;
	height:260px;
	float:left;
	position:relative;
	background-image: url(images/logo.jpg);
 }
 
 .logo1{
	width:160px;
	height:400px;
	float:left;
	position:relative;
	background-color: #FFFFFF;	
 }

.metanav{
	width:150px;
	height:100px;
	float:left;
	position:relative;
	font: 11px/18px "trebuchet ms", tahoma, arial, geneva;
	color:#660066;
	list-style-type: none;
	margin-top:30px;
	text-align:right;
	padding-right:10px;
	font-weight: bold;
 }
 
.metanav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		margin-bottom:10px;
		}
		
.metanav li {
		margin: 0;
		}

.metanav li a {
		display: block;
		color: #6f746a;
		text-decoration: none;
		width: 100%;
		padding-right:10px;
		}

html>body  .metanav li a {
		width: auto;
		}

.metanav li a:hover {
		background-color: #f1ede9;
		color: #660066;
		filter:alpha(opacity=50);
 		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
 		opacity: 0.7;
		}
.metanav li span {
		display: block;
		background-color: #f1ede9;
		color: #660066;
		filter:alpha(opacity=50);
 		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
 		opacity: 0.7;
		padding-right:10px;
		}
 
#twocols{
 width:705px; 
 float:right; 
 position:relative; 
  }
  
/* right column */ 
#rightcol{
 width:193px;
 height:100%;  
 float:left; 
 position:relative; 
 }
 .mainnav{
	width:183px;
	height:460px;
	float:right;
	font: 12px/20px "trebuchet ms", tahoma, arial, geneva;
	color:#593550;
	background-image: url(images/general_b.png);
	list-style-type: none;
	padding-top:30px;
	padding-left:10px;
}

 .mainnav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		margin-bottom:10px;
		}
		
 .mainnav li {
		margin: 0;
		}

 .mainnav li a {
		display: block;
		color: #593550;
		text-decoration: none;
		padding-left:10px;
		width: 100%;
		}
		
.mainnav ul ul li a {text-indent: 0.9em;}
.mainnav ul ul li a:hover {text-indent: 0.9em;}

.mainnav1{
	width:183px;
	height:460px;
	float:left;
	font: 12px/20px "trebuchet ms", tahoma, arial, geneva;
	color:#593550;
	background-image: url(images/general_b.png);
	list-style-type: none;
	padding-bottom:30px;
}

 .mainnav1 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		margin-bottom:10px;
		}
		
 .mainnav1 li {
		margin: 0;
		}

 .mainnav1 li a {
		display: block;
		color: #593550;
		text-decoration: none;
		padding-left:10px;
		width: 100%;
		}
		
.mainnav1 ul ul li a {text-indent: 0.9em;}
.mainnav1 ul ul li a:hover {text-indent: 0.9em;}


html>body  .mainnav li a {
		width: auto;
		}

.mainnav li a:hover {
		background-color: #8c7282;
		color: #fff;
		}
.mainnav li span {
		background-color: #8c7282;
		color: #fff;
		display: block;
		text-decoration: none;
		padding-left:10px;
		width: auto;
		}


/* content */  
#maincol{
	background-color:#FFFFFF;
	height:auto;
	float: left;
	position: relative;
	width:510px;
	padding-bottom:30px;
 }
 
 #maincol4{
	background-color:#FFFFFF;
	height:auto;
	float: left;
	position: relative;
	width:510px;
	padding-bottom:30px;
	background-image: url(background.jpg);
	
 }
 
 #maincol1{
	background-color:#FFFFFF;
	height:460px;
	float: left;
	position: relative;
	width:510px;
	padding-bottom:30px;
	overflow: visible;
 }
 
#keyvisual{
width:510px;
height:223px;
float:left;
margin-bottom:40px;}


#bodycopy{
width:324px;
margin-left:67px;
margin-right:100px;
}

#bodycopyres{
width:384px;
margin-left:67px;
margin-right:40px;
}

.spacer{
width:510px;
height:30px;
}

.bodycopy{
 font: 12px/18px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
 float:left;
}

.bodycopy_title{
 font: 18px/18px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
 padding-top:10px;
 padding-bottom:10px;
}

.bodycopy_titlem{
 font: 18px/18px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
 padding-bottom:10px;
}

.bodycopy a{
color:#593550;
text-decoration:none;
}

.bodycopy a:hover{
color:#6f746a;
text-decoration:underline;
}

#bodycopym{
width:57%;
 float:right;
 padding-right:20px;
}

#bodycopym a{
color:#593550;
text-decoration:none;
}

#bodycopym a:hover{
color:#6f746a;
text-decoration:underline;
}

#bodycopym1{
 width:25%;
 float:left;
 padding-left:20px;
 padding-top:27px;
}

#bodycopym1 a{
color:#593550;
text-decoration:none;
}

#bodycopym1 a:hover{
color:#6f746a;
text-decoration:underline;
}

 
.bodycopym{
 font: 12px/18px "trebuchet ms", tahoma, arial, geneva;
 color:#593550;
}

.bodycopym a{
color:#593550;
text-decoration:none;
}

.bodycopym a:hover{
color:#6f746a;
text-decoration:underline;
}

 
.bodycopym1{
 font: 11px/16px "trebuchet ms", tahoma, arial, geneva;
 color:#947D8E;
 padding-top:10px;
 padding-bottom:10px;
}

.bodycopym1 a{
color:#593550;
text-decoration:none;
}

.bodycopym1 a:hover{
color:#6f746a;
text-decoration:underline;
}
 

#bodycopy4{
width:450px;
margin-left:27px;
margin-right:20px;
}

.bodycopy4{
 font: 12px/18px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
}
 
.bodycopy4_title{
 font: 18px/18px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
 padding-top:10px;
 padding-bottom:10px;
}
 
.bodycopy_ti{
 font: 14px/18px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
 padding-top:10px;
 padding-bottom:10px;
}
  
 
#TJK_ToggleON,#TJK_ToggleOFF {display:none}


/* footer */ 
#footer{
width:100%;
height:30px;
float:left;
} 
#footer1{
width:100%;
height:30px;
float:left;
} 
 .footerleft{
 width:160px;
 height:30px; 
 float:left;
 }
 .footerright{
 width:184px; 
 height:30px; 
 float:left;
 font: 11px/15px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
 filter:alpha(opacity=70);
 -moz-opacity:0.7;
 -khtml-opacity: 0.7;
 opacity: 0.7;
 padding:5px;
 }
 .footermain{
 width:490px;
 height:30px;
 background-color:#FFFFFF; 
 float:left;
 font: 11px/15px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
 filter:alpha(opacity=80);
 -moz-opacity:0.8;
 -khtml-opacity: 0.8;
 opacity: 0.8;
 padding-top:10px;
 padding-bottom:10px;
 padding-left:20px;
 }
 
  .footermain a{
color:#6f746a;
text-decoration:underline;
}

 .footermain a:hover{
color:#593550;
text-decoration:underline;
 }
 

.homepage{
	font: 13px/16px "trebuchet ms", tahoma, arial, geneva;
	color:#532748;
	padding-bottom:10px;
}

.homepage a{
	color:#934996;
	text-decoration:none;
}

.homepage a:hover{
	color:#93954A;
	text-decoration:none;
}
 
 
  .footermaini{
 width:100%;
 height:30px;
 background-color:#FFFFFF; 
 float:left;
 font: 11px/15px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
 filter:alpha(opacity=80);
 -moz-opacity:0.8;
 -khtml-opacity: 0.8;
 opacity: 0.8;
 padding-top:10px;
 padding-bottom:10px;
 padding-left:20px;
 }
 
  .footermaini a{
color:#6f746a;
text-decoration:underline;
}

 .footermaini a:hover{
color:#593550;
text-decoration:underline;
 }
 
 .footermainl{
 width:800px;
 height:30px;
 float:center;
 font: 11px/15px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
 filter:alpha(opacity=80);
 -moz-opacity:0.8;
 -khtml-opacity: 0.8;
 opacity: 0.8;
 padding-top:10px;
 padding-bottom:10px;
 padding-left:20px;
 }
 
 .footermainl a{
color:#6f746a;
text-decoration:underline;
}

 .footermainl a:hover{
color:#593550;
text-decoration:underline;
 }
 
 /* teaser homepage */ 
#teaser{
width:100%;
height:204px;
float:left;
margin-bottom:50px;
} 

#teaser3{
width:100%;
height:400px;
float:left;
margin-bottom:50px;
} 


 .teaserleft{
width:170px;
height:204px;
float:left;
 }
 .teaserright{
width:170px;
height:204px;
float:left;
 }
 
  .teasercontactleft{
	width:155px;
	height:180px;
	float:left;
	background-color: #F2F2F2;
	padding: 15px;
	margin-right:15px;
	margin-bottom:18px;
 }
 .teasercontactright{
	width:154px;
	height:180px;
	float:right;
	background-color: #F2F2F2;
	padding: 15px;
	margin-bottom:18px;
 }
 
 
 .teasermain{
width:170px;
height:204px;
float:right;
 }
 
 #bodycopyh{
width:57%;
float:right;
padding-right:50px;
}

#bodycopyhomepage{
width:61%;
float:right;
padding-right:30px;
}

.bodycopyh{
 font: 12px/18px "trebuchet ms", tahoma, arial, geneva;
 color:#6f746a;
 padding-top:8px;

}
 
.bodycopyh_title{
	font: 22px/24px "trebuchet ms", tahoma, arial, geneva;
	color:#6f746a;
	padding-top:0px;
	padding-bottom:3px;
	font-weight: lighter;
}


 #bodycopyh1{
width:24%;
float:left;
padding:5px;
padding-left:30px;
}

 #bodycopyh2{
	width:23%;
	float:left;
	padding:4px;
	padding-left:30px;
	padding-bottom:5px;
	background-image: url(images/weekly_special.gif);
	margin-top:31px;
}

 #bodycopyh21{
	width:23%;
	float:left;
	padding:4px;
	padding-left:0px;
	padding-bottom:5px;
	margin-top:10px;
}

 .spacer{
	padding-bottom:10px;
	width:156px;
}

.bodycopyh_title2{
	font: 11px/14px "trebuchet ms", tahoma, arial, geneva;
	color:#EC5021;
	font-weight: normal;
	padding-left:15px;
}

 .bodycopyh_title2 a{
color:#a07795;
text-decoration:underline;
}

 .bodycopyh_title2 a:hover{
color:#593550;
text-decoration:underline;
 }

.bodycopyh1{
 font: 12px/18px "trebuchet ms", tahoma, arial, geneva;
 color:#593550;

}
 
.bodycopyh_title1{
	font: 12px/18px "trebuchet ms", tahoma, arial, geneva;
	color:#593550;
	padding-top:34px;
	font-weight: bold;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



#bg_image { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
#scrollable { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }
#content { position: relative; width: 240px; height: auto; top: 100px; left: 450px; z-index: 2; }
#dflash {
	font: 14px/18px "trebuchet ms", tahoma, arial, geneva;
	color:#6f746a;
	position:absolute;
	width:300px;
	height:130px;
	z-index:3;
	left: 124px;
	top: 83px;
	background-color: #FFFFFF;
	padding:10px;
	filter:alpha(opacity=80);
	/* CSS3 standard */
  opacity:0.8;
	font-style: normal;
}

#dflash a{
color:#6f746a;
text-decoration:underline;
}

#dflash a:link{
color:#593550;
text-decoration:underline;
 }

#dflash a:hover{
color:#593550;
text-decoration:underline;
 }