body{
	margin:0;
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#f4e8bf;
	background:#130900 url(../images/bg_grade.gif) repeat-x;
}
a {
border:none;
outline: none;
}

hr{
	margin:0px 0 8px 0 ;
	padding:0px;
	border: 0;
	height: 1px;
}
img{border:0;} 
form{margin:0; padding:0; border:0;}
#main{
	margin:0 auto;
	width:1001px;
	background:url(../images/bg.gif) repeat-y;
}
.splash{
	margin:0 auto;

	width:978px;
	overflow:hidden;
	padding:0 0 0 23px!important;
}
#header{
	position:relative;
	top:0;
	left:0;
	height:236px;
	width:1001px;
	background:url(../images/bg-head.jpg) no-repeat 22px 0;
}
#header .logo{
	position:absolute;
	top:10px;
	left:39px;
	width:312px;
	height:180px;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
#header .headline{
	position:absolute;
	top:90px;
	left:444px;
	width:449px;
	height:96px;
	overflow:hidden;
	background:url(../images/headline2.gif) no-repeat;
	text-indent:-9999px;
	
}
#header .form{
	position:absolute;
	top:0;
	left:732px;
	background:url(../images/form.gif) no-repeat;
	width:187px;
	padding:10px 21px 10px 24px;
}

#header .form .fild{
	margin:0px 0 0;
	padding:2px 0 0 2px;
	color:#9c9993;
	border-top:1px solid #6b6866;
	width:185px;
	height:13px;
	background:#fff;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#header .form .button{
	color:#9c9993;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border:0;
	margin: 4px 0 0 0;
	padding:0 0 2px;
	float:right;
	cursor:pointer;
	background:none;
	color:#a57345;
}
#main-nav{
	position:absolute;
	top:206px;
	left:359px;
	margin:0;
	padding:0;
	list-style:none;
	z-index:100;
}
#main-nav li{
	float:left;
	padding:0 4px 0 0;
}
#main-nav li a{
	position:relative;
	float:left;
	color:#c4b06d;
	cursor:pointer;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/tab2.gif) no-repeat 100% 0;
}
#main-nav li a span{
	position:relative;
	float:left;
	padding:2px 10px 0;
	height:22px;
	background:url(../images/tab1.gif) no-repeat;
}
#main-nav li a:hover{
	background:url(../images/tab4.gif) no-repeat 100% 0;
}
#main-nav li a:hover span{
	background:url(../images/tab3.gif) no-repeat;
}














/*Main nav active page*/


.beer #main-nav li.beer a{
	background:url(../images/tab4.gif) no-repeat 100% 0;
}
.beer #main-nav li.beer a span{
	background:url(../images/tab3.gif) no-repeat;
}

.about #main-nav li.about a{
	background:url(../images/tab4.gif) no-repeat 100% 0;
}
.about #main-nav li.about a span{
	background:url(../images/tab3.gif) no-repeat;
}

.info #main-nav li.info a{
	background:url(../images/tab4.gif) no-repeat 100% 0;
}
.info #main-nav li.info a span{
	background:url(../images/tab3.gif) no-repeat;
}

.find #main-nav li.find a{
	background:url(../images/tab4.gif) no-repeat 100% 0;
}
.find #main-nav li.find a span{
	background:url(../images/tab3.gif) no-repeat;
}

.merch #main-nav li.merch a{
	background:url(../images/tab4.gif) no-repeat 100% 0;
}
.merch #main-nav li.merch a span{
	background:url(../images/tab3.gif) no-repeat;
}


/*END Main nav active page*/






#content{
	overflow:hidden;
	width:585px;
	padding:29px 396px 142px 26px !important;
	background:url(../images/bg-content.jpg) no-repeat 22px 100%;
}
#content1{
	margin:-29px 0 0;
	overflow:hidden;
	width:954px;
	padding:0 0 153px 47px !important;
	background:url(../images/bg-content1.jpg) no-repeat 22px 100%;
}



/*SPLASH*/



.splash #content{
	position:relative;
	width:933px;
	height:690px;
	background: url(../images/bg-splash.jpg) no-repeat 23px 0;
}
.splash .logo{
	position:absolute;
	top:47px;
	left:316px;
	width:351px;
	height:200px;
	overflow:hidden;
	background:url(../images/logo2.gif) no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
.splash h2{
	margin:0;
	font-size:12px;
	color:#c19b49;
	text-transform:uppercase;
	position:absolute;
	top:265px;
	left:306px;
}
.splash h3{
	margin:0;
	font-size:12px;
	color:#c19b49;
	text-transform:uppercase;
	position:absolute;
	top:420px;
	left:372px;
}
.splash .headline{
	position:absolute;
	top:293px;
	left:308px;
	text-indent:-9999px;
	background:url(../images/headline.gif) no-repeat;
	width:358px;
	height:93px;
}
.splash p{
	position:absolute;
	margin:410px 0 0 365px;
	padding:0;
}

.splash .banner1{
	position:absolute;
	left:233px;
	top:443px;
	display:block;
	background:url(../images/banner7.gif) no-repeat;
	width:85px;
	height:82px;
	text-indent:-9999px;
	overflow:hidden;
}
.splash .banner2{
	position:absolute;
	left:667px;
	top:443px;
	display:block;
	background:url(../images/banner8.gif) no-repeat;
	width:85px;
	height:88px;
	text-indent:-9999px;
	overflow:hidden;
}
.splash .button{
	position:absolute;
	top:544px;
	left:414px;
	cursor: pointer;
	display:block;
	border:0px;
	height:35px;
	width:152px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/button.gif) no-repeat;
}

.splash .twentyone {
margin: 0 0 5px 0;
	
	display:block;
	background:url(../images/21.gif) no-repeat;
	width:200px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
}


.splash .nottwentyone {
margin: 0 0 5px 0;
	
	display:block;
	background:url(../images/not21.gif) no-repeat;
	width:200px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
}
/*END SPLASH*/



.block-holder{
	margin:0 0 11px 10px;
	border:1px solid #6f6244;
	float:right;
}
.block .pic img{
	padding:2px;
	float:left;
	overflow:hidden;
	height:80px;
}
.box{
	float:left;
	overflow:hidden;
}
.block1 {
	margin:2px;
	background:url(../images/bg-box.gif) no-repeat;
	border-bottom:1px solid #8e7d56;
	overflow:hidden;
	height:1%;
	width:390px;
}
.block1 ul{
	margin:0;
	padding:9px 0 7px 103px;
	list-style:none;
	line-height:21px;
	background:url(../images/block-foot.gif) no-repeat 0 100%;
}
.block1 ul li{
	padding:0 0 0 12px;
	height:21px;
	background:url(../images/bullet.gif) no-repeat 0 6px;
}
.block1 ul li a{
	font:bold 12px "Times New Roman", Georgia, Times, serif;
	color:#332711;
}
.block1 ul li a:hover{
	text-decoration:none;
}
.block .enjoy{
	float:left;
	background:url(../images/bg-block3.gif) no-repeat 0 100%;
	width:572px;
}
.block3{
	padding:2px;
}
.block h2{
	margin:7px 0 0 12px;
	font-size:19px;
	font-weight:normal;
	color:#bda566;
	float:left;
}
.block span{
	margin:6px 0 0 12px;
	padding:0 0 12px;
	font-style:italic;
	font-size:13px;
	font-weight:normal;
	color:#bda566;
	float:left;
}
.block span a{
	color:#bda566;
}
.block span a:hover{
	text-decoration:none;
}
.block2{
	width:579px;
	float:right;
	overflow:hidden;
	background:url(../images/block4.gif) no-repeat 100% 0;
}
.block2 .banners{
	margin:19px 0 0 11px;
	padding:0;
	list-style:none;
	float:left;
}
.block2 .banners li{
	float:left;
	padding:0 8px 0 0;
}
.block2 h3{
	
	font:13px;
	color:#bda566;
}
.block2 .info{
	color:#b29867;
	font-size:12px;
	float:right;
}
.block2 .info:hover{
	text-decoration:none;
}
#col1{
	width:311px;
	float:left;
	overflow:hidden;
}






/*Our Beer Nav*/

#left-menu{
	margin:0;
	padding:66px 0 0 46px;
	list-style:none;
	background:url(../images/bg-menu.gif) no-repeat;
	height:301px;
	width:280px;
}


#left-menu a{
	display:block;
	height:25px;
	width:185px;
	text-indent:-9999px;
	overflow:hidden;
}
#left-menu .atlas{background:url(../images/atlas.gif) no-repeat;}
#left-menu .jamoke{background:url(../images/bigj.gif) no-repeat;}
#left-menu .pub{background:url(../images/pub.gif) no-repeat;}
#left-menu .sundown{background:url(../images/sundown.gif) no-repeat;}
#left-menu .pavilion{background:url(../images/pavilion.gif) no-repeat;}
#left-menu .fest{background:url(../images/oktober.gif) no-repeat;}
#left-menu a:hover{
	background-position: -186px 0;
}

#left-menu a.jamoke:hover{
	background-position: -208px 0;
}


/*END Our Beer Nav*/



/*About Us Nav*/


#left-menu-about{
	margin:0;
	padding:66px 0 0 46px;
	list-style:none;
	background:url(../images/about-menu.gif) no-repeat;
	height:301px;
	width:280px;
}


#left-menu-about a{
	display:block;
	height:25px;
	width:185px;
	text-indent:-9999px;
	overflow:hidden;
}
#left-menu-about .brewing{background:url(../images/brewing.gif) no-repeat;}
#left-menu-about .brewmaster{background:url(../images/brewmaster.gif) no-repeat;}
#left-menu-about .history{background:url(../images/ourhistory.gif) no-repeat;}
#left-menu-about a:hover{
	background-position: -186px 0;
}

#brewing #left-menu-about .brewing{
	background-position: -186px 0;
}

#brewmaster #left-menu-about .brewmaster{
	background-position: -186px 0;
}

#history #left-menu-about .history{
	background-position: -186px 0;
}


/*END About Us Nav*/



/*Events and News Nav*/


#left-menu-news{
	margin:0;
	padding:66px 0 0 46px;
	list-style:none;
	background:url(../images/news-menu.gif) no-repeat;
	height:301px;
	width:280px;
}


#left-menu-news a{
	display:block;
	height:25px;
	width:185px;
	text-indent:-9999px;
	overflow:hidden;
}
#left-menu-news .news{background:url(../images/news.gif) no-repeat;}
#left-menu-news .press{background:url(../images/press.gif) no-repeat;}
#left-menu-news .events{background:url(../images/events.gif) no-repeat;}

#left-menu-news a:hover{
	background-position: -186px 0;
}

#news #left-menu-news .news{
	background-position: -186px 0;
}

#press #left-menu-news .press{
	background-position: -186px 0;
}

#events #left-menu-news .events{
	background-position: -186px 0;
}



/*END Events and News Nav*/







/*Find Us Nav*/


#left-menu-find{
	margin:0;
	padding:66px 0 0 46px;
	list-style:none;
	background:url(../images/find-menu.gif) no-repeat;
	height:301px;
	width:280px;
}


#left-menu-find a{
	display:block;
	height:25px;
	width:185px;
	text-indent:-9999px;
	overflow:hidden;
}
#left-menu-find .drinkit{background:url(../images/drinkit.gif) no-repeat;}
#left-menu-find .buyit{background:url(../images/buyit.gif) no-repeat;}
#left-menu-find .sellit{background:url(../images/sellit.gif) no-repeat;}
#left-menu-find a:hover{
	background-position: -186px 0;
}

#drinkit #left-menu-find .drinkit{
	background-position: -186px 0;
}

#buyit #left-menu-find .buyit{
	background-position: -186px 0;
}


#sellit #left-menu-find .sellit{
	background-position: -186px 0;
}




/*END Find Us Nav*/


/*BEGIN MERCH Nav*/


#left-menu-merch{
	margin:0;
	padding:66px 0 0 46px;
	list-style:none;
	background:url(../images/merch-menu.gif) no-repeat;
	height:301px;
	width:280px;
}


#left-menu-merch a{
	display:block;
	height:25px;
	width:185px;
	text-indent:-9999px;
	overflow:hidden;
}
#left-menu-find .merch{background:url(../images/merch.gif) no-repeat;}
#left-menu-find a:hover{
	background-position: -186px 0;
}

#merch #left-menu-merch .merch{
	background-position: -186px 0;
}




/*END MERCH Nav*/



/*FIND US FORMAT*/

#infobox {
	width: 563px;
	clear: both;
}


#infobox ul{
	list-style: none;
	margin: 0 0 22px 12px;
	padding: 0px;
}

#infobox ul .sublist{
	margin: 0 0 0 8px;
	padding: 0px;
	list-style: none;
}

#infobox .sublist li{
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	line-height: 12px;
}

#infobox li{
	font: 11px verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0 0 0;
	margin: 0px;
}

#title{
	background: #4d3219;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	height: 18px;
	padding: 1px 0 0 12px;
	margin: 8px 0 0 0;
}


.faux1 {
	float: left;
	width: 220px;
}

.faux2 {
	float: right;
	width: 280px;
}


.subtext{
	font-size: 9px;
	line-height: 11px;
}

/*END FIND US FORMAT*/






/*NEWS AND EVENTS FORMAT*/


#newsevents {
	width: 563px;
	clear: both;
}

.paracontain{
	width:542px;
	margin: 0 0 20px 10px;
}


.name {
	margin: 0px;
	padding: 0px;
	float: left;
}

.date{
	margin: 2px 11px 0 0px;
	padding: 0px;
	font-size: 10px;
	float: right;
}


#newsevents .faux1 {
	float: left;
	width: 260px;
}

#newsevents .faux2 {
	float: right;
	width: 250px;
}




/*END NEWS AND EVENTS FORMAT*/




/*COLS*/



#col2{
	padding:48px 0 0;
	width:156px;
	float:left;
}
#col2 ul{
	margin:0;
	padding:0;
	list-style:none;
}


#col2 .img{
	padding:4px 0 0 4px;
	background:url(../images/border.gif) no-repeat;
	width:134px;
	height:187px;
	display:block;
	margin:0 0 9px;
	
}
#col3{
	padding:46px 0 0;
	width:430px;
	float:left;
	font: 11px verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

#col3 h2{
	margin:0;
	color:#64815b;
	font:12px Georgia, "Times New Roman", Times, serif;
	
}

#col3 p{
	margin:0 0 25px;
	line-height:17px;
}



#altcol {
	padding:48px 0 0;
       	float:left;
	width: 565px;
	font: 11px verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
}

#altcol h2{
	margin: 0px;
	padding:0px;
	font:14px Georgia, "Times New Roman", Times, serif;
	color:#a47345;
}


#altcol a {
	color:#c4b06d;
	text-decoration:none;
}

#altcol a:hover {
	text-decoration:underline;
}

#altcol p.para{
	margin: 8px 0 0 0;
	padding: 0px;
	clear:both;
}

#altcol p{
	margin: 8px 0 0 0;
	padding: 0px;
}


#altcol img.vis{
	float: right;
	padding: 0px;
	margin: 2px 0 5px 10px;
}






/*END COLS*/







/*Footer Begin*/




#footer{
	position:relative;
	margin:-24px 0 0 0;
	padding:0;
	width:881px;
	height:24px;
	}


#fcen {
margin: 0 0 0 110px;
/margin: 0 0 0 80px;
height: 12px;
}

.splash #fcen {
margin: 0 0 0 23px;
/margin: 0 0 0 12px;
}

#footer ul{
	letter-spacing: .5px;
	width:823px;
	margin:-6px 0 0 0;
	/margin: 2px 0 0 0;
	padding:0;
	list-style:none;
	color:#c0ad6c;
	font-size:10px;
	float:left;
}

#footer ul li{
	float:left;
	margin: 0 0 0 35px;

	
}
.splash #fcen {
margin: 0 0 0 23px;
/margin: 0 0 0 12px;
}

.splash #footer{
	background:#312611;
	width:813px;
	padding:8px 72px 0 48px;
	margin:0 0 0 23px;
}

.splash #footer ul{
	width: 823px;
	margin: 0 0 0 0px;
	/margin: 0 0 0 0px;
}


.splash #footer ul li{
	float:left;
	padding:0 8px 0 0px;


}




#footer ul li a{
	text-decoration:none;
	color:#c0ad6c;
	font-size:10px;
}
#footer ul li a:hover{
text-decoraction: underline;
}

#footer .cubic{
	margin:2px 4px 0 0;
	padding:0;
	float:left;
}

/*Footer END*/