body {background: #000 url(../images/bg2.jpg) top center no-repeat; background-attachment: scroll; max-height: 1000px; color: #999; margin-top: 10px; }
a {color: #fff; font-size: 10pt;}
a:hover {color: #666;}

img {border:0;}

p {margin-bottom: 10px;}
li {margin-bottom: 5px;}

h1 {margin-bottom: 20px;}
h2 {margin-bottom: 10px;}
h3 {margin-bottom: 10px;}
h4 {font-size: 12pt; margin-bottom: 10px; color: #999;}

#wrapper {height: 100%; min-height: 800px; position: relative; width: 960px; margin: 0 auto; }

#header {width: 960px; height: 100px;}
#header ul li {margin-right: 20px;}


#logo {z-index: 10; margin-left: -60px; margin-top: -80px; display: inline; float: left; width: 200px;}
#mainnav {z-index: 9; position: absolute; top: 50px; left: 160px; width: 800px;}
#mainnav li{display: inline; position: relative;}
#mainnav li a:hover{/* for IE */filter:alpha(opacity=60);/* CSS3 standard */opacity:0.6;}
#mainnav li ul {position: absolute; left: -20px; top: 0; display: none;}
#mainnav li ul li a{color: #fff; text-decoration: none; font-size: 8pt; width: 50px; display: block; margin-bottom: 5px;}

.index .content {width: 940px; height: 350px; background: url(../images/trans47.png) repeat; margin-bottom: 20px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px;}

.index .content h1 {font-size: 18pt; color: #fff; width: 350px; clear: both; padding-top: 10px;}
.index .content h2 {font-size: 18pt; color: #fff; margin-left: 60px;}
.index .content p {color: #999; margin-left: 370px;}

.index #secondary {width: 960px;}
.index #sub h1 {color: #fff; font-size: 14pt;}

.index #box1, .index #box2, .index #box3 {background: url(../images/trans47.png) repeat; width: 260px; padding: 20px; height: 325px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: solid 0px #000; float: left;}

.index #box1 li, .index #box1 h1 {margin-left: 0px;}
.index #box1, .index #box2 {margin-right: 10px;}
.index #box2, .index #box3 {margin-left: 10px;}
.index #secondary {height: 400px;}
.index #secondary p {line-height: 12pt; font-family: Arial; font-size: 10pt;}
.index #secondary li {line-height: 12pt; font-family: Arial; font-size: 10pt;}

.index #box1 .cushycms li {margin-bottom: 5px;}
.index #box1 .cushycms li:nth-child(even) {margin-bottom: 15px;}

.index #box1 {}
.index #box1 #upcoming {height: 285px; overflow: hidden;}



.interior .content {width: 940px; height: 100%; min-height: 640px; margin-bottom: 20px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; border: solid 0px #000; background: #000 url(../images/trans47.png) repeat; padding-top: 40px;}

.interior .content li a {font-size: 12pt; margin: 0;}
.interior .content li a:hover {color: #888;}
.interior .content ul {width: 800px; padding: 0px; margin-left: 160px;}
.interior .content ul li {color: #999; font-family: Arial; font-size: 10pt; margin:0;}
.interior .content ul ul {float: left; width: 175px; height: 1%; margin: 0; padding: 0; overflow: hidden; margin-bottom: 20px;}
.interior .content ul ul li {}
.interior .content ul ul li:first-child {font-weight: bold; color: #fff;}

.downloads .content ul {width: 300px;}
.downloads .content ul ul {width: 300px;}
.downloads .content ul ul h3 {width: 150px;}
.downloads .content ul ul li {width: 300px; margin-bottom: 10px;}
.downloads .content ul ul li a:hover {color: #888;}

.downloads .content ul ul .extended {width: 400px;}
.interior .content .state_dist ul ul li {}

.interior .content h1 {font-family: georgia; font-size: 36pt; color: #fff; margin: 20px 0 -5px 160px;}
.interior .content h2 {font-size: 24pt; color: #fff; margin-left: 160px; margin-top: 40px;}
.interior .content h2 {font-family: Georgia; font-size: 18pt;}
.interior .content h3 {margin-left: 160px; font-family: Arial; color: #fff; margin-top: 40px; font-size: 14pt;}
.interior .content ul h3 {color: #fff; font-size: 12pt; margin-bottom: 10px; margin-left:0px;}

#contactform {padding-top: 40px; padding-left: 160px; width: 450px;}

.interior .content{width: 940px; height: 100%;  -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; border: solid 0px #000; background: url(../images/trans47.png) repeat; font-family: Arial; font-size: 10pt; line-height: 13pt;}

.contact .content {height: 100%;}

img .logos{clear: left; width: 150px;}
#beer_list {margin-left: 160px;}
#beer_list li {width: 400px; display: block; clear: left; margin: 50px 0;}
#beer_list img{float: left; width: 127px; padding: 0 10px 5px 0;}
#beer_list h3 {font-family: Georgia; font-size: 14pt; width: 400px; color: #fff;}
#beer_list p {width: 500px; color: #fff; font-family: Arial; font-size: 10pt; line-height: 12pt; margin-left: 137px;}
#beer_list span {display: block; margin-bottom: 5px;  width: 500px; font-family: Arial; color: #999; font-size: 10pt;}
#beer_list hr {color: #999; }
#beer_list .abv {margin-left: 137px;}
#beer_list span+a {color: #fff; font-size: 10pt; padding-left: 0px; margin-top: 20px;}
#beer_list p a {padding-left: 0; margin: 0; text-decoration: none;}
#beer_list p a:hover {color: #fff; text-decoration: underline;}
#beer_list #beast span+a {padding-left: 0px;}
#beer_list #holidays span+a {padding-left: 136px;}


#beer_index {float: right; width: 200px; padding-top: 200px; margin-right: 80px;}

.beer_info .abv {color: #999; margin-bottom: 0px;}

.news-events .content li {padding-left: 80px;}
.date {color: #fff;}
#mainevents {margin-top: 20px;}

.hidden {visibility: hidden;}
#dist_list li h3 {margin-top: 20px;}


.question {color: #fff; text-indent: 0;}
.answer {color: #666; text-indent: 0;}

.inline li{display: inline; }

.content #logo {clear: both;}

.content #main_content {margin-top: 40px; width: 400px; display: inline; float: left;  }
.content #main_content li{width: 400px;}
.content #main_content p {margin: 0; font-family: Arial; font-size: 10pt; line-height: 13pt;}
.content #main_content h1 {margin-bottom: 20px;}
.content #main_content a {font-size: 10pt;}
.interior .content #main_content ul {width: 400px;}

.content #side_content {width: 300px; padding-top: 50px; padding-right: 10px; font-family: Arial; font-size: 10pt; line-height: 13pt; float: right; margin-right: 175px;}
.content #side_content h1 {font-size: 18pt; margin-bottom: 20px; padding-left: 0px;}
.content #main_content, .content #side_content .date{color: #fff; margin-bottom: 10px; clear: both; }
.index .content #side_content li {padding-left: 10px;}
.content #side_content ul {width: 280px;}
.content #side_content ul li {margin-bottom: 5px; }
.content #side_content ul li:nth-child(even) {margin-bottom: 15px;}
#bottle_list {margin-top: -260px; margin-left: 350px;}
#bottle_list li {display: inline; float: left; width: 80px; margin-left: 30px;}


#downloads_list {margin-top: 20px;  font-family: Arial; font-size: 10pt;}
#downloads_list a:hover {color: #fff;}
#downloads_list h3 {margin-left:0;}
#downloads_list li {margin: 0 0 0 0px;}
#downloads_list a {font-size: 10pt;}

.index #tag h1{font-family: Georgia; margin: 20px 0 10px 30px; }
.index #tag h2{font-family: Georgia; font-size: 14pt; margin: 0px 0 10px 30px; }
.index #tag h3{font-family: Georgia; font-size: 10pt; margin: 0px 0 10px 160px; color: #999; }
.index #tag p {margin: 0 0 0 30px; width: 300px; font-family: Arial; font-size: 10pt; line-height: 13pt; color: #eaecd9;}
.index #tag p:first-child {margin-bottom: 10px; padding-top: 150px;}
.index #tag p+p {margin-top: 10px;}


#faq h2 {color: #fff; margin: 20px 0 20px 160px; font-size: 16pt; width: 630px; line-height: 20pt;}
#faq p {margin-left: 160px; width: 600px; color: #eee; font-size: 10pt; line-height: 14pt; padding-left: 25px;}

/*
.texthide {text-indent: -9999px;}
#quote_rep {text-indent: -9999px; background: url(../images/quote.png) no-repeat; height: 90px; }
#events_rep {text-indent: -9999px; background: url(../images/events.png) no-repeat; height: 40px; margin-bottom: 05px;}
#newssmall_rep {text-indent: -9999px; background: url(../images/news.png) no-repeat; height: 40px;margin-bottom: 05px;}
#aboutus_rep {text-indent: -9999px; background: url(../images/aboutus.png) no-repeat; height: 40px;margin-bottom: 05px;}
#beer_rep {text-indent: -9999px; background: url(../images/ourbeer.png) no-repeat; height: 31px;}
#buy_rep {text-indent: -9999px; background: url(../images/wheretobuy.png) no-repeat; height: 31px;}
#news_rep {text-indent: -9999px; background: url(../images/newsandevents.png) no-repeat; height: 31px;}
#downloads_rep {text-indent: -9999px; background: url(../images/downloads.png) no-repeat; height: 31px;}
#merch_rep {text-indent: -9999px; background: url(../images/merchandise.png) no-repeat; height: 31px; margin-bottom: 40px;}
#faq_rep {text-indent: -9999px; background: url(../images/faq.png) no-repeat; height: 40px;}
#contactus_rep {text-indent: -9999px; background: url(../images/contactus.png) no-repeat; height: 31px;}
*/
#merch_rep {margin-bottom: 40px;}

.last {margin-bottom: 100px;}
#footer {width: 100%; height: 100%; min-height: 100px; margin: 0 auto; margin-top: 0px;  border-top: solid 1px #111; clear: both;}
#footer #footernav {width: 940px; margin: 0 auto; padding-left: 20px; margin-top: 20px;}
#footernav li {font-family: Arial; margin-top: 20px;  margin-right: 20px;display: inline;}

#hmmap {background: url(../images/hmmap.gif) no-repeat; height: 316px; width: 500px; display: inline; float: right; margin-right: 70px;}
#fist {background: url(../images/.gif) no-repeat; height: 233px; width: 232px;display: inline; float: right; margin-right: 70px;}
#botg-sm {background: url(../images/botg-sm.png) no-repeat; height: 299px; width: 79px;display: inline; float: right; margin-top: 155px; margin-right: 275px;}

#mass {background: url(../images/mass.png) no-repeat; height: 298px; width: 386px; display: inline; float: right; margin-top: 0px; margin-right: 80px;}
#fl {background: url(../images/fl.png) no-repeat; height: 320px; width: 332px;display: inline; float: right; margin-top: 0px; margin-right: 80px;}
#nj {background: url(../images/nj.png) no-repeat; height: 300px; width: 191px;display: inline; float: right; margin-top: 0px; margin-right: 220px;}
#pa {background: url(../images/pa.png) no-repeat; height: 298px; width: 330px;display: inline; float: right; margin-top: 80px; margin-right: 80px;}
#me {background: url(../images/me.png) no-repeat; height: 299px; width: 211px;display: inline; float: right; margin-top: 80px; margin-right: 80px;}
#vt {background: url(../images/vt.png) no-repeat; height: 358px; width: 207px;display: inline; float: right; margin-top: 0px; margin-right: 80px;}
.interior .content h2+a{margin-left: 20px; }

#merch_rep+p {margin-left: 160px; color: #fff; width: 600px;}
#merch_rep+p+p {margin-left: 160px; color: #fff; width: 600px;}


/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		
			
		
			
		#bottle_list a, #bottle_list a:visited, #bottle_list a, #bottle_list a:hover {
			margin: 0 auto;
			width: 59px;
			height: 59px;
			display: block;
			position: relative;
			z-index: 2;
			
			}
					
		/* Button Shadow */
		
		#bottle_list li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: -9999px;
			z-index: 1;
			}
		
a.tooltip {text-decoration: none;}
a.tooltip span {
	display:none; 
	padding:10px 15px; 
	border: solid 1px #999;
}
	
a.tooltip:hover span{
	display:block; 
	position:absolute;
	margin-top: 10px; 
	margin-left: -75px;
	z-index: 1000;
	text-align: left;
	line-height: 12pt;
	font-size: 8pt;
	width: 200px;
	color: #fff;
	font-family: Arial;
	background: #000;
	height: 90px;
}

a.tooltip:hover span span{
	display:inline; 
	position:relative;
	border: none;
	color: #999;
	background: transparent;
	margin: 0;
	height: 100%;
	width: 100%;
	font-size: 10pt;
	padding: 0;
	padding-right: 0;	
	margin-bottom: 10px;
}

#info {width: 340px; float: left; display: inline; padding-top: 40px; height: 200px; overflow: hidden; margin-left: -80px; margin-top: 70px; margin-right: 40px;}
		#beer_description {clear: both;}
		#beer_description p {margin: 0; padding: 0; font-family: Arial; color: #fff; font-size: 10pt; line-height: 13pt;}
		#beer_description li {margin-bottom: 40px;}
			#beer_description #intro p{clear: both; margin: 0; padding: 0;}
			#beer_description #botg{display: none; }
			#beer_description #purity{display: none;}
			#beer_description #hubb{display: none;}
			#beer_description #beast{display: none;}
			#beer_description #holidays{display: none;}
			#beer_description p:last-child {color: #999; margin-top: 10px;}
			#beer_description #intro  p:last-child {color: #fff;}
		#bottles {padding-top: 25px;}
		#bottles_list li{display: inline; float: left; width: 79px; padding: 0 8px;}
		#bottles_list li img{width: 79px;}



span .heading4 {font-family: arial; color: 999; font-size: 12pt; margin-bottom: 10pt;}
.beer_info {width: 500px; float: left; margin-top: 40px; margin-left: 20px; color: #eaecd9;}
.interior .content .beer_info a{margin: 0 0 20px 0;}
.interior .content .beer_info a+p {margin-top: 20px;}
#purity_big {background: url(../images/purity_small.gif) no-repeat; width: 200px; height: 500px; float: right; display: inline;}
#botg_big {background: url(../images/botg-small.gif) no-repeat; width: 200px; height: 500px; float: right; display: inline;}
#beast_big {background: url(../images/beast_small.gif) no-repeat; width: 200px; height: 500px; float: right; display: inline;}
#hubb_big {background: url(../images/hubb_small.gif) no-repeat; width: 200px; height: 500px; float: right; display: inline;}
#holiday_big {background: url(../images/holiday.gif) no-repeat; width: 200px; height: 500px; float: right; display: inline;}

#return_link {margin-left: 160px;}