/* Elegant Restaurant Package CSS */

/* --------------------------------------------------------- */
/* To make things easy and because we're so nice...          */
/* ALL COLORS CAN BE CHANGED RIGHT HERE                      */
/* --------------------------------------------------------- */

body {
	color:#DCE7E5;
	background:#1c2124 url('../graphics/body_bg.jpg') top center no-repeat }

a { color:#94c5e0 }
a:hover { color:#fff }

#header { border-bottom:1px solid #0e1012 }
#header h1 { color:#fff }
#header h1 a { color:#fff }
#header h1 span { color:#D1DADF }
	
#nav li ul { border-top:5px solid #FFF; background:#59646B url('../graphics/dropdown_arrow.gif') no-repeat top center }
#nav li ul li a { color:#DCE7ED; border-bottom:1px solid #59646B; border-top:1px solid #59646B }
#nav li ul li a:hover { color:#fff; background:#7D888F; border-bottom:1px solid #99A7AF; border-top:1px solid #99A7AF }

#featured-item { background:#fff }
.featured-itemImage { border:8px solid #fff }
.featured-itemImage span { background-color: #353d41; color: #fff }			
.featured-itemImage span strong { color:#fff !important }
.featured-itemImage span b { color:#dce7ed }
.featured-itemImage span em.price { color:#FFF }

#homepage-right h3 { color:#FFF }
#homepage-right p { color:#dce7ed }
p.hours strong { color:#FFF }
#homepage-right p span { color:#FFF }

#main-content {
	border-top:1px solid #59646b;
	border-bottom:1px solid #59646b;
	background:#2e3539 url('../graphics/main_content_bg.jpg') top center no-repeat }
	
#main-content h2 { color:#fff }	
#main-content h3 { color:#DCE7E5 }
	
#main-content form {
	background:#5A686F;
	border:1px solid #7D898F }
	
form .input-text {
	border:1px solid #fff;
	color:#1F384A;
	background:#EFF9FF }
	
form label { color:#fff }
	
form .submit-button {
	background:#E0EAEF;
	border:1px solid #fff;
	color:#1F384A }
	
.photo { border:5px solid #FCE8CB }

.address { border-bottom:1px solid #59646B; color:#B5CEDF }
.address strong { color:#FFF }
	
#menu-skin { background:#E0E9EF }
#menu-skin h2 { color:#2E3539 }
	
.right-menu { border-left:1px solid #8FACBF }

dt { background:#E0E9EF; color:#4D595F }
dd.price { color:#406F0D; background:#E0E9EF }
dd.ingredients { color:#7D898F }

span.new, span.special { color:#FFF8EF }
span.special { background:#579F09 }
span.new { background:#EF1E0E }
	
.sidebar .sm-featured-item { border:5px solid #FFF }
.sidebar .sm-featured-item h2 {	background:#353d41; border-bottom:1px solid #1C2124 }

#footer { background:#1c2124; border-top:1px solid #0e1012 }
#footer .right em { color:#fff }


/* --------------------------------------------------------- */
/* The rest of the Style Sheet (doesn't include colors)       */
/* --------------------------------------------------------- */

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 }
	
a { text-decoration:none }
a:hover { text-decoration:none }

.content {
	position:relative;
	width:940px;
	margin:0 auto;
	padding:0;
	height: auto;
}
	
img { border:0 }
.clear { clear:both; display:block; height:1px; font-size:1px }
	
/* ------------------------------------- */
/* Header                                */

#header { position:relative; width:100% }
	
	#header.homepage { height:443px }
	#header.subpage { height:116px }
	
	#header h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		margin:0; padding:25px 0;
		font-size:32px;
		letter-spacing:0 }
		
		#header h1 a {
			text-decoration:none }
			
		#header h1 span {
			width:511px;
			text-align:left;
			letter-spacing:0;
			display:block;
			margin:0;
			font-style:normal;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			font-size:14px }
			
	#header .address {
		font-size:12px;
		position:absolute;
		top:30px;
		right:0 }
			

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

#navigation {
	position:absolute;
	right:0;
	top:42px;
	width:540px;
	height:20px;
	z-index:50;
	font-size:20px }
	
	#navigation.subpage {
		top:-97px !important }
	
	#navigation ul {
		width:500px;
		height:20px;
		list-style:none;
		display:block }
	
	#navigation ul li {
		margin:0 0 0 30px;
		position:relative;
		display:inline;
		padding:0 0 5px 0;
		float:right }
		
	#navigation ul li a {
		height:20px;
		padding:0 0 20px 0 }
	
	/* SUCKERFISH DROPDOWNS */
	#nav li ul { display:none; position:absolute; top:30px; left:-27px }
	#nav li > ul { top:auto; left:auto }
	#nav li:hover ul, #nav li.over ul { display:block !important; z-index:20; padding:10px 0 2px 0; position:absolute; top:30px; left:-27px }
	/* END SUCKERFISH DROPDOWNS */
	
	#nav li ul { z-index:20; width:150px; height:auto; padding:15px 0 2px 0; margin:0;
	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; background:none; text-align:left; font-size:15px; text-transform:uppercase }

#featured-item {
   width: 661px; /* important to be same as image width */
   height: 310px; /* important to be same as image height */
   position: relative; /* important */
   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 {
	width:645px; height:294px;
   	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;
   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 */
   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 strong {
	font-weight:normal;
	font-size:20px; letter-spacing:-1px;
	display:block;
	margin:15px 0 5px 15px !important; padding:0 }

.featured-itemImage span b {
	font-weight:normal;
	display:block;
	margin:3px 0 12px 15px !important; padding:0;
	line-height:18px; font-size:14px;
	width:450px }
	
.featured-itemImage span em.price {
	font-style:normal;
	display:block;
	height:30px;
	padding:5px 0;
	font-size:30px; letter-spacing:normal;
	position:absolute; right:15px; top:18px }

.featured-itemImage span em.more-info {
	font-style:normal;
	font-size:14px;
	font-weight:bold;
	display:block;
	position:absolute; right:15px; top:52px }

.clear { clear: both } 


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

#homepage-right {
	line-height:25px;
	float:left;
	margin:0 0 0 30px;
	height:264px;
	width:249px }
	
	#homepage-right h3 {
		font-size:22px;
		margin:0; padding:0;
		letter-spacing:-0.01em }
		
	#homepage-right p {
		font-size:18px;
		padding:0; margin:0 0 20px 0 }
		
		#homepage-right p.hours {
			font-size:14px; line-height:19px }
		
		#homepage-right p.phone {
			padding:0 0 0 30px;
			margin:0 0 5px 0;
			background:url('../graphics/icon_phone.gif') no-repeat 0 2px }
			
		#homepage-right p.email {
			padding:0 0 0 30px;
			background:url('../graphics/icon_email.gif') no-repeat 0 2px }


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

#main-content {
	position:relative;
	width:100%;
	padding:20px 0 30px 0 }
	
#main-content h2 {
	font-size:22px;
	font-weight:normal;
	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:16px;
	line-height:24px;
	display:block;
	font-weight:normal;
	margin:0 0 20px 0;
	padding:0 }
	
#main-content p {
	margin:0 0 15px 0;
	padding:0;
	font-size:14px;
	line-height:22px;
}
	
	
/* ------------------------------------- */
/* Form Styling                          */

#main-content form {
	margin:0;
	padding:20px }
	
	form .input-text {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:7px }
	
	form textarea {
		width:250px;
		line-height:18px;
		height:100px }
	
	form label{
		display:block;
		margin-bottom:10px }
	
	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 {
		padding:0px 6px;
		height:24px;
		line-height:24px;
		font-size:11px;
		text-transform:uppercase;
		font-weight:bold;
		margin:0 0 0 80px;
		display:inline-block;
		text-decoration:none }
	
	.photo { margin:0 }
	.nocaption { margin:0 0 15px 0 }
		
	.caption {
		text-align:center;
		font-size:11px;
		display:block;
		margin:3px 0 15px 0 }


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

.address {
	font-size:14px;
	margin:0 0 20px;
	padding:0 0 10px }
	
	.address .sidebar { text-align:right }
	
.left-side {
	float:left;
	width:661px }

.left-side2 {
	float:left;
	width:930px }
	
	
/* ------------------------------------- */
/* Menu Styling                          */

#menu-skin { padding:20px }
	
	#menu-skin h2 { font-style:italic; font-weight:bold; margin:0 0 15px }

.left-menu {
	float:left;
	width:532px;
	padding:0 }
	
.right-menu {
	float:right;
	width:318px;
	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; font-weight:normal; float:left; padding-right:5px }
dd { margin:0 }
dd.price { font-weight:normal; font-size:16px; float:right; padding-left:5px }
dd.ingredients { font-size:14px; font-style:italic; font-weight:normal; line-height:20px; float:left; width:100%; padding: 3px 0 }

span.new, span.special {
	font-size:11px;
	font-weight:bold;
	padding:1px 3px 0;
	position:relative;
	text-transform:uppercase;
	top:-2px }

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:249px;
	display:block;
	margin:0 0 0 30px }
	
	.sub-sidebar {
		margin:6px 0 15px 30px !important }
	
	.sidebar .sm-featured-item {
		width:239px;
		height:179px;
		position:relative;
		margin:0 0 30px 0 }
		
		.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;
		text-align:center;
		width:239px;
		padding:12px 0 !important;
		opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.9
	}
	
/* ------------------------------------- */
/* Footer                                */

#footer {
	font-size:14px;
	width:100%;
	padding:15px 0 20px 0 }
	
	#footer .content { position:relative }
	
	#footer .right {
	position:absolute;
	right:0;
	top:0;
	width: 250px;
}
		
/******************************* Vertical Layout **************************************/

 

/* Overall Wrapper for Client Supplied Snippet */

                #OT_searchWrapperAll {   

        width:100%;

        height:130px;/* for horizontal layout: 60px, for vertical layout: 100px */

        position: relative;

        margin:0;

        padding:0;

        background:#fff;

    }

    

/* wrapper */

 

                #OT_searchWrapper

    {

        border: none;

        background: #fff;

        font-family: Verdana, Arial, Helvetica, Sans-Serif;

        font-size: 12px;

        width:100%; 

        height:130px;/* for horizontal layout: 60px, for vertical layout: 100px */

        position: relative;

        margin:0;

    }

 

/* Title of Search */

                 #OT_searchWrapper .OT_feedTitle

    {

        position: absolute;

        top: 0;

        left: 0;

        margin: 0 0 1px 5px;

        font-size:12px;

        font-weight:normal;

        line-height:normal;

    }

 

 /* Definition List */   

    #OT_searchWrapper dl 

    {

                                position: absolute;

                                top: 0;

        left: 0;

                                padding:0;

                                margin:0;

                }

 

/* Party Size Label Wrapper - dt tag */

    #OT_partySizeLbl

    {

        position: absolute;

        top: 25px;/* for horizontal layout: 25px, for vertical layout: 25px */

        left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */

        margin: 0 0 0 5px;

        padding:3px 0;

        text-align:right;

        width:110px;

        display:block;

    }

    

/* Party Size Wrapper - dd tag */    

    #OT_partySize

    {

        position: absolute;

        top: 25px;/* for horizontal layout: 25px, for vertical layout: 25px */

        left: 120px;/* for horizontal layout: 90px, for vertical layout: 85px */

        margin:0;

                padding:0;

    }

 

/* Date Label Wrapper - dt tag */    

    #OT_dateLbl

    {

        position: absolute;

        top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */

        left: 0px;/* for horizontal layout: 105px, for vertical layout: 0px */

        margin: 0 0 0 5px;

        padding:3px 0;

        text-align:right;

        width:110px;

    }

    

/* Date Label Wrapper - dd tag */    

    #OT_date

    {

        position: absolute;

        top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */

        left: 120px;/* for horizontal layout: 195px, for vertical layout: 85px */

        width:100px;

        margin:0;

                padding:0;

    }

 

/* Time Label Wrapper - dt tag */     

    #OT_timeLbl {

        position: absolute;

        top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */

        left: 210px;/* for horizontal layout: 300px, for vertical layout: 185px */

        width:60px;

        padding:3px 0;

        text-align:right;

    }

 

/* Time Label Wrapper - dd tag */     

    #OT_time {

        position: absolute;

        top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */

        left: 275px;/* for horizontal layout: 275px, for vertical layout: 185px */

        margin:0;

    }

    

 /* Placeholder empty dt */

    #OT_empty 

    {

                                position:absolute;

                                width:0;

                                height:0;

                                padding:0;

                                margin:0;

                                top:100px;

                                left:0;

                } 

 

 /* Submit Button Wrapper - dd tag */    

     #OT_submitWrap

    {

        position:relative;

        top: 100px; /* for horizontal layout: 25px, for vertical layout: 112px */

        left: 275px;/* for horizontal layout: 500px, for vertical layout: 275px */

        margin: 0 5px 0 0;

        z-index:5; /* do not change */

    }

   

 /* Wrapper for Powered By OpenTable Logo */

    #OT_logo {
	position:absolute;
	top:120px; /* for horizontal layout: 80px, for vertical layout: 120px */
	left:22px; /* for horizontal layout:0px, for vertical layout: 0px */
	width:auto;
	padding:0;
	margin:0;
	display:block;
	background:#fff;

    }

    

  /* Wrapper for Text Link */   

    #OT_logoLink {
	position: absolute;
	top: 100px;/* for horizontal layout: 60px, for vertical layout: 100px */
	left: 22px; /* for horizontal layout: 0px, for vertical layout: 0px */
	width:auto;
	padding:0 0 10px 0;
	margin:0;
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	display:block;
	background:#fff;

     }

    

    /* text link padding */

     #OT_logoLink a

     {

                                padding:0 0 0 10px;

                }

 

    /* Logo Link Border and margin*/

    #OT_imglogo 

    {

                                border: 0;

                                margin:0 0 0 10px;

                }

    

                #OT_searchWrapper form {margin:0;padding:0;}

                #OT_searchWrapper input.hidden {display:none;}

 

                /* Text Form Fields*/ 

                #OT_searchWrapper .feedFormField, #OT_searchWrapper .feedFormField option {

                                font-size:12px;

                                margin:2px 2px 2px 2px;

                }

                /* Text Form Field for Date field */

                #OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar 

                {

                                font-family: Verdana, Arial, Helvetica, Sans-Serif;

                                font-size:12px;

                                margin:0;

                                width:85px;

                }

 

                #OT_searchWrapper #dateDisplay

                {

                                font-size:10px;

                                color:#999;

                                font-family: Verdana, Arial, Helvetica, Sans-Serif;

                                float:right;

                                margin:0px 30px 0px 0px;

                                display:inline;

                }

 

                /*** calendar styles ***/

 

                /* Placeholder. Don't change this */

                #OT_searchWrapper .imgCal 

                {

                                position: absolute; 

                                display: none; 

                                z-index:100;

                }

 

                /* Calendar Table properties */

                #OT_searchWrapper #imageCal table {

                                font-size:12px;

                                width:150px;

                                font-family:arial;

                                font-weight: bold;

                                background:#FFF;

                }

                #OT_searchWrapper #imageCal td {

                                padding:0px 0px 0px 0;

                                text-align:center;

                }

 

                /* Days in the future */

                #OT_searchWrapper .clickableDays 

                {              

                                color: #000000; 

                                text-decoration: none;

                                height:18px;

                }

 

                /* Days in the past */

                #OT_searchWrapper .nonclickableDays 

                {              

                                color: #CCCCCC;

                                height:18px;

                }

 

                /* Name of the month at the top */

                #OT_searchWrapper .months 

                {

                                color: #FFFFFF; 

                                text-decoration: none 

                }

 

                /* Day of the week */

                #OT_searchWrapper .weekdays

                {

                                color: #000000; 

                                text-decoration: none; 

                                color:#666666;

                                background-color:#EFEFEF; 

                                width:14%;

                }