body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #bc000e;
	font-size: 11px;
	
}

#wrapper {
	width: 840px;
	padding: 0 20px 0 20px;
	height: 100%;
	margin: auto;
}

.floatLeft {
	float: left;
	margin: 0 0 0 20px;
}

.floatWineSpec {
	position: relative;
	margin: 0;
	padding: 0;
	float: right;
	display: block;
	z-index: 20;
	
}

.openTable  {
	display: block;
	float: left;
	position: relative;
	top: 32px;
} 


#homeWineSpect  {
	display: block;
	float: left;
	width: 52px;
	height: 75px;	
	position: relative;
	margin: 0;
	padding: 0;
	
	
}
#headerReserve  {
	display: block;
	float: left;
	position: relative;
	width: 366px;
	text-align: center;
	padding-top: 44px;
	color: #DD8E37;
	
}

#headerReserveHome {
	display: block;
	float: left;
	position: relative;
	width: 265px;
	text-align: center;
	padding-top: 44px;

	
}
#logo {
	float: left;
	position: relative;

	width: 250px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
	
}
#reserve1 {
	float: right;
	color: #DD8E37;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 300px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;


}

#headerReserveAH {
	display: block;
	float: left;
	width: 300px;
	color: #DD8E37;
	margin: 30px auto 0 auto;
}
.reservePhone {
	text-align: center;
	margin: 0;
	padding: 0; 
	color: #DD8E37;
}
#homeRightSideHdr {
	float: right;
	width: 250px;
	padding: 0 20px 0 0;

}
#Lpict  {
	display: block;
	float: left;
	margin: 5px 20px 10px 33px;
	border: 1px dotted #F3A23D;
	
}
#Rpict  {
	display: block;
	float: left;
	margin: 5px 0 10px 25px;
	border: 1px dotted #F3A23D;
}

#homePicts {
	display: block;
	width: 764px;
	text-align: center;
	
}

#tagline  {
	width: 756px;
	height: 100%;
	margin: auto;
	
	text-align: center;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #DD8E37;
}


/**

#emailForm  {
	display: inline;
	width: 756px;
	margin: 0 auto;
	border: 0;
	padding: 0;
	font-size: 12px;
	color: #FF0000;
	background-color: #4B0009;
	
}
#emailForm form {
	margin: 0;
	padding: 0;
	border: 0;
}


#emailForm form input {
	font-size: 10px;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
}	

**/

#bottomHours    {
	width: 748px;
	margin: 0 auto;
	height: 100%;
	color: #DD8E37;
	text-align: center;
	border: 0;
	padding: 4px;
	font-size: 11px;
}


	
#footerLinks	{
	width: 756px;
	height: 100%;
	margin: auto;
	padding-top:  5px;
	padding-bottom:  5px;
	text-align: center;
	font-size: 12px;
	color: #DD8E37;

}
	
		
#footerLinksHome	{
	width: 756px;
	height: 25px;
	margin: auto;
	padding-top:  5px;
	padding-bottom:  5px;
	text-align: center;
	font-size: 12px;
	color: #DD8E37;
}

	
#footerAddress	{
	width: 756px;
	height: 100%;
	margin: 0 auto;
	padding-top:  5px;
	padding-bottom:  5px;
	text-align: center;
	font-size: 12px;
	color: #DD8E37;

	
}	

#footerMenus {
	width: 756px;
  	position: relative;
  	height: 100%;
	margin: auto;
	padding-top:  5px;
	padding-bottom:  5px;
	padding-left: -8px;       /**  to match length of shadow  col3  **/
	text-align: center;
	font-size: 12px;
	color: #DD8E37;
	
}
.reserve  {
	color: #DD8E37;
	font-size: 11px;
	margins: auto;
}
#centerPhotos {
	width: 100%;
	margin: 5px 50%;
}
.yellowEmphasis {
	color: #DD8E37;
	height: 25%;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
}

.flashWrapper  {
	float: right;
	padding: 2px;
	width: 228px;
	height: 228px;
	overflow: hidden;
	margin: 5px;
	border: 2px dotted white;
}
.flashWrapperLeft  {
	display: inline;
	float: left;
	padding: 2px;
	width: 228px;
	height: 228px;
	overflow: hidden;
	margin: 5px 10px 5px 125px;
	border: 2px dotted white;
	
}
.flashWrapperLeft2  {
	clear: both;
	position: relative;
	display: block;
	float: left;
	padding: 2px;
	width: 228px;
	height: 228px;
	overflow: hidden;
	margin: 105px 10px 5px 125px;
	border: 2px dotted white;
	
}


.flashWrapperRight  {
	display: inline;
	float: left;
	padding: 2px;
	width: 228px;
	height: 228px;
	overflow: hidden;
	margin: 5px 10px 5px 110px;
	border: 2px dotted white;
}

.flashWrapperRight2  {
	display: inline;
	float: left;
	padding: 2px;
	width: 228px;
	height: 228px;
	overflow: hidden;
	margin: 105px 10px 5px 125px;
	border: 2px dotted white;
}


.whiteText {
	color: #fff;
	padding-left: 50px;
	font-size: 12px;
}

.red  {
	
	font-weight: bold;
}

td {
	color: #fff;
	font-size: 11px;
}


a:link {
	color:#DD8E37;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#DD8E37;

}
a:hover {
	text-decoration: none;
	color: #f8f4d8;
}
a:active {
	text-decoration: none;
		color:#DD8E37;

}


#contentHome  {
	width: 756px;
	height: 501px;
	color: #fff;
	margin: 0 auto 5px auto;
	padding: 0;
	background-color: transparent;
	
}


#content  {
	width: 756px;
	height: 100%;
	color: #fff;
	margin: 5px  auto;
	
}




#contentLcol {
	display: block;
	float: left;
	width: 480px;
	color: #fff;
	margin: auto;
}

#contentRcol {
	display: block;
	float: left;
	width: 250px;
	color: #fff;
	margin: auto;


}
#contentRcolContact {
	display: block;
	float: left;
	width: 300px;
	color: #fff;
	margin:30px 30px 25px 55px;
	font-size: 12px;

}

#contentCompliments  {
	background-color: #3b0004;
	width: 756px;
	padding: 0;
	margin: 0 auto;
	
}

#contentCompliments p {
	color: #fff;
	text-align: left;
	margin: 0 10px;
}

#contentContact  {
	width: 756px;
	height: 312px;
	padding: 0;
	margin: 0 auto;
	z-index: 1000;

}



#contentGallery  {
	width: 748px;
	height: 312px;
	padding: 0;
	margin: 0 auto 0 auto;
	text-aiign: center;
	z-index: 1000;
	
}

.quoteAttribution {
	color: #ffcc66;
}

.divider {
	margin: 10px 0 20px 0;
	border-bottom: 1px dotted #666;
}

.imageCaptions  {

position: relative;
	display: block;
	float: left;
width: 176px;
min-height: 120px;
margin: 0 0 10px 0;
padding-left: 5px;
padding-right: 5px;
font-size: 11px;
font-weight: normal;
text-align: center;

}



.imageCaptionsV  {

width: 100px;
margin: 13px 0 13px 0;
font-size: 11px;
font-weight: normal;
text-align: center;
}



.imageCaptionsVmid {
	position: relative;
	display: block;
	float: left;
text-align: center;
width: 120px;
margin: 0;
font-size: 11px;
font-weight: normal;

}

#navMain    {
	width: 748px;
	margin: 0 auto;
	height: 25px;
	text-align: center;
	border: 0;
	padding: 4px;
}
#navMain ul {
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	
}
div#navMain  li {
	display: inline;
	list-style-type: none;
	color:#DD8E37;
	text-decoration: none;
	margin: 12px 10px 0  10px;
	text-align: center;
	
}

div#navMain li a:link  {
	padding: 0;
	color:#DD8E37;
}
div#navMain li a:visited  {
		color: #DD8E37;
}

div#navMain li  a:hover  {
	
		color:#f8f4d8;
}
div#navMain li a:active {
	color:#DD8E37;
}


/* below are nav for food menus */
	
#nav     {
	width: 748px;
	margin: 0 auto 20px auto;
	height: 30px;
	text-align: center;
	padding: 4px;
}


#nav ul {
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
}
div#nav li {
	display: inline;
	list-style-type: none;
	color: #DD8E37;
	text-decoration: none;
	padding: 5px  4px 5px 4px;
	text-align: center;
	
}

div#nav a:link  {
	padding: 0;
	color:#DD8E37;
}


/* below are nav for food menus */
	
#navPict     {
	position: relative;
	display: block;
	width: 748px;
	margin: 0 auto 20px auto;
	height: 30px;
	text-align: center;
	padding: 4px;
}


#navPict ul {
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
}
div#navPict li {
	display: inline;
	list-style-type: none;
	color: #DD8E37;
	text-decoration: none;
	padding: 5px  4px 5px 4px;
	text-align: center;
	
}

div#nav a:link  {
	padding: 0;
	color:#DD8E37;
}


div#navMain  a:visited  {
	color:#DD8E37;
}
div#nav a:hover  {
	
	color:#f8f4d8;
}

div#navMain  a:active {
	color: #DD8E37;
}


#navSub {
	display: block;
	width: 756px;
	margin: 0 auto;
	padding: 0;
	color:#f8f4d8;
}


div#navSub a:link  {
	padding: 0;
	color:#DD8E37;
	
}
div#navSub  a:visited  {
	color:#DD8E37;
}
div#navSub a:hover  {
	color: #f8f4d8;
}
div#navSub  a:active {
	color:#DD8E37;
}
  
h2 {								/* for emphasis decor page */
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 6px;
}

h3 {							
	color: #DD8E37;
	font-size: 12pt;

}

.btmAddress {
	font-size: 10px;
	color: #ffcc66;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 15%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://butterflysf.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://butterflysf.com/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff; }


  start thickbox  

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


.images {
	margin: 4px;
	border: 1px;
	border: 1px dotted #DD8E37;
}


#ad p  {
	margin: 0 0 2px 0;
	
}

#menuRow img {
	margin-left:  114px;
}

#menuCol1 {
	position: relative;
	display: block;
	width: 170px;
	float: left;
	text-align: left;
	margin-left: 0px;
}
#menuCol2 {
	position: relative;
	display: block;
	float: left;
	width: 170px;
	padding-left: 130px;
	margin: 0;
	
	
}
#menuCol3 {
	position: relative;
	display: inline;
	margin-left: 20px;
	float: right;
	width: 170px;
	text-align: right;
	
}

.menuImages {
	margin-bottom: 20px;
	
}
border {
	border: 1px solid #FFFFFF;
}
border {
	border: 1px solid #FFFFFF;
}