/*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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*******************LAYOUT*******************/

body {
	background: url(../images/bg_body.jpg) top center no-repeat #180808;
	color: #180808;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 	0.75em;
	letter-spacing: .05em;
	line-height: 1.3125;
	padding-bottom: 30px;
	height: 100%;
}

div#header,
div#content-holder,
div#footer{
	margin: 0 auto;
	width: 960px;
	position: relative;
}

div#header{
	height: 150px;
	z-index: 100;
}

div#content-holder{
	background: url(../images/bg_content-holder.png) top left repeat-y transparent;
	overflow: visible;
	padding-bottom: 26px;
	z-index: 1;
}
div#rotating-image,
div#content-holder-top{
	background: url(../images/bg_content-holder_top.png) top center no-repeat transparent;
	display: block;
	margin: 0 auto;
	width: 940px;
}

div#content-holder-top{
	height: 40px;
}

div#content-holder-bottom{
	background: url(../images/bg_content-holder_bottom.png) top left no-repeat transparent;
	display: block;
	height: 10px;
	margin: 0 auto;
	width: 960px;
}

div#content-holder.home div#left-content{
	float: left;
	margin: 40px 0 0 30px;
	width: 580px;
}

div#content-holder.home div#right-content{
	float: right;
	margin: 40px 30px 0 0;
	width: 280px;
}

div#content-holder.internal div#left-content{
	float: left;
	margin: 0 0 0 30px;
	width: 200px;
}
div#content-holder.internal div#right-content{
	float: right;
	margin: 16px 30px 0 0;
	width: 660px;
}

div#footer-top{
	background: url(../images/bg_footer_top.png) top left no-repeat transparent;
	display: block;
	height: 2px;
	margin: 0 auto;
	width: 960px;
}
div#footer{
	background: url(../images/bg_footer.png) top left repeat-y transparent;

}
div#footer-bottom{
	background: url(../images/bg_footer_bottom.png) top left no-repeat transparent;
	display: block;
	height: 5px;
	margin: 0 auto;
	width: 960px;
}

/*******************TYPOGRAPHY*******************/

div#content-holder p{
	margin: 0 0 14px 0;
}

div#content-holder p.halfspace{
	margin: 0 0 4px 0;
}

div#content-holder a{
	color: #990000;
	text-decoration: none;
}

div#content-holder a:visited{
	color: #713819;
}

div#content-holder a:active, div#content-holder a:hover{
	text-decoration: underline;
}

/*HEADLINES*/

div#content-holder h1{

}

div#content-holder h2{
	background: url(../images/bg_h2.jpg) bottom right no-repeat transparent;
	clear: both;
	color: #4f1f0c;
	font-size: 1.545em;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: .0625em;
	margin-bottom: 20px;
	text-transform: uppercase;
	width: 100%
}

div#content-holder h3{
	clear: both;
	color: #4f1f0c;	
	font-size: 1.364em;
	font-weight: bold;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

div#content-holder h4{
	clear: both;
	color: #4f1f0c;	
	font-size: 1.182em;
	font-weight: bold;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	margin-top: 10px;
}


div#content-holder h5{
	clear: both;
	color: #180808;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 1.167em;
	font-weight: bold;
}

div#content-holder h6{
	clear: both;
	color: #180808;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 1.091em;
	font-weight: bold;
}
div#content-holder  h7{
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #803113;
	font-style: normal;
}


div#content-holder ul.bulleted,
div#content-holder ol.bulleted{padding-left: 20px; margin: 14px 0;}

div#content-holder ul.bulleted li,
div#content-holder ol.bulleted li{ margin: 0 0 5px 0;}

div#content-holder ul.bulleted {list-style-type: disc;}

div#content-holder ul.bulleted ul{list-style-type: circle; margin: 0;}

div#content-holder ol.bulleted{list-style-type: decimal;}

div#content-holder ol.bulleted ol{list-style-type: lower-alpha; margin: 0;}

span.serif{
	color: #180808;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 1.167em;
	font-weight: bold;
}

/*FOOTER TYPE*/
div#footer{
	color: #FFF;
	font-size: 0.818em;
}

div#footer a{
	text-decoration: none;
}

div#footer a:link{
	color: #fde064;
}

div#footer a:visited{
	color: #eed999;
}

div#footer a:active, div#footer a:hover{
	color: #fbf7e6;
	text-decoration: underline;
}


div#footer p#copyright{
	float: right;
	text-align: right;
	padding: 10px 20px;
	width: 300px;
}

div#footer ul#footer_nav{
	padding: 10px 20px;
	width: 500px;
}

div#footer ul#footer_nav li{
	display: block;
	float: left;
	border-left: 1px solid #FFF;
	padding: 0 5px;
}

div#footer ul#footer_nav li.first{
	border-left: none;
	padding: 0 5px 0 0;

}

/*******************PRIME NAV*******************/
ul.nav {
	width: 960px;
	height: 149px;
	background: url(../images/primenav_rollovers.jpg) no-repeat;
}

.nav li {
	display: inline;
	z-index: 100;
}

.nav li a.sprite:link, .nav li a.sprite:visited {
	position: absolute;
	top: 0;
	height: 149px;
	text-indent: -9000px;
	z-index: 90;
}

	/*HOME*/
	.nav .home a.sprite:link, .nav .home a.sprite:visited {
		left: 0; 
		width: 270px;
	}
	.nav .home a.sprite:hover, .nav .home a.sprite:focus {
		background: url(../images/primenav_rollovers.jpg) no-repeat 0px -149px;
	}
	.nav .home a.sprite:active { 
		background: url(../images/primenav_rollovers.jpg) no-repeat 0px -298px;
	}
	.current-home .home a.sprite:link, .current-home .home a.sprite:visited { 
		background: url(../images/primenav_rollovers.jpg) no-repeat 0px 0px; 
		cursor: default;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 270px;
		height: 149px;
		background: url(../images/primenav_rollovers.jpg) no-repeat 0px -149px;
	}
	.nav-home-click { 
		background: url(../images/primenav_rollovers.jpg) no-repeat 0px -298px;
	}


	/*ABOUT*/
	.nav .about a.sprite:link, .nav .about a.sprite:visited {
		left: 270px;
		width: 114px;
	}
	.nav .about a.sprite:hover, .nav .about a.sprite:focus { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -270px -149px;
	}
	.nav .about a.sprite:active {	
		background: url(../images/primenav_rollovers.jpg) no-repeat -270px -298px;
	}
	.current-about .about a.sprite:link, .current-about .about a.sprite:visited {	
		background: url(../images/primenav_rollovers.jpg) no-repeat -270px -298px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 270px;
		width: 114px;
		height: 149px;
		background: url(../images/primenav_rollovers.jpg) no-repeat -270px -149px;
	}
	.nav-about-click {
		background: url(../images/primenav_rollovers.jpg) no-repeat -270px -298px;
	}

	/*MENU*/
	.nav .menu a.sprite:link, .nav .menu a.sprite:visited {
		left: 384px;
		width: 108px;
	}
	.nav .menu a.sprite:hover, .nav .menu a.sprite:focus { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -384px -149px;
	}
	.nav .menu a.sprite:active {
		background: url(../images/primenav_rollovers.jpg) no-repeat -384px -298px; 
	}
	.current-menu .menu a.sprite:link, .current-menu .menu a.sprite:visited { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -384px -298px; 
		cursor: default;
	}
	.nav-menu, .nav-menu-click {
		position: absolute;
		top: 0;
		left: 384px;
		width: 108px;
		height: 149px;
		background: url(../images/primenav_rollovers.jpg) no-repeat -384px -149px;
	}
	.nav-menu-click {
		background: url(../images/primenav_rollovers.jpg) no-repeat -384px -298px;
	}

	/*PRIVATE DINIG*/
	.nav .private_dining a.sprite:link, .nav .private_dining a.sprite:visited {
		left: 492px;
		width: 174px;
	}
	.nav .private_dining a.sprite:hover, .nav .private_dining a.sprite:focus { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -492px -149px;
	}
	.nav .private_dining a.sprite:active {
		background: url(../images/primenav_rollovers.jpg) no-repeat -492px -298px;
	}
	.current-private_dining .private_dining a.sprite:link, .current-private_dining .private_dining a.sprite:visited { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -492px -298px; 
		cursor: default;
	}
	.nav-private_dining, .nav-private_dining-click {
		position: absolute;
		top: 0;
		left: 492px;
		width: 174px;
		height: 149px;
		background: url(../images/primenav_rollovers.jpg) no-repeat -492px -149px;
	}
	.nav-private_dining-click { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -492px -298px;
	}


	/*EVENTS*/
	.nav .events a.sprite:link, .nav .events a.sprite:visited {
		left: 666px;
		width: 117px;
	}
	.nav .events a.sprite:hover, .nav .events a.sprite:focus {
		background: url(../images/primenav_rollovers.jpg) no-repeat -666px -149px;
	}
	.nav .events a.sprite:active {
		background: url(../images/primenav_rollovers.jpg) no-repeat -666px -298px;
	}
	.current-events .events a.sprite:link, .current-events .events a.sprite:visited { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -666px -298px; 
		cursor: default;
	}
	.nav-events, .nav-events-click {
		position: absolute;
		top: 0;
		left: 666px;
		width: 117px;
		height: 149px;
		background: url(../images/primenav_rollovers.jpg) no-repeat -666px -149px;
	}
	.nav-events-click { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -666px -298px;
	}


	/*MERCHANDISE*/
	.nav .merchandise a.sprite:link, .nav .merchandise a.sprite:visited {
		left: 783px;
		width: 177px;
	}
	.nav .merchandise a.sprite:hover, .nav .merchandise a.sprite:focus { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -783px -149px;
	}
	.nav .merchandise a.sprite:active {
		background: url(../images/primenav_rollovers.jpg) no-repeat -783px -298px;
	}
	.current-merchandise .events a.sprite:link, .current-merchandise .events a.sprite:visited { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -783px -298px; 
		cursor: default;
	}
	.nav-merchandise, .nav-merchandise-click {
		position: absolute;
		top: 0;
		left: 783px;
		width: 177px;
		height: 149px;
		background: url(../images/primenav_rollovers.jpg) no-repeat -783px -149px;
	}
	.nav-merchandise-click { 
		background: url(../images/primenav_rollovers.jpg) no-repeat -783px -298px;
	}


/* ESSENTIAL STYLES */

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top: 150px; /* match top ul list item height */
	z-index: 100;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/*DROP DOWN STYLES*/
.sf-menu ul a{
	background: #351809;
	border-left: solid 1px #a48b59;
	border-right: solid 1px #a48b59;
	display: block;
	font-size: 1.182em;
	padding: 9px 30px;
	text-decoration: none;
}

.sf-menu ul a.last{
	border-bottom: solid 1px #a48b59;
}

.sf-menu ul a:link, .sf-menu ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fbf7e6;
}

.sf-menu ul a:active, .sf-menu ul a:hover, .sf-menu ul a:focus  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fde064;
	background-color: #180808;
}

/*POSITIONING THE DROP DOWN MENUS*/
li.about ul{ 
	left: 270px;
}

li.menu ul{ 
	left: 384px;
}

li.private_dining ul{ 
	left: 492px;
}

li.events ul{ 
	left: 666px;
}

li.merchandise ul{ 
	left: 783px;
}

/*DROP DOWN SHADOW*/
.sf-shadow ul {
	background: url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*END PRIME NAV*/


/*******************SUB NAVIGATION*******************/

div#subnav{
	background: url(../images/bg_subnav.jpg) top left no-repeat #0b0b0c;
	width: 200px;
}

div#subnav_bottom{
	background: url(../images/bg_subnav_bottom.png) bottom left no-repeat transparent;
	height: 7px;
	width: 200px;
}

div#subnav h2{
	display: block;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -99999em;
	width: 200px;
}
div#subnav h2.about{
	background: url(../images/subnav_header_about.png) top left no-repeat transparent;
}

div#subnav h2.menu{
	background: url(../images/subnav_header_menu.png) top left no-repeat transparent;
}

div#subnav h2.privatedining{
	background: url(../images/subnav_header_privatedining.png) top left no-repeat transparent;
}

div#subnav h2.events{
	background: url(../images/subnav_header_events.png) top left no-repeat transparent;
}

div#subnav h2.merchandise{
	background: url(../images/subnav_header_merchandise.png) top left no-repeat transparent;
}
div#subnav ul{
	position: relative;
	top: -18px;
	margin: 0 auto;
	width: 136px;
}

div#subnav a{
	color: #fbf7e6;
	display: block;
	font-size: 1.182em;
	text-decoration: none;
	padding: 5px 0px;
	width: 100%;
}

div#subnav a:link, div#subnav a:visited{
	color: #fbf7e6;
}

div#subnav a:active, div#subnav a:hover, div#subnav a:focus{
	color: #fde064;
	text-decoration: none;
}

div#subnav a.current_page{
	color: #fde064;
}

/*******************FEATTURE IMAGE*******************/
/* rotator in-page placement */
    div#rotating-image {
	height:300px;
	margin: 0 auto;
	position:relative;
	width: 900px;
}
/* rotator css */
	div#rotating-image ul li {
	float:left;
	position:absolute;
	list-style: none;
	width: 900px;
}

    div#rotating-image ul li.show {
	z-index:80
}

/*******************SPOTLIGHT BUTTONS*******************/
ul#spotlight li{
	margin-bottom: 20px;
}
ul#spotlight li a{
	display: block;
	height: 65px;
	width: 280px;
	text-indent: -9999em;
}

ul#spotlight li.happy_hour a:link, ul#spotlight li.happy_hour a:visited{background: url(../images/home_sidebar_happyhour.jpg) top left no-repeat transparent;}
ul#spotlight li.happy_hour a:active, ul#spotlight li.happy_hour a:hover, ul#spotlight li.happy_hour a:focus{background: url(../images/home_sidebar_happyhour.jpg) top right no-repeat transparent;}

ul#spotlight li.call_ahead a:link, ul#spotlight li.call_ahead a:visited{background: url(../images/home_sidebar_callahead.jpg) top left no-repeat transparent;}
ul#spotlight li.call_ahead a:active, ul#spotlight li.call_ahead a:hover, ul#spotlight li.call_ahead a:focus{background: url(../images/home_sidebar_callahead.jpg) top right no-repeat transparent;}

ul#spotlight li.gift_cards a:link, ul#spotlight li.gift_cards a:visited{background: url(../images/home_sidebar_giftcard.jpg) top left no-repeat transparent;}
ul#spotlight li.gift_cards a:active, ul#spotlight li.gift_cards a:hover, ul#spotlight li.gift_cards a:focus{background: url(../images/home_sidebar_giftcard.jpg) top right no-repeat transparent;}

ul#spotlight li.brewers_club a:link, ul#spotlight li.brewers_club a:visited{background: url(../images/home_sidebar_brewersclub.jpg) top left no-repeat transparent;}
ul#spotlight li.brewers_club a:active, ul#spotlight li.brewers_club a:hover, ul#spotlight li.brewers_club a:focus{background: url(../images/home_sidebar_brewersclub.jpg) top right no-repeat transparent;}


/*******************GIFTCARD REGISTRATION BUTTONS*******************/
ul#giftcard_registration li{
	margin-top: 20px;
}
ul#giftcard_registration li a{
	display: block;
	height: 45px;
	width: 200px;
	text-indent: -9999em;
}

ul#giftcard_registration li.register_card a:link, ul#giftcard_registration li.register_card a:visited{background: url(../images/btn_registercard.jpg) top left no-repeat transparent;}
ul#giftcard_registration li.register_card a:active, ul#giftcard_registration li.register_card a:hover, ul#giftcard_registration li.register_card a:focus{background: url(../images/btn_registercard.jpg) top right no-repeat transparent;}

ul#giftcard_registration li.check_balance a:link, ul#giftcard_registration li.check_balance a:visited{background: url(../images/btn_checkbalance.jpg) top left no-repeat transparent;}
ul#giftcard_registration li.check_balance a:active, ul#giftcard_registration li.check_balance a:hover, ul#giftcard_registration li.check_balance a:focus{background: url(../images/btn_checkbalance.jpg) top right no-repeat transparent;}


/*******************SOCIAL MEDIA BUTTONS*******************/
ul#socialmedia_icons{
	margin-left: 2px;
}

ul#socialmedia_icons li{
	display: block;
	float: left;
	height: 35px;
	width: 35px;
	margin: 20px 10px 10px 0;
}

ul#socialmedia_icons li a{
	display: block;
	height: 35px;
	width: 35px;
	text-indent: -9999em;
}

ul#socialmedia_icons li.facebook a:link, ul#socialmedia_icons li.facebook a:visited{background: url(../images/icon_facebook.png) top left no-repeat transparent;}
ul#socialmedia_icons li.facebook a:active, ul#socialmedia_icons li.facebook a:hover, ul#socialmedia_icons li.facebook a:focus{background: url(../images/icon_facebook.png) top right no-repeat transparent;}

ul#socialmedia_icons li.twitter a:link, ul#socialmedia_icons li.twitter a:visited{background: url(../images/icon_twitter.png) top left no-repeat transparent;}
ul#socialmedia_icons li.twitter a:active, ul#socialmedia_icons li.twitter a:hover, ul#socialmedia_icons li.twitter a:focus{background: url(../images/icon_twitter.png) top right no-repeat transparent;}


/*******************MENU CONTENT LAYOUT*******************/
ul.menu li{
	float: left;
	width: 310px;
}

ul.menu li.column_1{
	margin-right: 40px;
}

ul.menu li li{
	margin: 0 0 15px 0;
}

ul.menu li li p{
	margin: 0;
}


/*******************CONTACT LAYOUT*******************/
ul.contact li{
	float: left;
	width: 190px;
}

ul.contact li.column_1{
	margin: 0 20px 20px 0;
	padding: 10px 0;
}

ul.contact li.column_2{
	margin: 0 0 20px 0;
	padding: 10px 20px;
	border-left: 1px solid #4f1f0c;
	border-right: 1px solid #4f1f0c;
}

ul.contact li.column_3{
	margin: 0 0 20px 20px;
	padding: 10px 0;
}

/*******************2-COLUMN CONTACT LAYOUT*******************/
.foo ul{
	width: 300px;
}

.foo li{
	display: block;
	float: left;
	width: 150px;	
}

.foo li.column_1{
	margin: 0 20px 20px 0;
	padding: 10px 0;
}

.foo li.column_2{
	margin: 0 0 20px 0;
	padding: 10px 0 10px 20px;
	border-left: 1px solid #4f1f0c;
}

.foo ul p{ margin: 0;}

/*******************CALLOUT BOX LAYOUT*******************/

div.callout{
	color: #fbf7e6;
	background-color: #3d170b;
	float: right;
	width: 190px;
	margin: 0 0 20px 20px;
	padding: 20px;
	border: 1px solid #876841;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*******************CONTENT IMAGES*******************/
div#content-holder.internal div#right-content img {
	background-color: #fff;
	border-left: 1px solid #dfd0a0;
	border-right: 1px solid #dfd0a0;
	border-top: 1px solid #dfd0a0;
	border-bottom: 1px solid #baad87;
	padding: 5px;	
}

div#content-holder.internal div#right-content img.no-style {
	background: none;
	border: none;
	padding: 0;	
}

div#content-holder.internal div#right-content img.left {
	margin: 0 20px 20px 0;
}

div#content-holder.internal div#right-content img.right {
	margin: 0 0 20px 20px;
}

/*******************MISC CSS*******************/

/*FLOATING*/
.left, .alignleft { float:left;}
.right, .alignright { float:right;}
.center, .aligncenter { margin-left: auto; margin-right: auto; display:block;}

/*CLEARING*/
.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}
.clearme{ clear: both;}