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

body{
	background: #000 url('../images/bg.main.jpg') no-repeat top left;
	width:980px;
	padding:0;
	margin:0;
	color:#FFF;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:1.7em;
	font-weight:lighter;
	letter-spacing: .1em;
	}

.wp{
	width:950px;
}

a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}

a:hover{
	color:#D0B67C;
	text-decoration:underline;
	}
	
h1, h2, h3{
	color:#D0B67C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	text-shadow: 1px 1px 2px #000;
	}
	
.item h3{
	border-bottom:none;
	}

h3{
	padding-bottom:5px;
	border-bottom:#333 1px dotted;
	}

p{
	font-weight:lighter;
	letter-spacing: .1em;
	}

hr{
	border:none;
	border-bottom:#333 1px dotted;
	}

strong{
	font-weight:bold;
	}

.emph{
	color:#D0B67C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	}
	
.l, .left{float:left; text-align:left;}
.r, .right{float:right; text-align:right;}
.clr{clear:both;}

.brd, .thumbs img{
	border:5px solid #0D0D0A;
	margin:0 5px;
	}
/******************************************************************* NAV ****************/	

#nav{
	height:60px;
	width:970px
	}

#nav ul{
	margin:0;
	padding:0;
	float:right;
	}

#nav ul li{
	list-style:none;
	height:60px;
	line-height:60px;
	vertical-align:middle;
	float:left;
	padding:0 15px;
	overflow:visible;
	}
	
#nav ul li#currpage{background:url(../images/nav/img.glow.png) bottom center no-repeat;
	}

#nav ul li a{
	height:0px;
	padding-top:18px;
	margin-top:20px;
	display:block;
	overflow:hidden;
	}
	
#nav ul li a.brewery{ background:url('../images/nav/btn.brewery.png') no-repeat top center; width:101px;}
#nav ul li a.beers{ background:url('../images/nav/btn.beers.png') no-repeat top center; width:80px;}
#nav ul li a.news{ background:url('../images/nav/btn.news.png') no-repeat top center; width:114px;}
#nav ul li a.media{ background:url('../images/nav/btn.media.png') no-repeat top center; width:50px;}
#nav ul li a.contact{ background:url('../images/nav/btn.contact.png') no-repeat top center; width:87px;}

#nav ul li a:hover, #nav ul li#currpage a{ background-position: 0 -18px;}
	
#sidebar{
	width:220px;
	float:left;
	}
	
.logo{
	margin:25px 0 10px 38px;
	}
	
.quote{
	text-align:center;
	margin:10px 25px;
	text-shadow: 1px 1px 1px #111;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}
	
#content{
	margin:25px 0 60px 20px;
	width:710px;
	float:left;
	}
	
.main_text{
	margin:10px 0 0 7px;
	clear:both;
	}

#beer_list{
	float:right;
	font-size:11px;
	margin-bottom:40px;
	text-shadow:1px 1px 1px #000000;
	}
#beer_list strong, #beer_item p strong{
	color:#D0B67C;
	}

#beer_list a{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	}
	
#beer_list ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#beer_list li{
	list-style-type:none;
	display:inline;
	padding:0;
	}
	
#beer_list ul{
	list-style:none;
	}

#beer_list a:hover{
	color:#D0B67C;
	}
	
#beer_widget, #right_callout{
	width:210px;
	margin: 20px 0 0 20px;
	float:right;
	text-align:center;
	}

#right_callout{font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;}
	
#beer_widget h3{ color:#FF9900; margin:10px 0 0 0; padding:0; font-size:12px;}
#beer_widget p{font-size:9px; line-height:14px; margin:0 0 10px 0; padding:0;}

#slide_beersml{
	width:150px;
	height:270px;
	overflow:hidden;
	margin:0 27px;
	}

#slide_beerlrg{
	width:100%;
	height:350px;
	overflow:hidden;
	clear:both;
	margin-top:30px;
	}

#slide_beerlrg .prev, #slide_beerlrg .next{top:220px}

#beer_slider{
	float:left;
	width:619px;
	height:350px;
	}

.beer_item{
	with:619px;
	height:350px;
	}
	
.beer_item .image{
	float:left;
	width:292px
	}

.beer_item .text{
	float:right;
	width:327px
	}

.hi{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}

.hi:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}

.item{
	margin:0 auto 50px auto;
	width:150px;
	height:270px;
	}
	

.arrow{	margin-top:80px;}
.arrow:hover{cursor: pointer;}
	
.prev{float:left;}
.next{float:right;}
	
/******************************************************************* BUTTONS ****************/	
.tour{width:170px; background:url(../images/btns/btn.tour.jpg) no-repeat top left;}
.order{width:135px; background:url(../images/btns/btn.order.jpg) no-repeat top left;}
.beers{width:106px; background:url(../images/btns/btn.our.beers.jpg) no-repeat top left;}
.all{width:92px; background:url(../images/btns/btn.view.all.jpg) no-repeat top left;}
.brewmaster{width:162px; background:url(../images/btns/btn.brewmaster.jpg) no-repeat top left;}

#tour_wp{}

#tour_wp img{
	border: 2px solid #3B100C;
	margin:5px;
}

a.btn{
	height:0px;
	padding-top:14px;
	display:block;
	overflow:hidden;
	margin-right:15px;
	float:left;
	}

a.btn:hover{background-position:0px -14px;}

.buttons{
	margin:35px 0;
	}

/********************************************************************************************/	
	
#slide{
	height:275px;
	width:715px;
	display:block;
	background: url(../images/img.frame.png) center no-repeat;
	overflow:hidden;
	}
	
#slide img, #slide object, div#flights{
	width:670px;
	height:240px;
	position:relative;
	/*top:18px;
	left:21px;*/
	margin:18px 0 18px 21px;
	background: transparent;
}

div#flights img{
	margin:0;
	}
	
#slidenav{
	margin:10px 5px 0 8px;
	}

#slidenav a { height:0; width:12px; overflow:hidden;padding-top:12px; background: url(../images/slide/nav/wt.jpg); display:block; float:right; margin-left:5px;}
#slidenav a.activeSlide, #slidenav a:focus,  #slidenav a:hover { background: url(../images/slide/nav/gl.jpg); }

.slide{display:none; background: transparent;}


#footer{
	background: url(../images/bg.footer.png) top repeat-x;
	width:930px;
	padding:30px 20px 40px 20px;
	clear:both;
	font-size:.9em;
	letter-spacing:-.003em;
	}
	
	#footer a{color:#fff; font-weight:normal;}
	#footer a:hover{color:#fff;text-decoration:#fff;}
	#footer div.r{width:500px;}
	#footer div.l{width:380px;}
	
a.sp, li.sp{color:#D0B67C;}
p.credits{float: left;}
ul.restaurants{clear:right;color: #D0B67C}
ul.navbottom, ul.restaurants{float: right;margin-bottom: 0; text-align: right;}
ul.navbottom li, ul.restaurants li{display: inline; list-style: none; margin-left: 1px;}

/*************************************************** DEFAULTS *******************************/	
a img, div, object, img, a{
	border:none;
	outline:none;
	}