/* CSS Document */

/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	font: 125% Arial, Helvetica, sans-serif;
}
body {
	font-size: 50%;
	background: #000 url(img/bg2.gif) center top;
}
.left {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}
.right {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}
/*/////////LAYOUT///////////////////////////////////////////*/
#container {
	width: 900px;
	height: 550px;
	padding: 1px 0 0;
	margin: 40px auto 0;
	position: relative;
}
#header {
	float: left;
	height: 488px;
	width: 274px;
}
#header div {
}
#header div div {
}
h1 {
}
h1 a {
	height: 271px;
	margin-left: 45px;
	margin-top: 20px;
	width: 172px;
	display: block;
	background: url(img/h1-small.jpg) no-repeat 0px 0px;
}
#home h1 a {
	width: 274px;
	height: 416px;
	background: url(img/h1-big.jpg) no-repeat;
	margin: 0;
}
#latenight h1 a {
	background: url(img/h1-smallln.jpg) no-repeat 0px 0px;
}
h1 a {
}
h1 a span {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}
#middle {
	background: url(img/bg-middle.jpg) no-repeat right bottom;
	height: 448px;
	position: relative;
	float: left;
	margin-top: 35px;
	width: 597px;
}
#home #middle {
	background: url(img/bg-middle.jpg) no-repeat right bottom;
}
#video #middle {
	background: url(img/bg-middle.jpg) no-repeat right bottom;
}
#menus #middle {
	background: url(img/bg-middle-menu.jpg) no-repeat right bottom;
}
#certificates #middle, #contact #middle, #reservations #middle, #rateus #middle {
	background: url(img/bg-middle-box.jpg) no-repeat right bottom;
}
#vip #middle {
	background: url(img/bg-middle-vip.jpg) no-repeat right bottom;
}
#about #middle {
	background: url(img/bg-middle-smbox.jpg) no-repeat right bottom;
}
#latenight #middle {
	background: url(img/bg-latenight.jpg) no-repeat right bottom;
}
#nav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: default;
	padding: 21px 0;
	margin-left: 20px;
	text-align: justify;
}
#nav li {
	display: inline;
	list-style: none;
	font-size: 1em;
	text-transform: uppercase;
}
#nav a {
	text-align: center;
	margin: 0 10px;
	line-height: 16px;
	cursor: pointer;
	height: 16px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 1px 5px;
	color: #FFCC00;
}
#nav a small {
	font-size: .7em;
	color: #666666;
}
#nav1 a, #nav2 a {
	color: #CC6600;
}
#nav1 a {
	margin: 0 15px 0 30px;
}
#nav2 a {
	margin: 0 40px 0 15px;
}
#nav a:hover {
	padding: 0px 5px;
	border-width: 1px 0;
	border-color: #403b2c;
	border-style: solid;
}
#content {
	position: relative;
	color: white;
}
#home #content p, #certificates #content p {
	font-size: 1.3em;
	line-height: 1.4em;
	width:200px;
}
#video #content div {
	display:inline;
	left:10px;
	top:150px;
	position:relative;
}
#video #content .float {
	float: left;
	width:180px;
	text-align:center;
}
#video #content .float p {
	/*   		text-align: center;*/
		margin-left:0px;
}
#content div {
	width: 285px;
	height: 335px;
	color: black;
	position: absolute;
	left: 292px;
	font-size: .85em;
	top: 25px;
}
#about #content div p, #vip #content div p {
	width: auto;
	line-height: 1.2em;
}
#home #content div {
	color: #4d0300;
}
#gallery #content {
	height: 100%;
}
#gallery .extra {
	height: 100%;
}
#gallery #content div {
	width: auto;
	top: 0;
	height: 100%;
	left: 0;
	position: relative;
}
#bottom {
}
#menus #content li, #menus #content li a {
	position: absolute;
	list-style: none;
}
#menus #content li a {
	display: block;
	height: 0;
	overflow: hidden;
}
.mnmonthly {
	width: 137px;
	background: url(img/mn-monthly.png) no-repeat;
	position: absolute;
	bottom: 10px;
	left: -220px;
	display: block;
	padding-top: 39px;
	height: 0;
	overflow: hidden;
}
#menus #menu1 a {
	background: url(img/menu-happyhour.gif) no-repeat;
	width: 236px;
	padding-top: 30px;
	top: 83px;
	left: 312px;
}
#menus #menu2 a {
	background: url(img/menu-dinner.gif) no-repeat;
	width: 252px;
	padding-top: 45px;
	top: 320px;
	left: 234px;
}
#menus #menu3 a {
	background: url(img/menu-wine.gif) no-repeat;
	width: 214px;
	padding-top: 22px;
	left: 63px;
	top: 148px;
}
#menus {
}
#home embed, #home object {
	position: absolute;
	right: 0;
	top: 0px;
}
#home #splash {
	position: absolute;
	right: 0;
	z-index: 50;
	top: 0;
}
#home #logo embed, #home #logo object {
	left: 0;
	right: auto;
	top: 0;
}
#gallery #stage {
	height: 100%;
	position: relative;
	z-index: 6;
}

#footer {
	width: 787px;
	padding: 0 30px;
	margin: 0px auto 0;
	position: relative;
}

#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;
}

#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;
	 }


#blackie {
	width: 847px;
	height: 497px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: #000;
	display: none;
}
/*/////////Forms////////////////////////////////////////*/

#reservations .reservations select {
	height: 14px;
	margin: 2px 1px;
}
fieldset {
	position: relative;
	margin: 15px 10px 0px;
}
legend {
	font-size: 1.6em;
	color: #5c0400;
	font-weight: bold;
}
label {
	display: block;
	float: left;
	width: 80px;
	padding: 0;
	line-height: 25px;
	color: #000;
	font-size: 1.1em;
	margin: 2px 0 0;
	text-align: right;
}
#reservations label {
	line-height: inherit;
}
#contact label {
	width: auto;
}
#contact label {
	text-align: left;
}
#contact input {
	width: 200px;
	margin-right: 15px;
}
input.smaller, label.smaller {
	width: auto;
	display: inline;
	float: none;
}
/*label:first-letter {text-decoration: underline;}*/
select {
	margin: 5px 0 0 10px;
	border: none;
	color: #333333;
	background: #facb8c url(img/bg-input.gif) repeat-x;
}
#reservations select {
	margin: 0;
}
input, textarea {
	width: 200px;
	margin: 5px 0 0 10px;
	border: none;
	color: #333333;
	padding: 2px;
	border-width: 0px;
	background: #facb8c url(img/bg-input.gif) repeat-x;
}
input {
	line-height: 16px;
	height: 16px;
}
textarea {
	overflow: auto;
}
form .required {
	font-weight:bold;
}
#certificates form, #reservations form, #vip form {
	width: 300px;
	font-size: .8em;
	float: right;
	color: black;
	margin: 0 15px;
}
form p {
	line-height: 12px;
}
#vip form {
	margin: 0;
	width: 290px;
}
#content li {
	color: #5c0400;
	font-size: 1.2em;
	margin: .5em 20px;
}
form br {
	clear:left;
}
#reservations button, #vip button {
	padding: 2px;
	border: none;
	background: #CC6600;
}
#certificates button {
	width: 134px;
	height: 29px;
	border: none;
	cursor: pointer;
	background: url(img/button-send.gif) no-repeat;
}
#certificates button span {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
}
button {
	border-width: 1px;
	border-style: solid;
	background: url(img/bg-button.gif);
	color: white;
	margin: 5px;
	letter-spacing: 1px;
	padding: 2px 5px;
	text-transform:uppercase;
	border-color: #e0e0e0 #b0b0b0 #b0b0b0 #e0e0e0;
	float: right;
}
.btn {
	display: block;
	width:75px;
	border-width: 1px;
	border-style: solid;
	background: url(img/bg-button.gif);
	color: white;
	margin: 5px;
	letter-spacing: 1px;
	padding: 2px 5px;
	text-transform:uppercase;
	border-color: #e0e0e0 #b0b0b0 #b0b0b0 #e0e0e0;
	display:inline;
	text-decoration:none;
}
#contact button {
	float: none;
	margin: 0;
}
.checkbox {
	width: auto;
}
#loadBar, #emailSuccess {
	_display: inline;
	_margin: 0;
}
/*/////////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////////////////////////////////////////*/


/*/////////TYPOGRAPHY/////////////////////////////////////*/
h2 {
	z-index: 1;
	position: absolute;
	display: block;
	width: 0px;
	overflow: hidden;
}
h3 {
	color: #000;
	margin: 1em 10px 0;
	font-size: 1.5em;
}
#menus h2 {
	right: 0;
	top: 222px;
	padding-left: 62px;
	height: 204px;
	background: url(img/h2-menus.gif) no-repeat;
}
#video h2 {
	right: 0;
	top: 222px;
	padding-left: 75px;
	height: 204px;
	background: url(img/h2-video.gif) no-repeat;
}
#reservations h2 {
	padding-left: 47px;
	height: 280px;
	top: 153px;
	left: 236px;
	background: url(img/h2-reservations.gif) no-repeat;
}
#contact h2 {
	padding-left: 50px;
	height: 245px;
	left: 236px;
	top: 182px;
	background: url(img/h2-contact.gif) no-repeat;
}
#rateus h2 {
	padding-left: 75px;
	left: 236px;
	top: 62px;
	background: url(img/h2-rateUs.gif) no-repeat;
	height: 364px;
}
#certificates h2 {
	padding-left: 75px;
	left: 222px;
	top: 62px;
	background: url(img/h2-certificates.gif) no-repeat;
	height: 364px;
}
#about h2 {
	background: url(img/h2-about.gif) no-repeat;
	padding-left: 54px;
	height: 214px;
	left: 230px;
	top:27px;
}
#latenight h2 {
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}
p {
	margin: 1em 10px;
	font-size: 1.3em;
	color: #5c0400;
	line-height: 1.5em;
	width: 180px;
}
.test p {
	margin: 1em 7px;
	text-align: justify;
}
#home #content p {
}
a {
	color: white;
}
/*/////////CLEARFIX///////////////////////////////////////*/
.clearfix:after, #work-list li: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;
}