/* CSS Document */

/* CSS Document */
*{margin: 0; padding: 0;}
html {
	font: 125% Arial, Helvetica, sans-serif;
}
body {
	font-size: 50%;
	background: #130901 url(img/bg2.gif) center top;
	color: white;
}
.left{display: block; float: left; margin: 0 10px 10px 0;}
.right{display: block; float: right; margin: 0 0 10px 10px;}
/*/////////LAYOUT///////////////////////////////////////////*/
#container{
	width: 847px;
	height: 479px;
	padding: 28px 10px 10px;
	background: #130901 url(img/bg-container.gif) no-repeat;
	margin: 40px auto 0;
	position: relative;}
	#header{
		position: absolute;
		left: 20px;
		top: 40px;
		z-index: 5;}
		#header div{}
			#header div div{}
			h1{}
		/*	h1 a{
				width: 256px;				
				height: 0px;
				overflow: hidden;
				padding-top: 62px;
				margin-top: 0px;
				display: block;
				background: url(img/h1.png) no-repeat 1px 0;
			}*/
	
			h1 a{
				width: 152px;				
				height: 0px;
				overflow: hidden;
				padding-top: 62px;
				margin-top: 0px;
				display: block;
				background: url(img/h1_v2.png) no-repeat 1px 0;
				margin-left:25px;
			}
			
	
	#middle{
		background: url(img/hr.gif) no-repeat center top;
		padding-top: 1px;
		position: relative;}
		#nav{
			position: absolute;
			bottom: 9px;
			z-index: 10;
			background: url(img/hr.gif) no-repeat center top;
			padding: 1px 0 12px;
			margin-left: 20px;
			}
			#nav li{
			list-style: none;
			float: left;
			position: relative;
			font-size: 1em;
			text-transform: uppercase;}
			#nav li li{
				background: none;
			}
			#nav a{
				margin: 0 5px;
				display: block;
				float: left;
				text-decoration: none;
				color: #fff;
				padding-top: 15px;
				background: url(img/nav-arrow.gif) no-repeat center -20px;
			}
			#nav ul{
				position: absolute;
				width: 119px;
				height: 119px;
				left: 0;
				font-family:"Times New Roman", Times, serif;
				padding: 5px;
				top: -130px;
				font-size: 1.1em;
				line-height: 1.2em;
				color: #ffe2e2;
				background: url(img/nav-hoverbox.png) no-repeat;
				display: none;
			}
			#nav ul strong{
				color: white;
				height: 20px;
				line-height: 20px;
				text-align: center;
				font-style: normal;
				margin-bottom: 10px;
				font-family:Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				font-weight: normal;
				display: block;
				width: 119px;
			}
			#nav li:hover ul{
				display: block;
			}
			#nav ul li{
				text-transform: none;
				display: block;
			}
			#nav a span span{
				padding: 0px 10px;
				line-height: 20px;
				height: 20px;
				display: block;
				float: left;
				
			}
			#nav1 a, #nav2 a{
				color: #ffc44f;
			}
			#nav a:hover{
				cursor: pointer;
			}
			#nav a:hover, #reservations #nav2 a, #about #nav3 a,  #winelockers #nav3 a, #menus #nav4 a, #gallery #nav5 a, #events #nav6 a, #certificates #nav7 a, #contact #nav8 a, #private #nav9 a{
				background-position: center top;
			}
			#nav a:hover span span, #reservations #nav2 span span, #about #nav3 span span, #winelockers #nav3 span span, #menus #nav4 span span, #gallery #nav5 span span, #events #nav6 span span, #certificates #nav7 span span, #contact #nav8 span span, #private #nav9 span span{
				background: url(img/nav-right.gif) no-repeat right top;
			}
			#nav a:hover span, #reservations #nav2 span, #about #nav3 span,#winelockers #nav3 span, #menus #nav4 span, #gallery #nav5 span, #events #nav6 span, #certificates #nav7 span, #contact #nav8 span, #private #nav9 span{
				display: block;
				float: left;
				background: #800000 url(img/nav-left.gif) no-repeat left top;
			}
		#content{
			height: 350px;
			padding: 81px 0 0;
			margin: 0 10px;
			position: relative;
			}
		#events #content, #gallery #content{
			width: auto;
			height: 431px;
			padding: 0;
		}
		#home #content{
			background: url(img/bg-home.jpg) no-repeat bottom right;
		}
		#home #content{
			background: none; 
		}
		
		
	#video #content div {
/*		border:1px solid blue;*/
		display:inline;
		left:5px;
		top:100px;
		position:relative;		
		}
		
	#video #content .float {
		float: left;
		width:180px;
		text-align:center;
  		}
  
	#video #content .float p {
/*   		text-align: center;*/
		margin-left:0px;
   		}

		#sidebar{
			width: 340px;
			padding: 5px 30px 1px;
			
			color: #ecbd80;
			float: left;
			
			
			
		}
		#vip #content{
			height: 430px;
		}
		#home #content{
			width: 0px;
		}
		#home #sidebar{
			width: 270px;
		}
		#contact #sidebar p{
			color: #f2ccbd;
			line-height: 1.1em;
			font-style: normal;
		}
		#contact #sidebar{
			
			width: 260px;
		}
		#about #content{
			background: url(img/bg-about.jpg) no-repeat bottom right;
		}
		#menus #content{
			background: url(img/bg-menus5.jpg) no-repeat center bottom;
			margin: 0;
		}
		/*#certificates #content{
			background: url(img/bg-certificates.jpg) no-repeat bottom right;
		}*/
		#certificates #content{
			background: url(imgbg-reservations2.jpg);
			}
		
		#gallery #content{
			background: url(img/bg-gallery.jpg) no-repeat bottom right;
		}
		#events #content{
			background: url(img/bg-events.jpg) no-repeat bottom left;
		}
		#reservations #content{
		background-image: url(assets/img/bg-reservations2.jpg);
	}
		#contact #content{
			background: url(img/bg-contact.jpg) no-repeat bottom left;
		}
		
		#rate #content{
			background: url(img/bg-contact.jpg) no-repeat bottom left;
		}
		
		#specialevents #content{
			background: url(img/bg-specialevents.jpg) no-repeat bottom right;
		}
		#winelockers #content{
			background: url(img/bg-winelockers.jpg) no-repeat bottom right;
		}
		#vip #content{
			background: url(img/bg-vip.jpg) no-repeat bottom left;
		}
		#private #content{
			background: url(img/bg-private.jpg) no-repeat bottom right;
		}
		#bottom{}
	#footer{
		width: 777px;
		padding: 0 35px;
		margin: 5px auto 0;
		position: relative;
	}
	
	#footer #facebook a {
		background:url(img/FaceBook-24x24.png) no-repeat 0 0;
		height:0;
		padding-top:24px;
		overflow:hidden;
		width:24px;
		 }
	
	#footer #twitter a {
		background:url(img/Twitter-24x24.png) no-repeat 0 0;
		height:0;
		padding-top:24px;
		overflow:hidden;
		width:24px;
		 }
	
	#footer #myspace a {
		background:url(img/MySpace-24x24.png) no-repeat 0 0;
		height:0;
		padding-top:24px;
		overflow:hidden;
		width:24px;
	 }
	 
	#footer li{
			display: inline;
			list-style: none;
			font-size: 1em;
			text-transform: uppercase;
			}

#footer a {
	margin: 0 20px 0 0;
	line-height: 16px;
	cursor: pointer;
	height: 16px;
	display: block;
	float: left;
	text-decoration: none;
	color: #CCCCCC;
	font-size: 1.1em;
	text-transform: uppercase;
}
	#footer a:hover{
		color: #FFFFFF;
	}
.mnmonthly{
	width: 137px;
	background: url(img/mn-monthly.png) no-repeat;
	position: absolute;
	bottom: 10px;
	left: 10px;
	display: block;
	padding-top: 39px;
	height: 0;
	overflow: hidden;
}
#home #splash{
	position: absolute;
	right: 10px;
	top: 1px;
}

.invite{
	display: block;
	background: url(img/button-vip.jpg) no-repeat;
	text-decoration: none;
	padding-top: 134px;
	font-size: .8em;
	line-height: 1.1em;
	width: 250px;
}
#gallery #stage{
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 7;
}
#home #sidebar{
	width: 120px;
	margin-left: 225px;
	text-align: center;
}

/*/////////Forms////////////////////////////////////////*/

fieldset{
	position: relative;
	padding: 5px;
	border: 1px solid #333333;
	background: url(img/semi-black.png);
	_background: url(img/semi-black.gif);}

legend {font-size: 1.2em; color: #fff; }
#certificates button{
	background: url(img/send-button.gif) no-repeat top left;
	width: 73px;
	height: 25px;
	border: none;
}
#certificates button span{
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;	
}

/*#certificates input:focus, #certificates select:focus, #certificates textarea:focus, #contact input:focus{
	background: #e0caad url(img/input-active.gif) repeat-x top left;
}*/
label { 
	display: block;
	float: left; 
	width: 100px;
	padding: 0;
	line-height: 25px;
	color: #E7B168;
	font-size: 1em;
	margin: 2px 10px 0 0;
	text-align: right;}
#reservations #sidebar label{
	width: 50px;
}
label.inline{
	display: inline;
	float: none;
	margin: 0;
}

form span{
	height: 20px;
	display: block;
	float: left;
	line-height: 20px;
	padding: 0 2px;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 20px;
	width: 200px;
	padding: 2px;
	position: relative !important;
	margin: 2px 0 0 0px;
	border: none;
	color: #000;
	border-width: 0px;}
	input{
		line-height: 15px;
		height: 15px;}
	input.smaller, label.smaller{
		width: auto;
		margin: 2px 0 0 0px;
	}
	label.smaller{
		margin: 2px 10px 0;
	}
select{
		margin: 5px 0 0 0px;
		border: 1px solid #333333;
}
textarea {
	overflow: auto;
	width: 450px;}
#certificates input{
	height: 16px;
	line-height: 20px;
	float: left;
	background: #CCC;
	border: 1px solid #351b0f;
	padding: 2px;
}
#certificates textarea{
	background: #CCC;
	border: 1px solid #351b0f;
	width: 515px;
}
#certificates select{
	float: left;
	width: 206px;
	background: #CCC;
	border: 1px solid #351b0f;
}
#certificates form{
	margin: 0 20px;
	width: 700px;
}
#reservations form{
	width: 410px;
	float: left;
	margin: -10px auto 0;
}
#reservations legend{
	font-size: 1.5em;
}
#reservations #sidebar form{
	width: auto;
	margin: 74px 0 0;
}
#vip form{
	width: 450px;
	margin: 0 50px 0 330px;
}
#vip #content{
}
#vip fieldset{
}
form .required{font-weight:bold;}

form {
	width: 650px;
	margin: 20px auto;
	position: relative;}
#reservations input{
}
#contact form{
	margin: 0 0 5px 0;
	float: left;
	position: relative;
	width: 493px;
}
#contact #map{
	float: left;
}
#contact button{
	float: none;
	display: inline;
	margin-left: 5px;
}
#contact input{
	background: #8a5e4a;
	border: 1px solid #351b0f;
	width: 320px;
}
form br {clear:left;}

button, .button{
	display: block;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	background: #ffa800 url(img/bg-button.gif) repeat-x left bottom;
	color: #381C08;
	letter-spacing: 1px;
	padding: 2px 5px;
	text-transform:uppercase;
	border-color: #FFCC99 #825600 #825600 #FFCC99;
	float: right;}
button:hover, .button:hover{
	cursor:pointer;
	color: white;
}
.checkbox{
	width: auto;}
	
#loadBar, #emailSuccess{
	text-align: center;}
#logo{
	
}

/*/////////sIFR/////////////////////////////////////////*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;}
	
.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1{
	/*visibility: hidden;*/

}
/*/////////BUTTONS////////////////////////////////////////*/
#menus #drink{
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 217px;
	width: 129px;
	position: absolute;
	z-index: 10;
	left: 278px;
	top: 200px;
	
}
#menus #happyhour{
	overflow: hidden;
	height: 0;
	display: block;
	padding-top: 230px;
	width: 86px;
	z-index: 14;
	position: absolute;
	top: 190px;
	left: 410px;
}
#menus #dessert{
	overflow: hidden;
	height: 0;
	display: block;
	padding-top: 198px;
/*	width: 140px;*/
	width: 154px;
	z-index: 13;
	position: absolute;
	top: 220px;
	left: 495px;
}
#menus #dinner{
	overflow: hidden;
	height: 0;
	display: block;
	padding-top: 294px;
/*	width: 189px; */
	width: 178px;
	z-index: 12;
	position: absolute;
	top: 130px;
/*	left: 635px;*/
	left: 649px;
	

}
#menus #special{
	overflow: hidden;
	height: 0;
	display: block;
	padding-top: 174px;
	width: 133px;
	z-index: 14;
	position: absolute;
	top: 243px;
	left: 143px;
}

/*/////////TYPOGRAPHY/////////////////////////////////////*/

#home h2{
	border-bottom: 1px solid white;
	width: 400px;
	margin: 0 auto;
	position: relative;
	color: white;
}
#gc h2{
	background: url(../art/landing_logo.jpg) no-repeat;
	width: 476px;
	margin: 0 auto;
	position: relative;
	height: 0;
	padding-top: 167px;
	overflow: hidden;
}
#contact h2{
	color: white;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1.4em;
	margin: 0;
	border-bottom: 1px solid #CC0000;
}
#contact #sidebar strong{
	color: white;
}
p{
	margin: 10px 0;
	font-size: 1.3em;
	line-height: 1.5em;
	font-family: "Times New Roman", Times, serif;
}
#vip form p{
	margin: 0;
	text-align: 0;
	
}
#vip form{
	width: 360px;
}
a{
	color: white;
}
#vip p{
	margin: 0px 0px 1em 0px;
}
#reservations p{
	position: relative;

}
/*/////////CLEARFIX///////////////////////////////////////*/
.clearfix:after, #work-list li:after, #nav li:after, #events #content:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: block;}




/*///////Lightbox//////////////////////////////////////////*/


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: 25%;
	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: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/assets/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/img/nextlabel.gif) right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	opacity: 0.6;
	}
#blackie{
	width: 847px;
	height: 497px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: #000;
	display: none;
}
#home #blackie{
	display: block;
}