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

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
body{ margin:0px; padding:0px; font-family: Helvetica ,Arial, sans-serif; font-size:0.76em; background: #cfb397; color:#76493d; font-weight:normal}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold; color:#3e0000; margin:3px 0; padding:3px 0}
.data{font:12px/16px;}
.data p{text-align:justify; font:12px; margin:0px 0 15px 0px}
table {border-collapse:collapse;}
img{ border:none}
a{ text-decoration:none; color:#d0c3a4; font-weight:bold}
a:hover{ color:#000; }
a:focus {outline: none;}
/*USEFUL CLASSES*/
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden} /* Non IE clearfix */
.fr{ float:right}

#wrapper{ width:955px; height:600px; margin:0 auto; padding:0; background: url(images/background.jpg) left top }
/* -----------------------------------------------
2. HEADER
----------------------------------------------- */
#header{ width:auto; height:115px}
#header h1{ display:none}
#logo{ width:324px; height:115px; float:left}
#right_header{ float:left; width:550px; padding:10px 0 0 25px; color:#806b51}
#right_header p{ text-align:right; padding:3px 0 0 0 ; margin:0 ; font-size:0.9em}
.line{ text-align:right; padding:0!important; margin:3px 0 3px 0!important}

.bold_text{ font-weight:bold; padding:0 0 5px 0!important}
.timetable{ color:#b97e68; font-weight:bold; padding:5px 0 0 0   }
.hours1{ color:#806b51;  margin:0px 0 0 50px!important}
.hours2{ color:#806b51;  margin:0px 0 0 46px!important}
.phone{ color:#806b51;  margin:0px 0 0 26px!important}
.btn{border:1px solid #000000; background:#a73625; color:#FFFFFF;}
/* -----------------------------------------------
3. NAVIGATION
----------------------------------------------- */
#navigation{ width:700px; height:38px; clear:both; padding:0 0 0 245px}
#navigation ul{ margin:0; padding:0; list-style-type:none; text-transform:uppercase; height:38px}
#navigation li{ display:inline; padding:0px 0px; float:left}
#navigation ul a { color:#d0c3a4; display:block; padding:11px 30px}
#navigation a:hover{ color:#fff; background: url(images/roll_over.jpg) center top no-repeat}
/* -----------------------------------------------
4. LEFT CONTENT
----------------------------------------------- */
#left_content{ float:left; width:350px; height:447px; background:url(images/left_home.jpg) left 0px no-repeat}
#left_content p, #left_content_wine p{ margin:410px 0 0 215px}

#left_content_menu{float:left; width:350px; height:447px; background:url(images/left_2.jpg) left 0px no-repeat}
#left_content_wine {float:left; width:350px; height:447px; background:url(images/left_wine.jpg) left 0px no-repeat}
#left_content_directions {float:left; width:350px; height:447px; background:url(images/left_directions.jpg) left 0px no-repeat}
.short_par{ width:335px!important}
#left_content_reservation {float:left; width:350px; height:447px; background:url(images/left_reservation.jpg) left 0px no-repeat}
/* -----------------------------------------------
5. RIGHT CONTENT
----------------------------------------------- */
#right_content{ float:left; width:560px; padding:40px 0 0 18px; height:312px; margin:0 0 10px 0 }
#right_content h2{ color:#3e0000; font-size:1.1em; }
.home{ width:360px; padding:3px 0  }
.long_par{ width:550px!important}

#right_content a ,.post a{ color:#a24928}
#right_content a:hover, ,.post a:hover{color:#d0c3a4}
.post1 {padding:0px 0px 10px 0px;}
.post1 a{color:#3e0000}
.post1 a:hover{color:#d0c3a4}

/* -----------------------------------------------
6. FOOTER
----------------------------------------------- */
#bottom{ width:229px;  background:url(images/bottom.jpg) right top no-repeat; height:85px; float:right}



/* ======================================= blog ============================= */
#wrapper-blog{ width:955px;  margin:0 auto; padding:0; background: url(images/background-blog.gif) left top repeat-x; clear:both;}
#wrapper-blog h1,h2,h3,h4,h5,h6,p,div,form{margin:0; padding:0;}
#page{width:940px; float:left;  background:#BC9C75 url(images/bg-page.gif) repeat-x left top; clear:both; padding:25px 0 0 15px;}
#footer{background:url(images/footer-bg.gif) right top repeat-x; height:110px; width:955px; float:left; clear:both; }
.post{float:left; width:670px; padding-bottom:30px; font:12px/18px Arial, Helvetica, sans-serif;}
.post h2{margin:0; padding:0; color:#3e0000; font-size:1.1em;}
.post h2 a{color:#3e0000; text-decoration:none;}
.post h2 a:hover{color:#d0c3a4; text-decoration:underline;}
.posted{font:10px/16px Arial, Helvetica, sans-serif; color:#59473D;  background:url(images/bg-posted.gif) repeat-x left top; padding-bottom:15px;}
.post img{float:right; padding-left:10px; }
.continue{background:#A38866; float:left; width:670px; color:#3e0000;  margin-top:20px; padding:0; }
.post-text{float:left; width:670px;}
.continue a{background:#A24929; float:right;  color:#D0C3A4; text-decoration:none; font:12px/24px Arial, Helvetica, sans-serif; display:block; padding:0 10px;}
.continue a:hover{background:#3e0000; }
.col1{float:left; width:670px; padding-right:15px; display:block;}
/* --right part --*/
.col2, .col3 { float:left; width:160px; padding-left:10px;}

.col2 form,.col3 form{ margin:0; padding:0 0 0 0;}
.col2 h3,.col3 h3{background:url(images/folder.gif) no-repeat left 5px; font:bold 12px/28px Arial, Helvetica, sans-serif; color:#3E0000; float:left;  padding-left:22px; clear:both;}
.col2 ul,.col3 ul{ margin:0; padding:0 0 0 3px; list-style:none; }
.col2 ul li,.col3 ul li{ margin:0; padding:0; float:left; width:150px; clear:both; padding:2px 0;}
.col2 ul li a,.col3 ul li a{ font:12px/16px Arial, Helvetica, sans-serif; color:#76493D; display:block; float:left; padding-left:19px; text-decoration:none; background:url(images/bullet.gif) no-repeat left 5px;}
.col2 ul li a:hover,.col3 ul li a:hover{ text-decoration:underline;}
.col2 form input{ width:121px; height:15px; float:left; border:1px solid #3E0000; background:#BC9C75; color:#76493D; font:11px Arial, Helvetica, sans-serif;margin:0; padding:0 2px; }
.col2 form .button{ width:26px; float:right; height:17px; background:url(images/go.gif) no-repeat left top; margin:0; padding:0; border:none;}
.divider{
	float:left;
	width:160px;
	overflow:hidden;
	height:1px;
	background:url(images/divider.gif) repeat-x left top;
	margin:6px 0 5px 0;
	clear:both;
}

.rss a{
	float:left;
	width:110px;
	background:url(images/rss.gif) no-repeat center  top;
	padding:114px 0 0 50px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
	display:block;
	
}
.rss a:hover{
	text-decoration:underline;
	color:#3E0000;
}
/* ======================================= End blog ============================= */

/* operatble css start */

/******************************* Vertical Layout **************************************/

/* Overall Wrapper for Client Supplied Snippet */
	#OT_searchWrapperAll {   
        width:100%;
        height:100px;/* for horizontal layout: 60px, for vertical layout: 100px */
        position: relative;
        margin:0;
        padding:0;
        background:#BC9C75;
    }
    
/* wrapper */

	#OT_searchWrapper
    {
        border: none;
        background: #BC9C75;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        width:100%; 
        height:100px;/* 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:1em;
    }
 
 /* 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: 235px;/* for horizontal layout: 305px, for vertical layout: 185px */
    }
    
 /* 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: 115px; /* for horizontal layout: 25px, for vertical layout: 115px */
        left: 120px;/* for horizontal layout: 450px, 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:0px; /* for horizontal layout:0px, for vertical layout: 0px */
		width:100%;
		padding:0;
		margin:0;
		display:block;
		background:#BC9C75;
		display:none;
    }
    
  /* Wrapper for Text Link */   
    #OT_logoLink {
		position: absolute;
		top: 100px;/* for horizontal layout: 60px, for vertical layout: 100px */
		left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */
		width:100%;
		padding:0 0 10px 0;
		margin:0;
		font-size:9px;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		display:block;
		background:#BC9C75;
		display:none;
     }
    
    /* 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:#fff;
 		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%;
	}



/*end*/