html
{
	margin:					0;
	padding:				0;
	height:					100%;
	width:					100%;
}

body
{
	margin:					0;
	padding:				0;
	height:					100%;
	width:					100%;
	background: 		#fdf0b7;
}



* 
{
	outline:				none;
	border:					0;
	margin:					0;
	padding:				0;
	font-family:		georgia,helvetica,arial;
}

h1
{
	font-weight: 		normal;
	font-size: 			23px;
	margin: 				0 0 12px 0;
	color: 				  #583100;
}

p
{
	display: 				block;
	font-size: 			16px;
	line-height: 		24px;
	font-weight: 		lighter;
	margin: 				12px 0 0 0;
	color: 				  #6d4718;
	
}

div.clear			
{
	clear: 				  both;
}

div#wrapper
{
	height:				  100%;
	width:					100%;
}

div#flash-masthead
{
  height:         475px;
}

  div#flash-wrapper
  {
	height:				  475px;
	line-height: 		0;
	font-size: 			0;
	width:					100%;
  }
  
  div#flash-masthead.no-flash
  {
  background:	           #fdeeaf url(../img/blog_bg.jpg) 0 0 no-repeat;
  height:                300px;
  overflow:              hidden;
  }

  div#flash-masthead.no-flash div#flash-wrapper
  {
  height:         300px;
  width:          925px;
  margin:         0 auto 0 auto;
  padding:        0 0 0 0;
  }
  

div#nav
{
	background: 		#fdf0b7 url(../img/navfade.png) 0 100% repeat-x;
	padding: 				0;
	margin: 				0;
	border-bottom: 	1px solid #e3d8a8;
	
	
}

div#nav ul
{
	width: 				  950px;
	margin: 				0 auto 0 auto;
}

div#nav ul li
{
	float: 				  left;
	padding: 				0;
	list-style: 		none;
	width: 			   	180px;
	border-right: 	1px solid #e3d8a8;
}

div#nav ul li:last-child{
	border: 				0;
}

div#nav ul li a
{
	text-align: 		center;
	font-family: 		georgia;
	font-size: 			17px;
	color: 				  #000;
	text-decoration:none;
	padding: 				32px 12px 32px 12px;
	display: 				block;
	
}

div#nav ul li a.active,
div#nav ul li a:hover
{
	background: 		transparent url(../img/fadeactive.png) 0 100% repeat-x;
}

div#content
{
	position: 			relative;
	margin: 				0 0 0 0;
}

div.content-item
{
	padding: 				50px 0 0 0;
	width: 				  850px;
	margin: 				0 auto 0 auto;
	
}

div.gallery-wrapper
{
  position:     relative;
  padding:      0 0 50px 0;
}

div.column
{
	width: 				600px;
	float: 				left;
	margin: 			0 50px 0 0;
}

div.column p a
{
  text-decoration: none;
  color:           #6c602c;
  text-decoration: underline;
}

div.column p a:hover
{
  text-decoration: none;
}

div.items
{
  width:        9000px;
  margin:       0 0 0 0;
}

div.items-mask
{
  width:        600px;
  overflow:     hidden;
}

div.item
{
  width:        600px;
  float:        left;
  margin:       0 50px 0 0;
}

div.aux
{
	padding:      50px 0 0 0;
	width: 				200px;
	float: 				left;
}

div.aux ul:last-child
{
	margin: 				50px 0 0 0;

}

div.aux ul:first-child
{
	margin: 				0;
}
div.aux ul li
{
	list-style: 			none;
}

div.aux ul li a
{
	display:           block;
	min-height:        22px;
	min-width:         167px;
	text-indent:       24px;
	font-family:       arial;
	font-size:         14px;
	text-decoration:   none;
	color:             #583100;
	line-height:       22px;

}

div.aux ul li a.active
{
	color:					#fefbee;	
	background: 			transparent url(../img/auxnav.png) 0 0 no-repeat;
}


div#content-about
{
	padding:         30px 0 0 0;
	background:      #fefbee url(../img/dividebg_bottom.png) 50% 0 no-repeat	;
	border-bottom:   1px solid #e3d8a8;
	position:        relative;
}

div.estab
{
	position: 				absolute;
	left: 					  50%;
	top: 					     40px;
	margin-left: 			-480px;
}

div#content-taproom
{
	margin: 				 0 0 0 0;
	background: 		 #fef5cf;
	position:        relative
}

  div#content-taproom div.media
  {
  width:          585px;
  height:         200px;
  overflow:       hidden;
  }


div.gallery
{
	margin: 				0 0 25px 0;
	min-height:     190px ;
}
  div.gallery-content
  {
    overflow:     hidden;
    height:       189px;

  }
  
  div.gallery-content-items{
    margin:       0;
  }

  div.gallery-item
  {
  float: 				left;
  margin: 			0 9px 9px 0;
  height:       189px;
  width:        189px;
  padding:      0;
  
  }

  div.gallery-item img
  {
  width:189px;
  height:189px;
  }

div.events
{

	margin: 				25px 0 25px 0;
	padding: 				0 0 50px 0;
	min-height:     200px;
	position:       relative;
}
  
  div.events-content
  {
    overflow:     hidden;
    width:        594px;

  }
  
  div.events-content-items{
    margin:       0;
    width:        9000px;
  }
  
  div.events div.event-item
  {
	float: 				left;
	width: 				189px;
	margin:				0 9px 0 0;
  }

  div.events div.event-item div.event-item-content
  {
  display: none;
  }
  
  div.events div.event-item a.event-item-btn
  {
	background: 			#fefbee;
	padding: 				12px;
	display: 				block;
	text-decoration: 		none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  }

  div.events div.event-item a.event-item-btn:hover
  {
	background: 			#fff;
  }

  div.events div.event-item h2
  {
	color:         #333;
	font-size:     16px;
	text-align:    center;
	font-weight:   normal;
	margin:        10px 0 10px 0;
  }

  div.events div.event-item h3
  {
	color:         #6c602c;
	font-size:     30px;
	text-align:    center;
	font-weight:   lighter;
  }

  div.event-item p,
  div.event-item h4,
  div.event-item h3 em
  {
  display:       none;
  }


div#footer
{
	padding: 				20px 0 20px 0;
	width: 				850px;
	margin: 				0 auto 0 auto;
}

  div#footer ul li
  {
	float: 				left;
	list-style: 			none;
	margin: 				0 20px 0 0;
	color: 				#555;
	font-size: 			12px;
  }

  div#footer ul li.up
  {
	
  }

  div#footer ul li a
  {
	color: 				#777;
	font-size: 			16px;
	text-decoration: 		none;
  }

  div#footer ul li a:hover
  {
	color: 				#555;
  }

  div#footer ul#footer-nav
  {
	float: 				left;
  }

  div#footer ul#super
  {
	float: 				right;
	margin:       0 20px 0 0;
  }

  div#footer ul#super li a
  {
  font-size:    12px;
  }

div#popup
{

  position:     absolute;
  height:       0;
  width:        0;
  top:          600px;
  margin:       0 0 0 0;
  overflow:     hidden;
  background:   transparent url(../img/popup_bg.png) 0 0 no-repeat;
 
}

  div#popup-bg
  {
  height:       486px;
  width:        486px;
  position:     absolute;
  top:          0;
  left:         0;
  z-index:      2;
  }

  div#popup-content
  {
  position:     absolute;
  top:0;
  left:0;
  padding:      20px;
  width:        446px;
  height:       446px;
  overflow:     hidden;
  z-index:      3;
  }

  div#popup.events div#popup-content
  {
  padding:      40px;
  width:        406px;
  height:       406px;
  }

  div#popup.events div#popup-content h2
  {
  margin:       20px 0 0 0;
  font-weight:  normal;
  }

  div#popup.events div#popup-content h3
  {
  font-weight:  normal;
  }

  div#popup.events div#popup-content h3 em 
  {
  display:       block;
  font-size:     15px;
  }

  div#popup.events div#popup-content h4
  {
  font-weight:  normal;
  margin:       20px 0 0 0;
  }

  div#popup.events div#popup-content p
  {
  font-size:    15px;
  display:      block;
  max-height:       300px;
  overflow:     auto;

  }
  
  div#popup.events div#popup-content a
  {
  color:       #6d4718;
  }

  div#popup a.close
  {
  display:      block;
  height:       31px;
  width:        100px;
  text-indent:  -9000px;
  position:      absolute;
  left:         0;
  top:          30px;
  background:   url(../img/close.png) 50% 50% no-repeat;
  z-index:      4;
  }


body#weblog{
  background:	 #fdeeaf url(../img/blog_bg.jpg) 0 0 no-repeat;
  background-attachment: fixed;
}

  body#weblog div.content-item
  {
  margin: 0 0 0 200px;
  }
  
  body#weblog div#wrapper
  {
  margin:       0 0 0 0;
  padding:      25px 0 0 0;
  background:   transparent;
  }

  body#weblog div#logo{
  position:     fixed;
  top:          -10px;
  left:         20px;
  }

  body#weblog div.item
  {
  width:        600px;
  float:        none;
  margin:       0 50px 50px 0;
  padding:      0 0 50px 0;
  border-bottom: 1px solid #6d4718;
  }

  body#weblog div.item h1
  {
  margin:     0 0 6px 0;
  }

  body#weblog div.item h2
  {
  margin:    0 0 12px 0;
  font-size:    14px;
  font-style:   italic;
  font-weight:  normal;
  color:        #6d4718
  }


ul.extra
{
  margin:       50px 0 0 0;
}
  a.extra-press
  {
    background:   transparent url(../img/presskit.gif) 0 50% no-repeat;
    text-indent:  20px;
  }
  a.extra-blog
  {
    background:   transparent url(../img/blog.gif) 0 50% no-repeat;
    text-indent:  20px;
  }
   a.extra-video
  {
    background:   transparent url(../img/icon-video.gif) 0 50% no-repeat;
    text-indent:  20px;
  }
  a.extra-newsletter
  {
    background:   transparent url(../img/email.gif) 0 50% no-repeat;
    text-indent:  20px;
  }

*.loading
{
  background-image: url(../img/load.gif) 0 0 no-repeat;
}

a.prev-btn,
a.next-btn-loading,
a.next-btn
{
  display:        block;
  position:       absolute;
  top:            110px;
  left:           595px;
  background:     transparent url(../img/arrow-right.png) 50% 50% no-repeat;
  width:          35px;
  height:         35px;
  text-indent:    -900px;
  overflow:       hidden;

}

  a.next-btn-loading
  {
  background: transparent url(../img/load.gif) 50% 50% no-repeat;
  }

  a.prev-btn
  {
  left:          -45px;
  top:            110px;
  background:     transparent url(../img/arrow-left.png) 50% 50% no-repeat;
  }
  
  div.events a.prev-btn,
  div.events a.next-btn
  {
  top:            25px;
  }
  
  
div.dist-select {
  
  font-size:      15px;
  color:          #583100;
  font-family:    georgia;
}

  select
  {
  padding:        4px;
  border:         1px solid #e3d8a8;
  margin:         0 5px 0 0 ;
  
  
  }
  
p.item-text
{
  max-height:     400px;
  overflow:       hidden;
}

div#award-select-year,
div#award-select-beer
{
  float:          left;
  margin:         0 20px 0 0;
}

span.or
{
  padding:        0 20px 0 20px;
}

