/* Restaurant Theme CSS */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#F2D7A8;
	margin:0;
	padding:0;
   background:#383838 url('../graphics/body_bg.jpg') top center no-repeat;
   }

a {
	color:#6B9CC0;
	text-decoration:none;
    }
a img {
  border: none;
  padding: 0;
  margin: 0;
}
a:hover img {
  border: none;
}


a:hover {
	color:#B5CEDF;
	text-decoration:none }


.content {
	position:relative;
	width:940px;
	margin:0 auto;
	padding:0 }
	
.clear { clear:both; display:block; height:1px; font-size:1px }
.alignright {
  float:right;
margin: 5px;
}
.alignleft {
  float: left;
margin: 5px;
}

	
/* ------------------------------------- */
/* Header                                */

#header {
	position:relative;
	width:100%;
	border-bottom:1px solid #383838;
    }
.logo {
  margin: 10px;
}


	#header.homepage { height:533px }
	#header.subpage { height:116px }
	
	#header h1 {
		margin:0; padding:10px 0;
		color:#f3e6d7;
        position: absolute;
        left: -999px;
		font-size:45px;
		letter-spacing:-0.03em }
		
		#header h1 a {
		  position: absolute;
          left: -999px;
			color:#2E6E9E;
			text-decoration:none }


	#header .address {
		font-size:12px;
		position:absolute;
		top:20px;
		right:0 }

        /* ------------------------------------- */
/* Navigation                            */

#navigation {
	position:absolute;
	right:0;
	top:30px;
	width:auto;
    max-width: 700px;
	height:20px;
	z-index:50;
    text-align: right;
	font-size:16px; }

#navigation h2 {
     color:#D2B28D;
	 letter-spacing:-0.01em;
	 display:block;
	 margin:10px 0 0 0;
     right:0;
	 padding:0;
	 font-size:16px
}


	#navigation.subpage {
		top:-97px !important }

	#nav {
		width:auto;
		height:20px;
		list-style:none;
        font-weight: bold;

		display:block }

 /* submenu, it's hidden by default */
    #nav ul {
            display:none;
            position: absolute;
         }


	#nav li {
		margin:0 0 0 20px;
		position:relative;
		display:inline;
		padding:0 0 5px 0;
		float:left }

	#nav li a {
		height:20px;
		padding:0 0 5px 0 }

	#nav li ul { z-index:20; width:150px; height:auto; padding:15px 0 2px 0; margin:0; border-top:5px solid #FCE8CB;
	background:#281303 url('../graphics/dropdown_arrow.gif') no-repeat top center; opacity:.95; filter: alpha(opacity=95); -moz-opacity: 0.95 }

	#nav li ul li { float:none; width:150px; margin:0; padding:0 !important; display:block }
	#nav li ul li a { display:block; padding:6px 10px !important; height:auto !important; margin:0 2px; border-bottom:1px solid #281303; border-top:1px solid #281303 ; background:none; text-align:left; font-size:12px; text-transform:uppercase }
	#nav li ul li a:hover { background:#394f5d; border-bottom:1px solid #526a7a; border-top:1px solid #526a7a }
			

#featured-item {
   width: 661px; /* important to be same as image width */
   height: 385px; /* important to be same as image height */
   position: relative; /* important */
   background:#FCE8CB;
   float:left;
   margin:0 0 20px 0;
   display:block;
   overflow: hidden; /* important */
}

#featured-itemContent {
   width: 661px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0; padding:0;
   list-style:none;
   margin-left: 0; /* important */
}

.featured-itemImage {
	border:8px solid #FCE8CB; width:645px; height:369px;
   	float: left; /* important */
   	position: relative; /* important */
   	display: none; /* important */
}

.featured-itemImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   width: 645px;
   background-color: #06131C;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */

   bottom: 0; 		/* if you put
   					top: 0; -> the box with text will be shown at the top of the image
       
	   				if you put
       				bottom: 0; -> the box with text will be shown at the bottom of the image */ }
.featured-itemImage span p {
	margin-right: 5px; }
					
.featured-itemImage span strong {
	font-weight:normal;
	font-size:20px;
	display:block;
	color:#F2D7A8 !important;
	margin:15px 0 5px 15px !important; padding:0 }

.featured-itemImage span b {
	font-weight:normal;
	display:block;
	color:#fdf3e4;
	margin:3px 0px 12px 15px !important; padding:0;
	line-height:18px; font-size:14px;
	width:100% }

.featured-itemImage span em.more-info {
	font-style:normal;
	font-size:14px;
	font-weight:bold;
    float: right;
    padding: 15px 15px 5px 5px;

    }

.clear { clear: both } 


/* ------------------------------------- */
/* Homepage Right                        */

#homepage-right {
	line-height:20px;
	float:left;
	margin:0 0 0 30px;
	padding:10px 0;
	height:264px;
    font-size:16px;
	width:249px }
	
	#homepage-right h3 {
		font-size:18px;
        font-style: underline;
		font-weight:bold;
		margin:0; padding:0;
		letter-spacing:-0.01em }
    #homepage-right table {
      border-bottom: solid 1px #2C2C2C;
    }


	#homepage-right p {
		font-size:16px;
        line-height: 1.2;
		color:#d2b28d;
		padding:0 0 2px 0; margin:5px 0 0 0 ;
        border-bottom: solid 1px #2C2C2C; }
    #homepage-right img {
      padding: 2px;
      vertical-align: bottom;
    }

		
		#homepage-right p.arrow:before {
	content: "\00BB \0020";
	}


/* ------------------------------------- */
/* Main Content                          */

#main-content {
	position:relative;
	width:100%;
	border-top:1px solid #00040f;
	border-bottom:1px solid #000a14;
	padding:30px 0 30px 0;
	background:#06131C url('../graphics/main_content_bg.jpg') top center no-repeat }
	
#main-content h2 {
	font-size:22px;
	font-weight:normal;
	color:#fdf3e4;
	margin:0 0 10px 0;
	padding:0 }
	
	#main-content h2.menu-title { width:660px; position:relative }
	#main-content h2.menu-title span {
		position:absolute;
		right:0;
		top:5px;
		font-size:12px }
		
	#main-content h2.menu-title .print {
		text-indent:-9999px;
		display:block;
		width:134px;
		height:23px;
		background:url('../graphics/button_print.gif') no-repeat }
	
#main-content h3 {
	font-size:120px;
	line-height:24px;
	color:#f0d7b4;
	display:block;
	font-weight:normal;
	margin:0 0 20px 0;
	padding:0 }
	
#main-content p {
	margin:0 0 15px 0;
	padding:0;
	font-size:16px;
	line-height:22px }

#main-content .border-bottom {
	border-bottom:1px solid #6B9CC0;
    margin-bottom: 20px;  }
	
	
/* ------------------------------------- */
/* Form Styling                          */

#main-content form {
	background:#1F384A;
	border:1px solid #37596F;
	margin:0;
	padding:20px }
	
	form .input-text{
		border:1px solid #fff;
		color:#1F384A;
		font-size:12px;
		background:#EFF9FF;
		font-family:Arial, Helvetica, sans-serif;
		padding:7px;
	}
	
	form textarea {
		width:250px;
		line-height:18px;
		height:100px }
	
	form label{
		display:block;
		margin-bottom:10px;
		color:#FDF3E4;
	}
	
	form label span{
		display:block;
		float:left;
		padding:7px 10px 0 0;
		width:70px;
		font-size:12px;
		text-transform:uppercase;
		text-align:right;
		font-weight:bold;
	}
	
	form .submit-button{
		background:#F0D7B4;
		padding:0px 6px;
		border-top:1px solid #F5E8D6;
		border-left:1px solid #F5E8D6;
		height:24px;
		line-height:24px;
		color:#4F3B1D;
		font-size:11px;
		text-transform:uppercase;
		font-weight:bold;
		margin:0 0 0 80px;
		display:inline-block;
		text-decoration:none;
	}

	.photo {
		margin:0;
		border:5px solid #FCE8CB }
		
		.nocaption { margin:0 0 15px 0 }
		
	.caption {
		text-align:center;
		font-size:11px;
		display:block;
		margin:3px 0 15px 0 }


/* ------------------------------------- */
/* Subpage Only                          */

.address {
	border-bottom:1px solid #23475F;
	color:#B5CEDF;
	font-size:14px;
	margin:0 0 20px;
	padding:0 0 10px }

	.address .sidebar { text-align:right }

.left-side {
	float:left;
	width:661px; }
.right-side {
	float:right;
	width:229px; }
	
	
/* ------------------------------------- */
/* Menu Styling                          */

#menus-skin {
	background:#FCE8CB url('../graphics/menu_skin_bg.jpg') no-repeat;
	padding:20px }
	
	#menus-skin h2 { font-style:italic; color:#06131C; font-weight:bold; margin:0 0 15px }

.left-menus {
	float:left;
	width:532px;
	padding:0 }
	
.right-menus {
	float:right;
	width:318px;
	border-left:1px solid #BFA583;
	display:block;
	padding:0 0 0 20px;
	margin:0 0 0 20px }

dl { display:block; overflow:auto; margin: 0 0 0.7em 10px; background: url('../graphics/dot.gif') repeat-x 0 14px }
dt,dd.price { font-size:130%; font-weight:bold }
dt { font-size:16px; background:#FCE8CB; font-weight:normal; float:left; padding-right:5px; color:#3F2808 }
dd { margin:0 }
dd.price { font-weight:normal; font-size:16px; float:right; padding-left:5px; color:#406F0D; background:#FCE8CB }
dd.ingredients { font-size:14px; font-style:italic; font-weight:normal; line-height:20px; float:left; width:100%; padding: 3px 0; color:#8F6A35 }

span.new, span.special {
	color:#FFF8EF;
	font-size:11px;
	font-weight:bold;
	padding:1px 3px 0;
	position:relative;
	text-transform:uppercase;
	top:-2px }
	
span.special { background:#579F09 }
span.new { background:#EF1E0E }

span.big-separator { display:block; height:26px; margin:20px 0; background:url('../graphics/big_menu_separator.gif') no-repeat top center }
span.sm-separator { display:block; height:25px; margin:20px 0; background:url('../graphics/sm_menu_separator.gif') no-repeat top center }

	
/* ------------------------------------- */
/* Sidebar                               */

#main-content .sidebar {
	float:right;
	width:229px;
	display:block;
    padding: 10px;
    background: #1F384A;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
	margin:0 0 0 30px }

#main-content .sidebar h2 {
    color:#B5CEDF;

    }

	
	.sub-sidebar {
		margin:6px 0 15px 30px !important }

	.sidebar .sm-featured-item {
		width:239px;
		height:179px;
		position:relative;
		margin:0 0 30px 0;
		border:5px solid #FCE8CB }
		
		.sidebar .sm-featured-item img { display:block; margin:0 }
		
		.sidebar .sm-featured-item.bottom { margin:0 0 12px 0 !important }
		
	.sidebar .sm-featured-item h2 {
		position:absolute;
		top:0; left:0;
		font-size:16px !important;
		background:#412002;
		border-bottom:1px solid #2F1803;
		text-align:center;
		width:239px;
		padding:12px 0 !important;
		opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.9
	}
	
/* ------------------------------------- */
/* Footer                                */

#footer {
	font-size:14px;
	background:#1f384a;
	width:100%;
	padding:15px 0 20px 0;
	border-top:1px solid #244156 }
	
	#footer .content { position:relative }
    #footer ul li {
      display: inline;
      border-left: 1px solid #666666;
      padding-left: 5px;
    }
    #footer ul li ul {
      display: none;
    }

	
	#footer .right {
	  font-size: 10px;
		position:absolute;
		right:0; top:0 }
		
	#footer .right em { color:#fff }