/* LAST UPDATED 03.16.09 */

/*

	Table of Contents

	I.	 GENERAL
	II.	 NAVIGATION
	III. STRUCTURE & TYPOGRAPHY
	IV.	 TABLES
	V.	 FORMS
	VI.	 HEADINGS
	VII. CLEARFIX

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background: #444 url('/images/bg.jpg') top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 1.4em;
}

p, ul, ol { padding: 0 0 14px 0; }

a {
	color: #bbb;
	text-decoration: underline;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

a:hover { color: #eee; }

a img { border: 0; }

.small { font-size: 10px; }

.left { float: left; }
.right { float: right; }

.gold { color: #b09b31; }

ul, ol { margin-left: 20px; }

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

/* LEVEL ONE */

#nav ul {
	padding: 0;
	margin: 0;
	height: 37px;
	list-style: none;
}

	#nav li {
		float: left;
		height: 37px;
		line-height: 37px;
		background: url('/images/bg-nav.gif') top repeat-x;
	}

	#nav li:hover,
	.our-story li#our-story, 
	.gallery li#gallery, 
	.layout li#layout, 
	.events li#events, 
	.directions li#directions, 
	.contact li#contact { background-position: bottom; }

	#nav li a {
		display: block;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		background: url('/images/nav-divider.gif') top right no-repeat;
	}

	#nav li#our-story, #nav li#our-story a		{ width: 101px; }
	#nav li#gallery, #nav li#gallery a			{ width: 91px; }
	#nav li#layout, #nav li#layout a			{ width: 90px; }
	#nav li#events, #nav li#events a			{ width: 83px; }
	#nav li#directions, #nav li#directions a	{ width: 110px; }

	#nav li#contact	 { width: 87px; }
	#nav li#contact a {
		width: 87px;
		background: none;
	}

	#nav li#whiskey-tavern {
		width: 290px;
		text-indent: -4440px;
		background: url('/images/nav-whiskeytavern.gif') no-repeat;
	}

	#nav li#whiskey-tavern a { width: 290px; }

	#nav li a:hover,
	.our-story li#our-story a, 
	.gallery li#gallery a, 
	.layout li#layout a, 
	.events li#events a, 
	.directions li#directions a, 
	.contact li#contact a { color: #000; }

/* LEVEL TWO */

#nav ul ul {
	position: absolute;
	width: 158px;
	left: -999em;
	height: auto;
}

	#nav li li {
		float: left;
		width: 158px;
		background: none;
	}

	#nav li li a {
		text-align: left;
		padding-left: 10px;
		width: 148px;
		background: #000;
	}

	#nav li li a:hover {
		color: #fff;
		text-decoration: underline;
	}

/* LEVEL THREE */

#nav ul ul ul { margin: -33px 0 0 158px; }

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.hover { position: static; } /* fixes IE7 sticky issue */

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	width: 852px;
}

	#nav {
		padding-top: 20px;
		height: 37px;
		line-height: 37px;
	}

	#contact {
		height: 25px;
		line-height: 25px;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
	}

	#content {
		position: relative;
		border-top: 2px #c4852e solid;
		border-bottom: 2px #c4852e solid;
		height: 481px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #fffbfb;
		background: url('/images/content_whiskey-tavern.jpg') no-repeat; /* default */
	}

	.whiskey-tavern #content { background: url('/images/content_whiskey-tavern.jpg') no-repeat; }
	.layout #content { background: url('/images/content_layout.jpg') no-repeat; }
	.events #content { background: url('/images/content_events.jpg') no-repeat; }
	.directions #content { background: url('/images/content_directions.jpg') no-repeat; }
	.contact #content { background: url('/images/content_contact.jpg') no-repeat; }
	.gallery #content { background: url('/images/content_gallery.jpg') no-repeat; }

		.content { /* default */
			position: absolute;
			top: 253px;
			left: 602px;
			padding: 10px;
			width: 211px;
			height: 201px;
			overflow: auto;
			background: url('/images/bg.png') top left no-repeat;
		}

		.whiskey-tavern .content {
			top: 243px;
			left: 592px;
			width: 221px;
			height: 211px;
		}

		.layout .content {
			top: 177px;
			left: 17px;
			width: 250px;
			height: 248px;
		}

		.events .content {
			top: 33px;
			left: 26px;
			width: 228px;
			height: 225px;
		}

		.directions .content {
			top: 121px;
			left: 464px;
			width: 350px;
			height: 320px;
		}

		.contact .content {
			top: 33px;
			left: 26px;
			width: 440px;
			height: 390px;
		}

		.gallery .content {
			top: 249px;
			left: 16px;
			width: 218px;
			height: 208px;
		}

	#footer {
		padding: 7px 10px;
		font-size: 11px;
		text-transform: uppercase;
		text-align: right;
		font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	}

/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 14px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0;
}

/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#search input.textbox {
	
}

#search input.button {
	
}

/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 { font-size: 25px; }

h2 { font-size: 22px; }

	#contact h2 {
		font-size: 12px;
		padding: 0;
		line-height: 25px;
	}

h3 { font-size: 19px; }

h4 { font-size: 16px; }

/* -----------------------------------------------------------
		VII. CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */