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

* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #241b0b;
	outline: none;
}
body {
	background: url(images/bg.gif);
	background-color: #241b0b;
}
a img {
	border: none;
}
h1 {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: normal;
}
h2 {
	margin-bottom: 10px;
	font-size: 14px;
}
p {
	margin-bottom: 10px;
}
table, tr, td {
	vertical-align: text-top;
}
input, textarea {
	margin-bottom: 5px;
}
td h2 {
	margin-top: 15px;
}
#container {
	width: 1024px;
	margin: 0 auto;
}
#header {
	width: 100%;
	height: 133px;
	/*background: url(images/header.gif);*/
}
#header h1 a {
	display: block;
	width: 250px;
	height: 132px;
	text-indent: -3000px;
}
#logo { margin: 0 !important; height: 133px;}
#mid {
	width: 100%;
	height: 162px;
}
#flash {
	width: 281px;
	height: 162px;
	background: url(images/bg-flash.gif);
	float: left;
}
#nav {
	padding: 43px 0 43px 18px;
	width: 725px;/*743*/
	height: 76px; /*162*/
	background: url(images/bg-nav.gif);
	float: right;
}
#nav ul {
	width: 100%;
}
#nav li {
	list-style: none;
	float: left;
	background-color: #e5dfcc;
	background-repeat: no-repeat !important;
}
#nav li a {
	display: block;
	height: 76px;
	text-indent: -3000px;
}
#nav li a:hover { background-repeat: no-repeat; }
#nav-about {
	width: 111px;
	background: url(images/nav-about.gif);
}
#nav-about:hover {
	background: url(images/nav-about-on.gif);
}
#nav-eat {
	width: 117px;
	background: url(images/nav-eat.gif);
}
#nav-eat:hover {
	background: url(images/nav-eat-on.gif);
}
#nav-drink {
	width: 123px;
	background: url(images/nav-drink.gif);
}
#nav-drink:hover {
	background: url(images/nav-drink-on.gif);
}
#nav-mix {
	width: 120px;
	background: url(images/nav-mix.gif);
}
#nav-mix:hover {
	background: url(images/nav-mix-on.gif);
}
#nav-info {
	width: 117px;
	background: url(images/nav-info.gif);
}
#nav-info:hover {
	background: url(images/nav-info-on.gif);
}
#nav-reserve {
	width: 137px;
	background: url(images/nav-reserve.gif);
}
#nav-reserve:hover {
	background: url(images/nav-reserve-on.gif);
}
#wrapper {
	background: url(images/bg-content.gif);
	background-color: #e2cfa0;
}
#content {
	background: url(images/bg-right.gif);
	background-position: right;
	background-repeat: repeat-y;
}

#leftcol {
	padding: 8px 1px 8px 16px; 
	width: 264px; /*281px*/
	float: left;
	min-height: 165px;
	height: auto;
}
#leftcol img {
	margin: 0;
	padding: 0;
	float: left;
}
.homeleft {
	background: url(images/bg-content-left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: auto;
}
#leftcol ul {
	padding: 0 20px;
	list-style: none;
}
#rightcol {
	padding: 35px 150px 35px 30px;
	width: 560px; /*743*/
	float: right;
	background: url(images/bg-content-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 155px;
	height: auto;
}
#homeright {
	padding: 35px 250px 35px 30px;
	width: 463px;
	float: right;
	background: url(images/bg-content-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	/*min-height: 155px;*/
	height: auto;
}
/* for IE */
* html #rightcol {
	height: 155px;
}
* html #homeright {
	/*height: 155px;*/
}
* html #leftcol {
	height: 165px;
}
#rightcol ul {
	margin-left: 30px;
}
#subnav {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #9b8f75;
}
#subnav, #subnav a {
	color: #8d0900;
	text-decoration: none;
	font-size: 10px;
}
#subnav a {
	padding: 0 5px;
}
#subnav a:hover {
	color: #241b0b;
}
#subnav h2 {
	margin: 0 0 10px 0;
	color: #8d0900;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
}
#split {
	margin: 0 114px -2px 20px;
	clear: both;
	width: 890px;
	height: 1px;
	border-top: 1px solid #9b8f75;
	position: relative;
	z-index: 1;
}
#footer {
	clear: both;
	background: url(images/bg-footer.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	position: relative;
	z-index: 0;
}
#footer h1 {
	margin-bottom: 5px;
}
#footer img {
	float: left;
	padding: 0 10px 10px 0;
}
#footer p {
	margin: 0;
}
#foot1 {
	margin: 20px 0;
	padding: 0 30px 0 20px;
	width: 290px;/*340*/
	float: left;
	border-right: 1px solid #9b8f75;
}
#foot2 {
	margin: 20px 0;
	padding: 0 30px;
	width: 281px;/*341*/
	float: left;
	border-right: 1px solid #9b8f75;
}
#foot3 {
	padding: 20px 30px;
	float: right;
	width: 281px;/*341*/
	background-image: url(images/bg-right.gif);
	background-position: right;
	background-repeat: repeat-y;
	min-height: 150px;
}

/**************** SUBCAT SUBNAV *********************/
.dropnav {
	color: #3a1d0f;
	text-indent: 0 !important;
	position: absolute;
	left: -3000px;
	width: 695px !important;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 695px;
	background-image: url(images/nav-gradient.gif);
	background-repeat: repeat-y;
	}
	.dropnav a {
		text-indent: 0 !important;
	}
	#nav li:hover ul {
		position: relative;
		left: 0;
		top: -5px;
		border-bottom: 3px solid #967b22;
	}
	#nav li ul li {
		background: transparent;
		display: inline;
		height: auto;
		float: left;
		padding: 10px 5px;
	}
	#nav li ul li a {
		background: none;
		display: inline;
		height: auto;
		text-decoration: none;
	}
	#nav li ul li a:hover { color: #8D0900; }
	
	
	#nav li:hover ul#sub-about {
		left: 0px;
	}
	#nav li:hover ul#sub-eat {
		left: -111px;
	}
	#nav li:hover ul#sub-drink {
		left: -228px;
	}
	#nav li:hover ul#sub-mix {
		left: -351px;
	}
	#nav li:hover ul#sub-info {
		left: -471px;
	}
	#nav li:hover ul#sub-reserve {
		left: -588px;
	}
	ul#sub-mix li, ul#sub-info li, ul#sub-reserve li  {
		float: right !important;
	}
	
	
	
	
	
/* CLASSES */
div.album {
	margin-bottom: 10px;
	width: 50%;
	float: left;
}
.album a {
	/*padding: 5px;*/
	vertical-align: top;
	line-height: 1.5em;
	float: left;
	text-decoration: none;
}
#rightcol .album-left {
	width: 74px;
	height: 58px;
	float: left;
}
#rightcol .album-right {
	width: 200px;
	float: left;
}
.delete {
	color: #C00;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
.hide {
	text-indent: -3000px;
	}
.right {
	float: right;
}
.rightbottom {
	
	float: right;
	vertical-align: bottom;
}
.m80 {
	width: 1004px;
	clear: both;
	padding-right: 20px;
	margin: 0 auto 10px auto;
}
.m80, .m80 a {
	color: #9b8f75;
	text-align: right;
}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	

.specialbox { padding: 10px; background-color: #f4f4f4; border: 1px solid #d4d4d4; margin-bottom: 10px;}