/*####################################
#	CSS RESET
####################################*/

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-size: 15px;
	}

a img, :link img, :visited img {
	border: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

ol, ul {
	list-style: none;
	}
	
em {
	font-style: italic;
	}
	
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}


/*####################################
#	BODY, HTML, MISC
####################################*/

body, html {
	color: #3B362D;
	font: normal 12px Arial,sans-serif;
	height: 100%;
	width: 100%;
	}
	
html>body {
	font-size: 12px;
	}
	
#wrapper {
	min-height: 100%;
	position: relative;
	}
	
* html #wrapper {
	height: 100%;
	}

.container {
	margin: 0 auto;
	width: 972px;
	}

.twilight {
	width: 175px;
	margin: 0 auto;
	padding-top:30px;
	color: #FFF;
}
	
.clear {
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
	}
	
a {
	color: #407096;
	}
	

/*####################################
#	HEADER
####################################*/

#header {
	background: url(images/header_bg.gif) repeat-x top left;
	}
	
#header .container {
	width: 1020px;
	}
	
#header h1 {
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 411px;
	text-indent: -1000em;
	}
	
	
/*####################################
#	NAVIGATION
####################################*/

#body ul#nav {
	background: url(images/nav_bg_b.jpg) no-repeat top left;
	display: inline-block;
	float: left;
	margin: -19px 0 0 -243px;
	padding: 25px 2px 3px;
	}
	
#body ul#nav li a {
	background: url(images/nav_bg_over_b.jpg) no-repeat -1000em top;
	display: block;
	line-height: 49px;
	margin-bottom: 4px;
	text-indent: -1000em;
	width: 221px;
	}
	
#body ul#nav li#home a.sel,
#body ul#nav li#home a:hover {
	background-position: top left;
	}
	
#body ul#nav li#food a.sel,
#body ul#nav li#food a:hover {
	background-position: left -49px;
	}
	
#body ul#nav li#drink a.sel,
#body ul#nav li#drink a:hover {
	background-position: left -98px;
	}
	
#body ul#nav li#plan a.sel,
#body ul#nav li#plan a:hover {
	background-position: left -147px;
	}

#body ul#nav li#contact a.sel,
#body ul#nav li#contact a:hover {
	background-position: left -196px;
	}
	
	
/*#body ul#nav li#bartenders a.sel,
#body ul#nav li#bartenders a:hover {
	background-position: left -147px;
	}
	
#body ul#nav li#plan a.sel,
#body ul#nav li#plan a:hover {
	background-position: left -196px;
	}
	
#body ul#nav li#contact a.sel,
#body ul#nav li#contact a:hover {
	background-position: left -245px;
	}*/
	
	
/*####################################
#	BODY
####################################*/

#body {
	background: url(images/body_bg.gif) repeat-x top left;
	}
	
#body .container {
	background: url(images/leather_bg.jpg) repeat-y 12px top;
	height: 100%;
	padding: 19px 0 100px 255px;
	width: 717px;
	}
	
#body .container .block {
	background-color: #a9a192;
	background-position: top left;
	background-repeat: repeat-x;
	float: left;
	padding-bottom: 45px;
	width: 717px;
	}
	
#body .container .block h3 {
	line-height: 119px;
	text-indent: -1000em;
	}
	
#body .container .block .btn {
	display: block;
	margin: 16px 0 20px;
	text-align: center;
	}
	
#body .container .block div p {
	font-size: .98em;
	line-height: 1.3em;
	}
	
#body .container .block div p.hours {
	margin-top: 20px;
	}

#body .container .block div ul {
	font-size: .98em;
	list-style: disc inside;
	}
	
#body .container .block div ul.left {
	float: left;
	width: 250px;
	}
	
#body .container .block div ul li {
	line-height: 1.3em;
	}
	
#body .container .block div p em {
	font-style: italic;
	}

	
/*####################################
#	LANDING
####################################*/	
	
#landing #header h1 {
	background-image: url(images/headers/landing.jpg);
	}
	
#landing #body .container .block {
	float: left;
	margin-right: 24px;
	padding-bottom: 0;
	width: 218px;
	}
	
#landing #body .container .block.last {
	margin-right: 0;
	}
	
#landing #body .container .block h3 {
	line-height: 78px;
	}
	
#landing #body .container div.foodMenu {
	background-image: url(images/block_headers/landing_food_menu.jpg);
	}
	
#landing #body .container div.drinkMenu {
	background-image: url(images/block_headers/landing_drink_menu.jpg);
	}
	
#landing #body .container div.planYourEvent {
	background-image: url(images/block_headers/landing_plan_your_event.jpg);
	}
	
/*####################################
#	BARTENDERS
####################################*/	
	
#ourBartenders #header h1 {
	background-image: url(images/headers/landing.jpg);
	}
	
#ourBartenders #body .container .block h3 {
	background-image: url(images/block_headers/our_landing.jpg);
	}
	
#ourBartenders #body .container .block div {
	padding: 0 21px 45px 364px;
	}
	
#ourBartenders #body .container .block div img {
	border: 1px solid #3b362d;
	float: left;
	margin-left: -343px;
	padding: 1px;
	}
	
#ourBartenders #body .container .block div h4 {
	color: #70442f;
	font: bold .95em Georgia, "Times New Roman", Times, serif;
	letter-spacing:2px;
	margin-bottom: 3px;
	text-transform:uppercase;
	}
	
	
/*####################################
#	PLAN YOUR EVENT
####################################*/	
	
#planYourEvent #header h1 {
	background-image: url(images/headers/landing.jpg);
	}
	
#planYourEvent #body .container .block h3 {
	background-image: url(images/block_headers/plan_your_event.jpg);
	}
	
#planYourEvent #body .container .block div {
	padding: 0 21px 45px;
	}
	
#planYourEvent #body .container .block p.justify {
	text-align: justify;
	}
	
	
/*####################################
#	CONTACT
####################################*/	
	
#contactUs #header h1 {
	background-image: url(images/headers/landing.jpg);
	}
	
#contactUs #body .container .block h3 {
	background-image: url(images/block_headers/contact_us.jpg);
	}
	
#contactUs #body .container .block div.left {
	float: left;
	padding: 0 21px;
	width: 462px;
	}
	
#contactUs #body .container .block div.left fieldset {
	margin-top: 35px;
	}
	
#contactUs #body .container .block div.left fieldset div {
	margin-bottom: 20px;
	}

#contactUs #body .container .block div.left fieldset div label {
	color: #70442f;
	display: block;
	font: bold .95em Georgia, "Times New Roman", Times, serif;
	letter-spacing:2px;
	margin-bottom: 5px;
	text-transform:uppercase;
	}
	
#contactUs #body .container .block div.left fieldset div input,
#contactUs #body .container .block div.left fieldset div textarea {
	background-color: #dfdbd3;
	border: 1px solid #c8bba4;
	border-width: 2px 1px 0;
	border-bottom: 1px solid #e1dace;
	color: #3B362D;
	font-size: 2.1em;
	height: 30px;
	width: 270px;
	}
	
#contactUs #body .container .block div.left fieldset div textarea {
	font-size: 1.2em;
	height: 150px;
	width: 438px;
	}
	
#contactUs #body .container .block div.map {
	background-color: #c9c3b8;
	border: 1px solid #413b32;
	float: left;
	padding: 1px 1px 23px;
	}
	
#contactUs #body .container .block div.map p {
	margin: 23px 23px 0;
	width: 152px;
	}
	
	
/*####################################
#	FOOD AND DRINK MENU
####################################*/	
	
.menu #header h1 {
	background-image: url(images/headers/landing.jpg);
	}
	
.menu #body .container .block h3 {
	background-image: url(images/block_headers/food_menu.jpg);
	}
	
.menu #body .container .block div.left,
#planYourEvent #body .container .block div.left {
	float: left;
	padding: 0 21px;
	width: 458px;
	}
	
#planYourEvent #body .container .block div.left {
	padding: 0 12px;
	}
	
.menu #body .container .block div.left h4 {
	color: #70442f;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: 22px;
	}
	
.menu #body .container .block div.left h5 {
	color: #514b41;
	font-size: 1.3em;
	letter-spacing: 2px;
	margin-bottom: 8px;
	text-transform: uppercase;
	}
	
.menu #body .container .block div.left div.inset h5 {
	margin-bottom: 0;
	}
	
.menu #body .container .block div.left h6 {
	color: #70442f;
	font: bold .95em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	}
	
.menu #body .container .block div.left h6.gray {
	color: #514b41;
	}
	
.menu #body .container .block div.left p,
.menu #body .container .block div.left ul {
	margin-bottom: 30px;
	}
	
.menu #body .container .block div.left p.noMargin {
	margin-bottom: 0;
	}
	
.menu #body .container .block div.left p.smallerMargin {
	margin-bottom: 13px;
	}
	
.menu #body .container .block div.left div.inset {
	background-color: #cec7ba;
	margin-bottom: 20px;
	padding: 20px;
	}
	
	
/*####################################
#	DRINK MENU
####################################*/	
	
#drinkMenu #header h1 {
	background-image: url(images/headers/landing.jpg);
	}
	
#drinkMenu #body .container .block h3 {
	background-image: url(images/block_headers/drink_menu.jpg);
	}
	
#drinkMenu #body .container .block div.left {
	float: left;
	padding: 0 21px;
	width: 460px;
	}
	
	
/*####################################
#	FOOTER
####################################*/

#footer {
	background: #000 url(images/footer_bg.gif) repeat-x top left;
	bottom: 0;
	height: 74px;
	text-align: right;
	width: 100%;
	}
	
#footer .container {
	padding: 28px 6px 0 0;
	text-align: right;
	}