@import url('reset.css');

/* footer stuff */
html{
	height: 100%;
	overflow-y: scroll;
}
body{
	height: 100%;
}
#wrapper{
	position: relative;
/*	min-height: 100%;
*/}
* html #wrapper{
/*	height: 100%;
*/}
* html #footer{
	margin-top: -2em;
}

/* main stylesheet */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .69em;
	background: #000 url(../images/main-bg.gif);
	color: #D6D6D6;
}

p{
	line-height: 1.3em;
}

#wrapper{
	background: url(../images/top-bg.png) repeat-x left top;
}

#container{
	margin: 0 auto;
	width: 860px;
}

#header{
	padding-top: 26px;
	overflow: hidden;
}

#header h1 a{
	display: block;
	background: url(../images/logo.png) no-repeat left top;
	width: 120px;
	height: 120px;
	float: left;
	margin-left: 369px;
	position: relative;
	top: -10px;
}

#header h1 a span{
	position: absolute;
	top: -99999px;
}
#header ul{
	position: relative;
	clear: left;
	top: -20px;
	left: 10px;
}
#header ul li{
	display: block;
	float: left;
}

#header ul li a{
	display: block;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 11px;
}

#header ul li a span{
	position: absolute;
	top: -99999px;
}

#header ul li#n-m a{
	width: 65px;
}

#header ul li#n-m a:hover{
	background-position: left -17px;
}

#header ul li#n-a a{
	width: 129px;
	background-position: -65px top;
}

#header ul li#n-a a:hover{
	background-position: -65px -17px;
}

#header ul li#n-b a{
	width: 69px;
	background-position: -194px top;
}

#header ul li#n-b a:hover{
	background-position: -194px -17px;
}

#header ul li#n-v a{
	width: 60px;
	background-position: -263px top;
}

#header ul li#n-v a:hover{
	background-position: -263px -17px;
}

#header ul li#n-l a{
	width: 91px;
	background-position: -546px top;
	left: 220px;
}

#header ul li#n-l a:hover{
	background-position: -546px -17px;
}

#header ul li#n-s a{
	width: 107px;
	background-position: -657px top;
	left: 205px;
}

#header ul li#n-s a:hover{
	background-position: -657px -17px;
}

#header ul li#n-t a{
	width: 102px;
	background-position: -323px top;
	left: 230px;
}

#header ul li#n-t a:hover{
	background-position: -323px -17px;
}

#header ul li#n-c a{
	width: 89px;
	background-position: -426px top;
	left: 230px;
}

#header ul li#n-c a:hover{
	background-position: -426px -17px;
}

body.hasMusic #footer{
	text-align: center;
}

#footer{
	position:relative;
	margin:0 auto 5px;
	text-align: left;
	color: #959595;
}

body.hasMusic #footer span{
	float:none;
	display:inline;
}

#footer span{
	float:left;
	display:block;
}

#footer #binBistroPlayer {
	float:right !important;
	margin-right:15px;
	margin-top:-5px;
}

#footer em{
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 20px;
	color: #FFF;
}

#footer a{
	color: #959595;
}

.dropcap{
	display: block;
	float: left;
	font-size: 9.19em;
	height: 0.4em;
	margin-right: 0.1em;
	margin-top: 0.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7F9B45;
}
p.indent{
	text-indent: 2em;
}
h1.title{
	display: block;
	margin-bottom: 22px;
}
h1.title span{
	position: absolute;
	left: -99999px;
}
/* vip stuff */
.fancy-vip{
	background: url(../images/vip-bg.gif) no-repeat left top;
	width: 247px;
	height: 56px;
	float: right;
	position: relative;
	top: -8px;
	margin:0;
}
.fancy-vip #vip-email{
	border: 0;
	padding: 0;
	margin: 0;
	position: relative;
	left: 80px;
	top: 21px;
	background: url(../images/vip-bg.gif) no-repeat -80px -21px;
	width: 130px;
}
.fancy-vip #vip-submit{
	position: absolute;
	left: -99999px;
}

.hint{
	text-transform: uppercase;
	color: #999;
}

.hidden{
	display: none;
}
.red{
	background: #2b1007;
	padding: 20px;
}
.red h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #a18c61;
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 60px;
	margin-bottom: 21px;
}
.red h1{
	margin: 0;
	margin-bottom: 10px;
	font-weight: normal;
}
.red p{
	margin-bottom: 5px;
}
.red p a{
	color: #a18c61;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.inputWrap{
	background: url(../images/input-r.gif) no-repeat right top;
	float: left;
}
.inputWrap input{
	border: 0;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	padding: 3px 0 3px 10px;
	width: 235px;
	background: url(../images/input-l.gif) no-repeat left top;
}
.textareaWrap{
	background: #FFF url(../images/textarea-l.gif) repeat-y left 10px;
	float: left;
}
.textareaWrap .t{
	background: url(../images/textarea-t.gif) repeat-x left top;
}
.textareaWrap .tr{
	background: url(../images/textarea-tr.gif) no-repeat right top;
}
.textareaWrap .br{
	background: url(../images/textarea-br.gif) no-repeat right bottom;
}
.textareaWrap .bl{
	background: url(../images/textarea-bl.gif) no-repeat left bottom;
}
.textareaWrap .tl{
	background: url(../images/textarea-tl.gif) no-repeat left top;
	padding: 5px 10px;
}
.textareaWrap textarea{
	border: 0;
	padding: 0;
	margin: 0;
	width: 235px;
	height: 75px;
	font-size: 1em;
}
textarea, input{
	font-family: Arial, Helvetica, sans-serif;
}
.fancy-vip .vip-submit-link{
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 18px;
	top: 22px;
}
.fancy-vip label{
	display: none;
}
.half{
	width: 49%;
}
.left{
	float: left;
}
.right{
	float: right;
}
.oh{
	overflow: hidden;
}

/* START target styles for pages that already have music*/

.hoursWrap{
	float: left;
	width: 295px;
	overflow: hidden;
	margin: 0;
	line-height: 1.3em;
}
.hoursWrap span{
	display: block;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
	color: #a18c61;
	font-style: italic;
	padding-right: 10px;
	width: 75px;
	text-align: right;
}
.hoursWrap div{
	display: block;
	float: left;
}
#lunch {
	float:left;
	margin-left:100px;
}
#dinner {
	float:right;
	margin-right:100px;
}

/* END target styles for pages that already have music*/

#vcard, #vcard a,  #vcard a:hover {
	position:relative;
	margin:0 auto;
	width:860px;
	color:#FFF;
	text-decoration:none;
	}
#adr {
	display:block;
	position:relative;
	float:left;
	width:285px;
	}
#email-wrap {
	display:block;
	position:relative;
	float:right;
	top:-30px;
	width:285px;
	}
#tel-wrap {
	display:block;
	margin:0 auto;
	clear:none;
	width:285px;
	}
.separator{
	border-top: 1px solid #424242;
	margin: 18px 0;
}