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

h1, p, body, html {
	margin:0;
	padding:0;
}

#logo {
	display: none;
}
/************************************************
	      HTML ELEMENT		*/

body {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
 } 

a:link {
	color:#456278;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
a:active {
	color:#456278;
	text-decoration: none;
}
a:visited {
	color:#456278;
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
a:hover	{
	color:#006700;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
} 
#wrap {
	margin: 0 auto;
	background-image: url(../images/wrap-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrap-header {
	width:927px;
	margin:0 auto;
	position: relative;
	z-index: 200;
	padding-top: 60px;
}

/*FEATURED LAYERS*/

#wrap-features {
	margin:0 auto;
	position: relative;
	text-align: left;
	z-index: 1;
}

#feature-events {
	font:12px Arial, Helvetica, sans-serif;
	color: #333;
	
	width: 179px;
		height:150px;
	overflow:hidden;
}
#event_content{
			height: 210px;
		
	width: 179px;
		overflow:hidden;
		padding: 55px 20px 0px 45px;
	text-align: left;
	z-index: 2;
	background-image: url(../images/events-notepad-bg.png);
	background-repeat: no-repeat;
	position:relative;

	
}
.submit{
margin-top:0px;

	float:left;
	margin-left:290px;
	margin-top:-20px;

}

#feature-logo {
	padding: 0px;
	z-index: 3;
	margin: 0px;
	position:relative;
	top:-34px;
}
#feature-signup {
	position:absolute;
	font:12px Arial, Helvetica, sans-serif;
	color: #666;
	text-align:left;
	z-index: 50;
	padding-left: 20px;
	width: 405px;
	vertical-align: middle;
	background: url(../images/signup-bg.png) no-repeat left top;
}

.formbutton{
	cursor:pointer;
	background:#999;
	padding: 0;
	background:url(../images/submit-btn-home.jpg) no-repeat left bottom;
	width: 141px;
	border: 0;
	height: 19px;
}

#feature-napkin {
	font:12px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 90px 0 0 40px;
	text-align: left;
	z-index: 5;
	margin: 0px;
	background-image: url(../images/napkin-bg.png);
	height: 123px;
	width: 188px;
	background-repeat: no-repeat;
	position:relative;

}
#feature-photo-home {
	font:12px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0px;
	text-align: left;
	z-index: 20;
	margin-top: 49px;
}
.red a{
height:100px;}

.seemore{
	padding-top:8px;
	padding-left:98px;
	border:none;
	text-decoration:none;}
	
	
#feature-photo {
	font:12px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0px;
	text-align: left;
	z-index: 7;
	margin-top: 15px;
}
.class1 {
	position: absolute;
	z-index: 8;
	left: -14px;
	top: 365px;
    }
.class2 {
	position: absolute;
	z-index: 9;
	left: 136px;
	top: -28px;
}
.class3 {
    left: 753px;
    position: absolute;
    top: 305px;
    z-index: 10;
}
.class3-home {
	position: absolute;
	z-index: 21;
	left: 753px;
	top: 400px;
}
.class4 {
	position: absolute;
	z-index: 12;
	left: -20px;
	top: 608px;
}
.class4-home {
	position: absolute;
	z-index: 13;
	left: 333px;
	top: 565px;
}
#header {
	width:927px;
	height:35px;
	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	text-align: left;
}
#home-btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#wrap-main {
	margin:0 auto;
	overflow: inherit;
	position: relative;
	width: 927px;
}
#container {
	text-align: center;
	width: 927px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	z-index: 2;
	background-image: url(../images/wood-bg.jpg);
	background-repeat: repeat-y;
}
/*VERTICAL NAVIGATION*/

ul#nav-vert {
	margin: 0px;
	padding: 37px 0px 0px 17px;
	float: left;
	height: 300px;
	width: 190px;
	background-image: url(../images/nav-vert-bg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	list-style: none;
	position: relative;
	z-index: 3;
}
ul#nav-vert span{
	display: none;
	position: absolute;
}
ul#nav-vert a{
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	left: 17px;

}
ul#nav-vert a:hover {
	background-position: left bottom;
}
ul#nav-vert a:hover span{
	display: block;
}
ul#nav-vert .ourstory{
	width: 185px;
	height: 41px;
	background: url(../images/ourstory-off.jpg) no-repeat;
	left: 17px;
	top: 41px;
}
ul#nav-vert .ourstory  span{
	width: 185px;
	height: 41px;
	background: url(../images/ourstory-on.jpg) no-repeat;
	left: 0px;
	top: 0px;
}

ul#nav-vert .news{
	width: 185px;
	height: 36px;
	background: url(../images/news-off.jpg) no-repeat;
	left: 17px;
	top: 83px;
}
ul#nav-vert .news span {
	width: 185px;
	height: 36px;
	background: url(../images/news-on.jpg) no-repeat;
	left: 0px;
	top: 0px;
}
ul#nav-vert .menus {
	width: 185px;
	height: 40px;
	background: url(../images/menu-off.jpg) no-repeat;
	left: 17px;
	top: 118px;
}
ul#nav-vert .menus span {
	width: 185px;
	height: 41px;
	background: url(../images/menu-on.jpg) no-repeat;
	left: 0px;
	top: 0px;
}
ul#nav-vert .taps {
	width: 185px;
	height: 41px;
	background: url(../images/tap.jpg) no-repeat;
	left: 17px;
	top: 157px; 
}
ul#nav-vert .taps span {
	width: 185px;
	height: 41px;
	background: url(../images/tap2.jpg) no-repeat;
	left: 0px;
	top: 0px;
}
ul#nav-vert .reservations {
	width: 185px;
	height: 41px;
	background: url(../images/reservations-off.jpg) no-repeat;
	left: 17px;
	top: 190px; /* +42 */
}
ul#nav-vert .reservations span {
	width: 185px; 
	height: 41px;
	background: url(../images/reservations-on.jpg) no-repeat;
	left: 0px;
	top: 0px;
}

/*
ul#nav-vert .employment {
	width: 185px;
	height: 34px;
	background: url(../images/employment-off.jpg) no-repeat;
	left: 17px;
	top: 225px; 
}
ul#nav-vert .employment span {
	width: 185px;
	height: 34px;
	background: url(../images/employment-on.jpg) no-repeat;
	left: 0px;
	top: 0px;
}
*/


ul#nav-vert .parties {
	width: 185px;
	height: 41px;
	background: url(../images/parties-off.jpg) no-repeat;
	left: 17px;
	top: 225px;
}
ul#nav-vert .parties span {
	width: 185px;
	height: 41px;
	background: url(../images/parties-on.jpg) no-repeat;
	left: 0px;
	top:0px;
}

ul#nav-vert .calendar{
	width: 185px;
	height: 41px;
	background: url(../images/calendar-off.jpg) no-repeat;
	left: 17px;
	top: 260px;
}
ul#nav-vert .calendar  span{
	width: 185px;
	height: 41px;
	background: url(../images/calendar-on.jpg) no-repeat;
	left: 0px;
	top:0px;
}

ul#nav-vert .contact {
	width: 185px;
	height: 41px;
	background: url(../images/contact-off.jpg) no-repeat;
	left: 16px;
	top: 301px; /* Plus 41 */
}
ul#nav-vert .contact span {
	width: 185px;
	height: 41px;
	background: url(../images/contact-on.jpg) no-repeat;
	left: 0px;
	top:0px;

}


ul#nav-vert li#current .taps{
	background: url(../images/tap2.jpg) no-repeat;
}
ul#nav-vert li#current .ourstory{
	background: url(../images/ourstory-on.jpg) no-repeat;
}
ul#nav-vert li#current .news {
	background: url(../images/news-on.jpg) no-repeat;
}
ul#nav-vert li#current .menus {
	background: url(../images/menu-on.jpg) no-repeat;
}
ul#nav-vert li#current .reservations {
	background: url(../images/reservations-on.jpg) no-repeat;
}
ul#nav-vert li#current .employment {
	background: url(../images/employment-on.jpg) no-repeat;
}
ul#nav-vert li#current .parties {
	background: url(../images/parties-on.jpg) no-repeat;
}
ul#nav-vert li#current .contact {
	background: url(../images/contact-on.jpg) no-repeat;
}
ul#nav-vert li#current .calendar {
	background: url(../images/calendar-on.jpg) no-repeat;
}


#mainContent  {
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/wood-bg.jpg);
}
#mainPhoto {
	padding: 0px;
	text-align: left;
	float: right;
	margin-top: 2px;;
}
.redtextbox {
	text-align: left;
	margin: 0px;
	padding: 65px 178px 30px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FFF;
	background-image: url(../images/redtextbox-bg.jpg);
	background-repeat: no-repeat;
	min-height: 150px;
	clear: both;
	float: right;
	width: 503px;
	line-height: 18px;
	background-color: #8d0e15;
}
.rednavbox {
	text-align: left;
	margin: 0px;
	padding: 10px 0px 10px 30px;
	font-size: 12px;
	color: #FFF;
	background-image: url(../images/redtextbox-bg.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: right;
	width: 681px;
	background-color: #8d0e15;
}
#mainCopy {
	text-align: left;
	margin: 0px;
	padding: 30px 188px 30px 245px;
	font-size: 13px;
	color: #666;
	clear: both;
	width: 494px;
	background-image: url(../images/paper-bg.jpg);
	background-repeat: repeat-y;
	line-height: 20px;
	min-height: 300px;
}
#mainCopy h1 {
	color: #8B0D14;
	font-weight: normal;
	font-size: 28px;
}
#mainCopy a , a:visited, a:active{
	color: #900;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mainCopy .hr{
	border: none 0;
	border-top: 1px solid #511a07;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
.tighten {
	padding-bottom: 0px !important;
}

#paper-bottom {
	background-image: url(../images/paper-bottom.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 65px;
	margin: 0;
	padding: 0;
}

#paper-bottom-small {
	background-image: url(../images/paper-bottom-small.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	height: 35px;
	margin: 0;
	padding: 0;
}


/*FOOTER*/
.clear {
	clear:both;
	display:block;
	width:100%;
	height:1px;
	background:none;
}

#footer{
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #cc9966;
	text-align: right;
	line-height: 16px;
	height: 103px;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-right: 10px;
	padding-left: 10px;
	position:relative;
	top:20px;
}

#footer .image{
	padding: 10px;
	width: 100px;
}
#footer a ,a:visited,a:active {
	color: #999;
	text-decoration: underline;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
#footer a:hover {
	color: #CCC;
	text-decoration: underline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
}

#footer .mindspike {
	display: block;
	margin-top: 50px;
	width: 100px;
	margin-left: 788px;
}
a.mindspike-logo {
	display: block;
	width: 90px;
	height: 21px;
	text-decoration: none;
	background: url("../images/mindspike-logo.gif");
	}

a.mindspike-logo:hover {
	background-position: -90px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
#footer-sn-links {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:-30px;
}
ul#navbar {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}
ul#navbar li {
	float: left;
}
ul#navbar li a {
	display:block;
	padding:35px 15px 4px 0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	margin: 0px;
}
ul#navbar li a:hover {
	color:#FC3;
}
ul#navbar li a#current {
	background:url(../images/current.gif) no-repeat center top;
	color:#FC3;
}

ul#navbar2 {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}
ul#navbar2 li {
	float: left;
}
ul#navbar2 li a {
	display:block;
	padding:35px 15px 19px 0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	margin: 0px;
}
ul#navbar2 li a:hover {
	color:#FC3;
}
ul#navbar2 li a#current {
	background:url(../images/current.gif) no-repeat center top;
	color:#FC3;
}

.vistit{
	margin-top:-30px;}
	
	.facebook{
		padding-top:0px;
}

#beers {
    color: #FFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 120px;
    margin-left: 746px;
    margin-top: 187px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 165px;
    z-index: 30;
	text-align:center;
	list-style:none;
}
#beers li{
margin-bottom:5px;}

#beers a{
clear:left;
color:white;
padding-left:-50px;
	list-style:none;
}

#beers ul{
	list-style:none;
}

.mainTableTOC, .tableListings {
	width:100% !important;
}

.dayNamesRowTOC {
	background:black !important;
}

.todayTOC {

background: #8B0D14 !important;
}