/*
000000000000000000000000000000000000000000000    1000000000001     00000000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000    1000000001       100000000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000001     00000011 10      11000000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000001     00001             1000000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000001     00000             0000000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000001     00010             10000 1000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000    1000 001001         001    00000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000001    0001  1101       1 01 001 10000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000001    1000001          100 1000  0000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000001     00000  10       101 1000  0000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000001    00000000       10   000 10000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000001    100001         10   001 00000000000000000000000000000000000000000000
00000000000000000000000000000000000000000000000      101           11   0  000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000                   01 10  0000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000011                  0000  00000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000001                  1000 000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000001                 001 000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000000                100   00000000000000000000000000000000000000000000000
00000000000000000000000000000000000000000000000000                 000   00000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000111101                   0001  00000000000000000000000000000000000000000000000
00000000000000000000000000000000000000000                          000   10000000000000000000000000000000000000000000000
000000000000000000000000000000000000000001                         000    1 00000000000000000000000000000000000000000000
00000000000000000000000000000000000000000         11111           10000     00000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000 00000110001         100000000  100000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000000001           0000000001 00000000000000000000000000000000000000000000
00000000000000000000000000000000000000000000000000000             100000000 00000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000                  10001 10000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000001                   101  00000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000001                         00000000000000000000000000000000000000000000
00000000000000000000000000000000000000000000000000                         000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000000                     100000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000001                     00000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000        10            0000000000000000000000000000000000000000000000
00000000000000000000000000000000000000000000000000000      1001           0000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000000001     00001          0000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000000001    100000001      10000000000000000000000000000000000000000000000
00000000000000000000000000000000000000000000000000000     10000000000    00000000000000000000000000000000000000000000000
00000000000000000000000000000000000000000000000001       0100000000001   00000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000         000000000000    10000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000001     0000000000000000    00000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000001   10000000000000001   1100000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000001      00000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000000000000000000      000000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000000000000000000     0000000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000000000000000000011100000000000000000000000000000000000000000000000000000
*/

/* -----------------------------------------
   Fonts
----------------------------------------- */

@font-face {
    font-family: 'BebasRegular';
    src: url('BEBAS___-webfont.eot');
    src: url('fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BEBAS___-webfont.woff') format('woff'),
         url('fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Conv_Interstate Light__';
	src: url('fonts/Interstate Light__.eot');
	src: local('☺'), url('fonts/Interstate Light__.woff') format('woff'), url('fonts/Interstate Light__.ttf') format('truetype'), url('fonts/Interstate Light__.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_TrajanPro-Bold';
	src: url('fonts/TrajanPro-Bold.eot');
	src: local('☺'), url('fonts/TrajanPro-Bold.ttf') format('truetype'), url('fonts/TrajanPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, svg, time, mark, audio, video {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	resize: none;
	vertical-align: baseline;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	padding-top: 95px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
::-moz-selection {
background: #999;
color: #fff;
text-shadow: none;
}
::selection {
background: #999;
color: #fff;
text-shadow: none;
}
a, a:hover, a:active {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before, q:after {
	content: "";
	content: none;
}
small {
	font-size: 85%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
 svg:not(:root) {
overflow: hidden;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
legend {
	border: 0;
*margin-left: -7px;
	padding: 0;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
button, input {
	line-height: normal;
*overflow: visible;
}
table button, table input {
*overflow: auto;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
.ir br {
	display: none;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
a {
	color: #daa94a;
	text-decoration: none;
}
nav li {
	list-style: none;
	text-transform: uppercase;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background: #2d2e2f;
}
body, button, input, select, textarea {
	color: #222;
	font-size: 100%;
	font-family: "Interstate Light", sans-serif;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: GLOBAL */

body:after {
	content: url(../images/gate-copy_1024.png);
	display: none;
}
#top-page img, #HOME .bounds img {
	max-width: 100%;
}
.test-bg {
	position: relative;
	z-index: 1;
}
.test-bg:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -10px;
	width: 32px;
	height: 32px;
	content: "";
	background: url(../images/spin-me.gif) no-repeat;
	z-index: -2;
}
.ie8 .test-bg:after {
	display: none;
}
.bg {
	position: absolute;
	max-width: 100%;
	z-index: -1;
}
section.contact {
	position: relative;
	z-index: 1;
}
.outer_bounds, .bounds {
	position: relative;
	margin: 0 auto;
	min-width: 1000px;
	overflow: hidden;
}
/*.menu, .home {
	position: absolute;
	top: 0;
	z-index: 11;
}*/
.menu {
	left: 0;
}
.home {
	right: 0;
}
.controls {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}
.z-indx10 {
	z-index: 10;
}
.z-indx20 {
	z-index: 20;
}
.z-indx30 {
	z-index: 30;
}
.z-indx40 {
	z-index: 40;
}
.z-indx50 {
	z-index: 50;
}
.z-indx60 {
	z-index: 60;
}
.z-indx70 {
	z-index: 70;
}
.z-indx80 {
	z-index: 80;
}
.z-indx90 {
	z-index: 90;
}
.z-indx100 {
	z-index: 100;
}
.animated {
	position: absolute;
	top: 0;
	left: 0;
}
.imagemap {
	position: absolute;
	z-index: 2;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: RIBBONS */

.ribbons-aside {
	position: absolute;
	top: 177px;
	right: 0;
	margin-top: 0;
	width: 456px;
	height: 300px;
	z-index: 100;
}
.ribbons-menu li {
	position: absolute;
	width: 456px;
	overflow-x: visible;
	right:-120px
}
.ribbons-menu li a {
	position: relative;
	top: 0;
	right: -400px;
	margin-bottom: 3px;
	width: 550px;
	height: 43px;
	display: block;
	color: #f8f7ca;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	text-transform: uppercase;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: top right;
}
.brewery .ribbons-menu li a {
	text-indent: -9999em;
}
.ribbons-menu li a.active {
	cursor: default
}
.ribbons-aside.limited {
	top: 499px;
}
.ribbons-menu li a#ribbon-hh {
	background: url(../ribbons/images/ribbon-hh.png);
}
.ribbons-menu li a#ribbon-witte {
	background: url(../images/ribbon-witte_1280.png);
}
.ribbons-menu li a#ribbon-vos {
	background: url(../images/ribbon-rare-vos_1280.png);
}
.ribbons-menu li a#ribbon-hennepin {
	background: url(../images/ribbon-hennepin_1280.png);
}
.ribbons-menu li a#ribbon-abbey {
	background: url(../images/ribbon-abbey_1280.png);
}
.ribbons-menu li a#ribbon-three {
	background: url(../images/ribbon-three_1280.png);
}
.ribbons-menu li a#ribbon-gnome {
	background: url(../ribbons/images/gnome-ribbon.png);
}
.ribbons-menu li a#ribbon-historical {
	background: url(../images/ribbon-historical_1280.png);
}
.ribbons-menu li a#ribbon-limited {
	background: url(../images/ribbon-limited_1280.png);
}
.ribbons-menu li a#ribbon-brewery {
	background: url(../images/ribbon-our-brewery_1280.png);
}
.ribbons-menu li a#ribbon-tours {
	background: url(../images/ribbon-brewery-tours_1280.png);
}
.ribbons-menu li a#ribbon-process {
	background: url(../images/ribbon-brewing-process_1280.png);
}
.ribbons-menu li a#ribbon-events {
	background: url(../images/ribbon-local-events_1280.png);
}
.ribbons-menu li a#ribbon-cooperstown {
	background: url(../images/ribbon-cooperstown_1280.png);
}
.ribbons-menu li a {
	text-indent: -9999px;
	text-align: left;
}
.ribbon-single {
	position: absolute;
	top: 145px;
	right: 0;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: HOVERS */

.hover-dots {
	text-align: center;
	cursor: pointer;
	z-index: 5000;
}
.hover-dots img {
	position: absolute;
	top: 5px;
	left: 10px;
	cursor: pointer;
	z-index: 5000;
	-moz-transition: -moz-transform 0.1s linear;
}
.abbey-beer .hover-dots {
	background: url(../images/abbey-dot.png) no-repeat;
}
.bpa-beer .hover-dots {
	background: url(../images/bpa-dot.png) no-repeat;
}
.gnome-beer .hover-dots {
	background: url(../images/witte-dot.png) no-repeat;
}
.hennepin-beer .hover-dots {
	background: url(../images/hennepin-dot.png) no-repeat;
}
.three-beer .hover-dots {
	background: url(../images/three-dot.png) no-repeat;
}
.vos-beer .hover-dots {
	background: url(../images/vos-dot.png) no-repeat;
}
.witte-beer .hover-dots {
	background: url(../images/witte-dot.png) no-repeat;
}
.hover-dots.active img {
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: HEADER */

header.masthead {
	position: absolute;
	width: 100%;
	z-index: 100;
}
#logo a {
	position: absolute;
	top: 47px;
	left: 50%;
	margin-left: -116px;
	width: 232px;
	height: 106px;
	display: block;
	text-indent: -9999px;
	background: url(../images/blank.png);
	background: rgba(0, 0, 0, 0);
}
.navHit, #home-menu a {
	background: url(../images/blank.png);
	background: rgba(0, 0, 0, 0);
}

/* -----------------------------------------
   Navigation
----------------------------------------- */

.main-navigation {
	background: #2f3031;
	height: 95px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
}

.menu-wrap {
	height: 100%;
	width: 1188px;
	margin: 0 auto;
	position: relative;
}

.menu-left {
	float: left;
}

.menu-right {
	float: right;
}

	.menu {
		height: 36px;
		line-height: 36px;
		padding-top: 25px;
	}

		.menu li {
			display: inline;
			margin-right: 20px;
		}

			.menu li a {
				font-family: "Interstate Light", 'Conv_Interstate Light__', sans-serif;
				color: rgb(216, 189, 131);
				text-transform: uppercase;
				font-size: 15px;
				text-decoration: none;
				-webkit-transition: all .1s ease-in-out;
				   -moz-transition: all .1s ease-in-out;
				    -ms-transition: all .1s ease-in-out;
				     -o-transition: all .1s ease-in-out;
				        transition: all .1s ease-in-out;
				text-rendering: optimizeLegibility;
			}

			.menu li a:hover {
				color: #FFF;
			}

			.menu li:last-child, .menu li.last {
				margin-right: 0;
			}

.menu-left li {
    margin-right: 28px;
}

.got-link {
	/*background: url(../images/snow.gif);*/
    display: block;
    left: 0;
    position: absolute;
    top: 140px;
    width: 150px;
    z-index: 20;
}

.got-link img {
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
	    -ms-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.got-link:hover img {
	opacity: .75;
}

.snow-2 {
	display: block;
	z-index: 5;
	/*background: url(../images/snow-alt.gif);*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.7;
}
.bctc-link {
	display: block;
	z-index: 20;
	left:35px;
	top:65px;
	position: absolute;
	/*background: url(../images/snow.gif);*/
	width: 210px;
	height: 115px;
}

.bctc-link img {
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
	    -ms-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.bctc-link:hover img {
	background: url(../images/events/BCTC_Btn_HOVER_NT.png);
}

.small-social a {
	font-family: "Interstate Light", 'Conv_Interstate Light__', sans-serif;
	color: #D8BD83;
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
	vertical-align: bottom;
	display: inline-block;
	position: relative;
	margin-right: 10px;

	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
	    -ms-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
	    }

.small-social {
	margin-right: 0 !important;
}

.small-wordpress { margin-right: 0 !important; }

.menu .nav-link-home {
	background: url(../images/omme-logo.png) center 9px no-repeat;
	width: 150px;
	height: 79px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -75px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: HOME */

#home-menu li {
	position: absolute;
	list-style: none;
	cursor: pointer;
	z-index: 1;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: BEERS */

.beer-notes article {
	color: #2d2e2f;
	font-size: 14px;
	line-height: 16px;
}
.beer-copy header {
	position: absolute;
	padding: 0;
	margin: -1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
}
.beer-notes li {
	margin-bottom: 16px;
	list-style: none;
}
.beer-notes li strong {
	text-transform: uppercase;
}
.other-beers h1 {
	margin-bottom: 12px;
	border-bottom: 1px dotted #b83543;
}
.other-beers h2 {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-transform: uppercase;
}
.other-beers time {
	display: block;
	font-style: italic;
}
.other-beers p {
	margin-bottom: 14px;
}
.other-beers p, .other-beers li, .other-beers time {
	font-size: 12px;
	line-height: 16px;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: TEXT REPLACE */

.titles {
	position: relative;
	text-indent: -9999px;
	z-index: 1;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: TOURS */

.tours {
	color: #291c00;
	font-size: 13px;
	line-height: 15px;
}
.tours p {
	margin-bottom: 18px;
}
.hours {
	margin-bottom: 26px;
	list-style: none;
}
.process-summary li {
	margin: 0 0 10px 15px;
	list-style: square;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CONTACT, JOBS, SUBSCRIBE */

.contact, .jobs, .subscribe {
	margin: 0 auto;
	color: #291c00;
	font-size: 12px;
	line-height: 16px;
}
.contact article {
	padding: 0;
}
.contact h2, .jobs h2, .subscribe h2 {
	position: relative;
	padding: 0 0 16px 0;
	color: #b83543;
	font-size: 20px;
	z-index: 1;
}
.contact h2, .jobs h2 {
	clear: both;
	margin-bottom: 22px;
	border-bottom: 1px dotted #daa94a;
}
.contact h3, .jobs h3, .subscribe h3 {
	font-weight: bold;
	text-transform: uppercase;
}
.contact-wrap a {
	text-decoration: underline;
}
.contact-wrap li {
	margin: 4px 0;
	list-style: none;
}
.sales li, #contact-scroll li {
	margin-top: 18px;
	margin-bottom: 0;
}
.sales li {
	margin-bottom: 10px;
}
.sales li span {
	display: block;
}
.contact p, .jobs p, .subscribe p {
	margin-bottom: 22px;
}
.subscribe h1, .subscribe label, .subscribe p {
	color: #644501;
}
.subscribe h1 {
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: normal;
}
.subscribe label {
	margin-bottom: 4px;
	display: block;
}
.subscribe label, .subscribe p {
	font-size: 14px;
}
.subscribe .form_response {
	padding-top: 22px;
	border-top: 1px dotted #daa94a;
}
.subscribe .form_response p {
	position: relative;
	font-size: 20px;
	text-align: center;
}
.subscribe input {
	margin-bottom: 12px;
	padding: 0 4px;
	color: #525150;
	background: #f8f7ca;
	border-radius: 3px;
	border: 1px solid #cda859;
	box-shadow: inset 2px 2px 4px #9e9978;
}
.subscribe input[type=button] {
	margin-top: 8px;
	padding: 8px 12px;
	width: auto;
	height: auto;
	color: #f8f7ca;
	text-transform: uppercase;
	background: #28292a;
	background: -moz-linear-gradient(top, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(68, 69, 71, 1)), color-stop(48%, rgba(68, 69, 71, 1)), color-stop(48%, rgba(40, 41, 42, 1)), color-stop(100%, rgba(40, 41, 42, 1)));
	background: -webkit-linear-gradient(top, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 100%);
	background: -o-linear-gradient(top, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 100%);
	background: -ms-linear-gradient(top, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 100%);
	background: linear-gradient(top, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444547', endColorstr='#28292a', GradientType=0 );
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.subscribe input[type=button]:hover {
	background: #28292a;
	background: -moz-linear-gradient(top, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(40, 41, 42, 1)), color-stop(48%, rgba(40, 41, 42, 1)), color-stop(48%, rgba(68, 69, 71, 1)), color-stop(100%, rgba(68, 69, 71, 1)));
	background: -webkit-linear-gradient(top, rgba(40, 41, 42, 1) 0%, rgba(40, 41, 42, 1) 48%, rgba(68, 69, 71, 1) 48%, rgba(68, 69, 71, 1) 100%);
	background: -o-linear-gradient(top, rgba(40, 41, 42, 1) 0%, rgba(40, 41, 42, 1) 48%, rgba(68, 69, 71, 1) 48%, rgba(68, 69, 71, 1) 100%);
	background: -ms-linear-gradient(top, rgba(40, 41, 42, 1) 0%, rgba(40, 41, 42, 1) 48%, rgba(68, 69, 71, 1) 48%, rgba(68, 69, 71, 1) 100%);
	background: linear-gradient(top, rgba(40, 41, 42, 1) 0%, rgba(40, 41, 42, 1) 48%, rgba(68, 69, 71, 1) 48%, rgba(68, 69, 71, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28292a', endColorstr='#444547', GradientType=0 );
	border: none;
	border-radius: 0;
	box-shadow: none;
}
#job-container {
	position: relative;
}
#job-container h1 {
	margin-bottom: 22px;
	font-weight: bold;
	text-transform: uppercase;
}
.jobs article {
	margin-bottom: 22px;
}
#job-container article ul, #job-container article ol {
	margin: 0 0 22px 22px;
}
#job-container article li {
	list-style: square;
}
.job-intro {
	color: #896215;
	font-size: 14px;
	font-style: italic;
}
#PRIVACY_POLICY h3 {
	margin-bottom: 12px;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: COOPERSTOWN */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: COOPERSTOWN */

.section-coop .content a {
	color: #f8f7ca;
	text-decoration: underline;
}
.coop_rightcontent {
float:right;

}
.section-coop h2 {
	margin-bottom: 12px;
	padding: 5px 0;
	color: #f8f7ca;
	background: url(../images/news-chevron.png) no-repeat 0 60%;
	border-top: 1px dotted #9d3036;
	border-bottom: 1px dotted #9d3036;
}
.section-coop h3 {
	margin-left: 26px;
	font-weight: bold;
	text-transform: uppercase;
}
.section-coop p {
	margin: 0 0 20px 33px;
	line-height: 18px;
}
#COOPERSTOWN p {
	font-size: 15px;
}
#COOPERSTOWN p span {
	font-size: 17px;
}
#COOPERSTOWN ul li {
	margin: 0 0 4px 33px;
	list-style-type: none;
	font-size: 15px;
}

#COOPERSTOWN ul.coop_btn_list li {
	margin: 0 0 30px 33px;
	list-style-type: none;
	font-size: 15px;
	position: relative;
	float: left;
	clear: both;
}

#coop-container p a {
	text-decoration: underline;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: FAQ */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: FAQ */

.section-faq {
	color: #f8f7ca;
	font-size: 13px;
}
#faq-container a {
	color: #F8F7CA;
	text-decoration: underline;
}
.section-faq .content a {
	color: #f8f7ca;
	text-decoration: underline;
}
.section-faq h2 {
	position: relative;
	padding: 5px 0;
	color: #f8f7ca;
	background: url(../images/news-chevron.png) no-repeat 0 60%;
	border-top: 1px dotted #9d3036;
	border-bottom: 1px dotted #9d3036;
	z-index: 1;
}
.section-faq h3 {
	margin-left: 26px;
	font-weight: normal;
	text-transform: uppercase;
}
.section-faq p {
	margin: 0 0 20px 26px;
}
.events article {
	color: #f8f7ca;
	font-size: 12px;
}
.events-past {
	position: relative;
	z-index: 1;
}
.events-upcoming {
	position: relative;
	z-index: 1;
}
.events header {
	position: relative;
	margin-bottom: 28px;
}
.events header h1 {
	font-size: 21px;
	font-weight: normal;
	line-height: 25px;
}
.events header img {
	border: 5px solid #daa94a;
}
.events article p a {
	color: #f8f7ca;
	text-decoration: underline;
}
.events header time {
	margin-top: 2px;
	display: block;
	font-size: 16px;
}
.events-options {
	list-style: none;
}
.events-button {
	margin-top: 10px;
	width: 95px;
	height: 23px;
	display: block;
	color: #2d2e2f;
	line-height: 23px;
	text-transform: uppercase;
	text-align: center;
	background: #daa94a;
	background: -moz-linear-gradient(top, rgba(243, 206, 135, 1) 0%, rgba(243, 206, 135, 1) 48%, rgba(218, 169, 74, 1) 48%, rgba(218, 169, 74, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(243, 206, 135, 1)), color-stop(48%, rgba(243, 206, 135, 1)), color-stop(48%, rgba(218, 169, 74, 1)), color-stop(100%, rgba(218, 169, 74, 1)));
	background: -webkit-linear-gradient(top, rgba(243, 206, 135, 1) 0%, rgba(243, 206, 135, 1) 48%, rgba(218, 169, 74, 1) 48%, rgba(218, 169, 74, 1) 100%);
	background: -o-linear-gradient(top, rgba(243, 206, 135, 1) 0%, rgba(243, 206, 135, 1) 48%, rgba(218, 169, 74, 1) 48%, rgba(218, 169, 74, 1) 100%);
	background: -ms-linear-gradient(top, rgba(243, 206, 135, 1) 0%, rgba(243, 206, 135, 1) 48%, rgba(218, 169, 74, 1) 48%, rgba(218, 169, 74, 1) 100%);
	background: linear-gradient(top, rgba(243, 206, 135, 1) 0%, rgba(243, 206, 135, 1) 48%, rgba(218, 169, 74, 1) 48%, rgba(218, 169, 74, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce87', endColorstr='#daa94a', GradientType=0 );
}
.events-button:hover {
	background: #daa94a;
	background: -moz-linear-gradient(top, rgba(218, 169, 74, 1) 0%, rgba(218, 169, 74, 1) 48%, rgba(243, 206, 135, 1) 48%, rgba(243, 206, 135, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 169, 74, 1)), color-stop(48%, rgba(218, 169, 74, 1)), color-stop(48%, rgba(243, 206, 135, 1)), color-stop(100%, rgba(243, 206, 135, 1)));
	background: -webkit-linear-gradient(top, rgba(218, 169, 74, 1) 0%, rgba(218, 169, 74, 1) 48%, rgba(243, 206, 135, 1) 48%, rgba(243, 206, 135, 1) 100%);
	background: -o-linear-gradient(top, rgba(218, 169, 74, 1) 0%, rgba(218, 169, 74, 1) 48%, rgba(243, 206, 135, 1) 48%, rgba(243, 206, 135, 1) 100%);
	background: -ms-linear-gradient(top, rgba(218, 169, 74, 1) 0%, rgba(218, 169, 74, 1) 48%, rgba(243, 206, 135, 1) 48%, rgba(243, 206, 135, 1) 100%);
	background: linear-gradient(top, rgba(218, 169, 74, 1) 0%, rgba(218, 169, 74, 1) 48%, rgba(243, 206, 135, 1) 48%, rgba(243, 206, 135, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daa94a', endColorstr='#f3ce87', GradientType=0 );
}
.events-page {
	padding: 0 26px;
	height: 23px;
	display: block;
	color: #f3f0c2;
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	background: #962630;
	background: -moz-linear-gradient(top, rgba(192, 61, 75, 1) 0%, rgba(192, 61, 75, 1) 48%, rgba(150, 38, 48, 1) 48%, rgba(150, 38, 48, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(192, 61, 75, 1)), color-stop(48%, rgba(192, 61, 75, 1)), color-stop(48%, rgba(150, 38, 48, 1)), color-stop(100%, rgba(150, 38, 48, 1)));
	background: -webkit-linear-gradient(top, rgba(192, 61, 75, 1) 0%, rgba(192, 61, 75, 1) 48%, rgba(150, 38, 48, 1) 48%, rgba(150, 38, 48, 1) 100%);
	background: -o-linear-gradient(top, rgba(192, 61, 75, 1) 0%, rgba(192, 61, 75, 1) 48%, rgba(150, 38, 48, 1) 48%, rgba(150, 38, 48, 1) 100%);
	background: -ms-linear-gradient(top, rgba(192, 61, 75, 1) 0%, rgba(192, 61, 75, 1) 48%, rgba(150, 38, 48, 1) 48%, rgba(150, 38, 48, 1) 100%);
	background: linear-gradient(top, rgba(192, 61, 75, 1) 0%, rgba(192, 61, 75, 1) 48%, rgba(150, 38, 48, 1) 48%, rgba(150, 38, 48, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c03d4b', endColorstr='#962630', GradientType=0 );
	z-index: 20;
}

.coop_btn_list .events-page {
	width: 200px;
}

.events-page:hover {
	background: #962630;
	background: -moz-linear-gradient(top, rgba(150, 38, 48, 1) 0%, rgba(150, 38, 48, 1) 48%, rgba(192, 61, 75, 1) 48%, rgba(192, 61, 75, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(150, 38, 48, 1)), color-stop(48%, rgba(150, 38, 48, 1)), color-stop(48%, rgba(192, 61, 75, 1)), color-stop(100%, rgba(192, 61, 75, 1)));
	background: -webkit-linear-gradient(top, rgba(150, 38, 48, 1) 0%, rgba(150, 38, 48, 1) 48%, rgba(192, 61, 75, 1) 48%, rgba(192, 61, 75, 1) 100%);
	background: -o-linear-gradient(top, rgba(150, 38, 48, 1) 0%, rgba(150, 38, 48, 1) 48%, rgba(192, 61, 75, 1) 48%, rgba(192, 61, 75, 1) 100%);
	background: -ms-linear-gradient(top, rgba(150, 38, 48, 1) 0%, rgba(150, 38, 48, 1) 48%, rgba(192, 61, 75, 1) 48%, rgba(192, 61, 75, 1) 100%);
	background: linear-gradient(top, rgba(150, 38, 48, 1) 0%, rgba(150, 38, 48, 1) 48%, rgba(192, 61, 75, 1) 48%, rgba(192, 61, 75, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#962630', endColorstr='#c03d4b', GradientType=0 );
	z-index: 20;
}
.event-more-info a {
	margin: 12px 4px 0 0;
	width: 95px;
	height: 23px;
	display: block;
	color: #2d2e2f;
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	background: #daa94a;
	background: -moz-linear-gradient(top, rgba(243, 206, 135, 1) 0%, rgba(243, 206, 135, 1) 48%, rgba(218, 169, 74, 1) 48%, rgba(218, 169, 74, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(243, 206, 135, 1)), color-stop(48%, rgba(243, 206, 135, 1)), color-stop(48%, rgba(218, 169, 74, 1)), color-stop(100%, rgba(218, 169, 74, 1)));
	background: -webkit-linear-gradient(top, rgba(243, 206, 135, 1) 0%, rgba(243, 206, 135, 1) 48%, rgba(218, 169, 74, 1) 48%, rgba(218, 169, 74, 1) 100%);
	background: -o-linear-gradient(top, rgba(243, 206, 135, 1) 0%, rgba(243, 206, 135, 1) 48%, rgba(218, 169, 74, 1) 48%, rgba(218, 169, 74, 1) 100%);
	background: -ms-linear-gradient(top, rgba(243, 206, 135, 1) 0%, rgba(243, 206, 135, 1) 48%, rgba(218, 169, 74, 1) 48%, rgba(218, 169, 74, 1) 100%);
	background: linear-gradient(top, rgba(243, 206, 135, 1) 0%, rgba(243, 206, 135, 1) 48%, rgba(218, 169, 74, 1) 48%, rgba(218, 169, 74, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce87', endColorstr='#daa94a', GradientType=0 );
	z-index: 20;
}
.event-more-info a:hover {
	background: #f3ce87;
	background: -moz-linear-gradient(top, rgba(218, 169, 74, 1) 0%, rgba(218, 169, 74, 1) 48%, rgba(243, 206, 135, 1) 48%, rgba(243, 206, 135, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 169, 74, 1)), color-stop(48%, rgba(243, 206, 135, 1)), color-stop(48%, rgba(243, 206, 135, 1)), color-stop(100%, rgba(218, 169, 74, 1)));
	background: -webkit-linear-gradient(top, rgba(218, 169, 74, 1) 0%, rgba(218, 169, 74, 1) 48%, rgba(243, 206, 135, 1) 48%, rgba(243, 206, 135, 1) 100%);
	background: -o-linear-gradient(top, rgba(218, 169, 74, 1) 0%, rgba(218, 169, 74, 1) 48%, rgba(243, 206, 135, 1) 48%, rgba(243, 206, 135, 1) 100%);
	background: -ms-linear-gradient(top, rgba(218, 169, 74, 1) 0%, rgba(218, 169, 74, 1) 48%, rgba(243, 206, 135, 1) 48%, rgba(243, 206, 135, 1) 100%);
	background: linear-gradient(top, rgba(218, 169, 74, 1) 0%, rgba(218, 169, 74, 1) 48%, rgba(243, 206, 135, 1) 48%, rgba(243, 206, 135, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce87', endColorstr='#daa94a', GradientType=0 );
	z-index: 20;
}
.tours a {
	color: #b83543;
	font-weight: bold;
}
ul.coop_btn_list {
	margin-bottom: 5px;
	margin-top: 6px;
	position: relative;
	left: 100px;
	top: 25px;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: SUBSCRIBE */

.formErrorArrow {
	display: none;
}
.formErrorContent:after {
	position: absolute;
	top: 100%;
	left: 5px;
	content: "";
	border-top: 10px solid black;
	border-top-color: inherit;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: BEER FINDER */

.beer-finder h2 {
	position: relative;
	margin-bottom: 22px;
	padding-bottom: 5px;
	color: #b83543;
	border-bottom: 1px dotted #daa94a;
	z-index: 1;
}
.beer-finder h2:before {
	position: absolute;
	top: 0;
	left: -36px;
	width: 19px;
	height: 15px;
	content: "";
	background: url(../images/news-chevron.png) no-repeat 0 1px;
	z-index: -1;
}
.beer-finder label {
	margin-bottom: 4px;
	display: block;
	color: #644501;
	font-size: 14px;
}
.beer-finder label.radius {
	display: inline;
	color: #b83543;
}
.beer-finder img {
	max-width: none;
}
.beer-finder .radio {
	margin-left: 18px;
}
.beer-finder select {
	margin-bottom: 14px;
	padding: 4px;
	width: 226px;
	height: 26px;
	color: #525150;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CDA859;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 2px 2px 4px #9E9978 inset;
	-webkit-appearance: none;
}
.enter-zip {
	margin-right: 52px;
}
.beer-miles {
	line-height: 26px;
}
.search_results {
	font-size: 25px;
	font-weight: bold;
}
.info_window {
	color:#000;
	font-size:11px;
}
#map_canvas {
	width: 494px;
	height: 316px;
}
#map {
	position: relative;
	margin-top: 14px;
	width: 522px;
	height: 346px;
	background-color: #a58038;
	border: 5px solid #daa94a;
}
.spinner {
	position: absolute;
	top: 173px !important;
	left: 261px !important;
}
#LOCATOR input[type="text"] {
	margin-bottom: 14px;
	padding: 0 4px;
	width: 226px;
	height: 24px;
	color: #525150;
	background: #FFFFFF;
	border-radius: 3px;
	border: 1px solid #cda859;
	box-shadow: inset 2px 2px 4px #9e9978;
}
#LOCATOR input[type="button"] {
	padding: 4px 12px;
	width: auto;
	height: auto;
	color: #f8f7ca;
	text-transform: uppercase;
	background: #28292a;
	background: -moz-linear-gradient(top, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(68, 69, 71, 1)), color-stop(48%, rgba(68, 69, 71, 1)), color-stop(48%, rgba(40, 41, 42, 1)), color-stop(100%, rgba(40, 41, 42, 1)));
	background: -webkit-linear-gradient(top, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 100%);
	background: -o-linear-gradient(top, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 100%);
	background: -ms-linear-gradient(top, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 100%);
	background: linear-gradient(top, rgba(68, 69, 71, 1) 0%, rgba(68, 69, 71, 1) 48%, rgba(40, 41, 42, 1) 48%, rgba(40, 41, 42, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444547', endColorstr='#28292a', GradientType=0 );
	border: none;
	border-radius: 0;
	box-shadow: none;
}
#LOCATOR input[type="button"]:hover {
	background: #28292a;
	background: -moz-linear-gradient(top, rgba(40, 41, 42, 1) 0%, rgba(40, 41, 42, 1) 48%, rgba(68, 69, 71, 1) 48%, rgba(68, 69, 71, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(40, 41, 42, 1)), color-stop(48%, rgba(40, 41, 42, 1)), color-stop(48%, rgba(68, 69, 71, 1)), color-stop(100%, rgba(68, 69, 71, 1)));
	background: -webkit-linear-gradient(top, rgba(40, 41, 42, 1) 0%, rgba(40, 41, 42, 1) 48%, rgba(68, 69, 71, 1) 48%, rgba(68, 69, 71, 1) 100%);
	background: -o-linear-gradient(top, rgba(40, 41, 42, 1) 0%, rgba(40, 41, 42, 1) 48%, rgba(68, 69, 71, 1) 48%, rgba(68, 69, 71, 1) 100%);
	background: -ms-linear-gradient(top, rgba(40, 41, 42, 1) 0%, rgba(40, 41, 42, 1) 48%, rgba(68, 69, 71, 1) 48%, rgba(68, 69, 71, 1) 100%);
	background: linear-gradient(top, rgba(40, 41, 42, 1) 0%, rgba(40, 41, 42, 1) 48%, rgba(68, 69, 71, 1) 48%, rgba(68, 69, 71, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28292a', endColorstr='#444547', GradientType=0 );
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.search_results {
	position: absolute;
	top: 280px;
	left: 50%;
	margin-left: -175px;
	padding: 10px 20px;
	width: 350px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	display: none;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	z-index: 9999;
}
#map, .pagination_container {
	margin-top: 10px;
}

.pagination_list {
  list-style-type: none;
  font-weight: bold;
}

.pagination_on {
	font-weight: bold;
	color: #daa94a !important;
}

.pagination_off {
	font-weight: bold;
	color: #000000 !important;
}

#map-note {
  position:absolute;
  width:120px;
  height:400px;
  right:-130px;
  top: 140px;
  font-style:italic;
  color: #555;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: RECIPES */

.food-article {
	position: relative;
}
.food-article p, .food-article ul, .food-article ol {
	color: #f8f7ca;
	font-size: 12px;
	line-height: 16px;
}
.food-article h2 {
	color: #b73543;
	font-size: 20px;
	font-weight: normal;
}
.food-link {
	position: relative;
	color: #f8f7ca;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: underline;
}
.food-link:after {
	position: absolute;
	bottom: -5px;
	right: -51px;
	content: url(../images/icon-wordpress.png);
}
.recipe_detail h2 {
	position: relative;
	left: 0;
	display: block;
	margin: 0 0 30px;
}
h3.beer-recipe, .recipe_detail h2 {
	color: #f8f7ca;
	font-size: 18px;
	font-weight: normal;
	background: url("../images/news-chevron.png") no-repeat scroll 0 60% transparent;
	border-top: 1px dotted #9d3036;
	border-bottom: 1px dotted #9d3036;
}
.recipe_detail h1 {
	margin-bottom: 18px;
	color: #f8f7ca;
	font-size: 18px;
	font-weight: normal;
}
.recipe_detail h2 {
	font-size: 14px;
	background: url("../images/news-chevron.png") no-repeat scroll 0 50% transparent;
	border: none;
}
.recipe_detail h2 a {
	text-decoration: none;
}
.recipe_detail {
	margin-bottom: 28px;
}
.recipe_detail h4 {
	margin-bottom: 18px;
	color: #f8f7ca;
	font-weight: normal;
	display: none;
}
.recipes_by_beer p {
	margin: 0 0 10px 25px;
	font-size: 14px;
}
.recipe_detail {
	overflow: hidden;
}
.recipe_detail img {
	margin-bottom: 16px;
}
.recipe_detail li, .recipe_detail p {
	color: #f8f7ca;
	font-size: 12px;
	line-height: 16px;
	word-wrap: break-word;
}
.recipe_detail a {
	text-decoration: underline;
}
.recipe_detail ul, .recipe_detail ol {
	margin-bottom: 12px;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: NEWS */

.section-news header h1 {
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	color: #f8f7ca;
	font-size: 20px;
	background: url("../images/news-chevron.png") no-repeat scroll 0 60% transparent;
	border-top: 1px dotted #9d3036;
	border-bottom: 1px dotted #9d3036;
}
.timeline-news {
	margin: 0 0 32px 32px;
	padding: 0 8px;
	height: 25px;
	color: #f8f7ca;
	font-size: 12px;
	line-height: 25px;
	background: #daa94a;
}
.timeline-news h4 {
	margin-right: 8px;
	display: inline;
	color: #b83543;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.timeline-news li {
	padding: 0 6px;
	list-style: none;
	display: inline;
	font-style: italic;
	border-right: 1px solid #f8f7ca;
}
.timeline-news li:last-child {
	border-right: none;
}
.timeline-news li a {
	color: #f8f7ca;
}
.timeline-news li a:hover {
	color: #b83543;
}
.news-image img {
	float: left;
	margin-right: 16px;
	border: 2px solid #cfa14b;
}
.news-summary {
	margin-left: 8px;
	overflow: hidden;
	color: #f8f7ca;
	font-size: 12px;
	line-height: 16px;
	word-wrap: break-word;
}
.news-summary a.read-more {
	position: relative;
	top: -12px;
	left: 0;
	color: #f8f7ca;
	font-weight: bold;
	text-decoration: underline;
}
.news-summary h1 {
	margin: 4px 0 0 0;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
}
.press_release_detail .news-summary h1 {
	margin: 4px 0 16px 0;
}
.news-summary p, .news-summary time {
	margin-bottom: 16px;
}
.news-summary time {
	display: block;
	color: #291c00;
	font-size: 12px;
	font-style: italic;
	display: none;
}

#PRESS_RELEASES > ul:nth-child(3) {
height: 335px;
overflow: auto;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: FOOTER */

footer {
	width: 100%;
	height: 32px;
	color: #6f6f6f;
	font-size: 10px;
	font-family: sans-serif;
	background: #2d2e2f;
}
footer a {
	color: #6f6f6f;
}
footer a:hover {
	color: #fff;
}
footer ul {
	text-align: center;
	line-height: 32px;
}
footer li {
	margin-right: 10px;
	display: inline-block;
	list-style: none;
}

.fb_iframe_widget span {
	vertical-align: middle !important;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: AGE GATE */

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background: #b83543;
}
#age-check, .ui-dialog-titlebar {
	display: none;
}
#age-check {
	text-align: center;
}
#age-check p {
	margin: 0 0 34px -212px;
	width: 720px;
	height: 234px;
}
.click-yes, .click-no {
	margin-bottom: 18px;
	padding: 8px 30px;
	display: block;
	background: #373839;
	background: -moz-linear-gradient(top, rgba(81, 82, 84, 1) 0%, rgba(81, 82, 84, 1) 48%, rgba(51, 53, 54, 1) 48%, rgba(51, 53, 54, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(81, 82, 84, 1)), color-stop(48%, rgba(81, 82, 84, 1)), color-stop(48%, rgba(51, 53, 54, 1)), color-stop(100%, rgba(51, 53, 54, 1)));
	background: -webkit-linear-gradient(top, rgba(81, 82, 84, 1) 0%, rgba(81, 82, 84, 1) 48%, rgba(51, 53, 54, 1) 48%, rgba(51, 53, 54, 1) 100%);
	background: -o-linear-gradient(top, rgba(81, 82, 84, 1) 0%, rgba(81, 82, 84, 1) 48%, rgba(51, 53, 54, 1) 48%, rgba(51, 53, 54, 1) 100%);
	background: -ms-linear-gradient(top, rgba(81, 82, 84, 1) 0%, rgba(81, 82, 84, 1) 48%, rgba(51, 53, 54, 1) 48%, rgba(51, 53, 54, 1) 100%);
	background: linear-gradient(top, rgba(81, 82, 84, 1) 0%, rgba(81, 82, 84, 1) 48%, rgba(51, 53, 54, 1) 48%, rgba(51, 53, 54, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515254', endColorstr='#373839', GradientType=0 );
}
.click-yes:hover, .click-no:hover {
	background: #373839;
	background: -moz-linear-gradient(top, rgba(51, 53, 54, 1) 0%, rgba(51, 53, 54, 1) 48%, rgba(81, 82, 84, 1) 48%, rgba(81, 82, 84, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 53, 54, 1)), color-stop(48%, rgba(51, 53, 54, 1)), color-stop(48%, rgba(81, 82, 84, 1)), color-stop(100%, rgba(81, 82, 84, 1)));
	background: -webkit-linear-gradient(top, rgba(51, 53, 54, 1) 0%, rgba(51, 53, 54, 1) 48%, rgba(81, 82, 84, 1) 48%, rgba(81, 82, 84, 1) 100%);
	background: -o-linear-gradient(top, rgba(51, 53, 54, 1) 0%, rgba(51, 53, 54, 1) 48%, rgba(81, 82, 84, 1) 48%, rgba(81, 82, 84, 1) 100%);
	background: -ms-linear-gradient(top, rgba(51, 53, 54, 1) 0%, rgba(51, 53, 54, 1) 48%, rgba(81, 82, 84, 1) 48%, rgba(81, 82, 84, 1) 100%);
	background: linear-gradient(top, rgba(51, 53, 54, 1) 0%, rgba(51, 53, 54, 1) 48%, rgba(81, 82, 84, 1) 48%, rgba(81, 82, 84, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373839', endColorstr='#515254', GradientType=0 );
}
#age-gate2 {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -151px;
	padding: 20px;
	width: 350px;
	max-height: 60px !important;
	overflow: hidden;
	color: #fff;
	text-align: center;
	display: none;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 2px;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: OUTDATED BROWSER */

.browser-warning {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	text-align: center;
	display: none;
	background: #000;
	z-index: 999999;
}
.browser-warning .message {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -150px;
	padding-top: 124px;
	font-family: sans-serif;
	width: 300px;
	height: 320px;
	background: url(../images/lion.png) no-repeat -32px 0;
}
.browser-warning .message p {
	margin: 12px 0;
	font-size: 14px;
	line-height: 17px;
	text-align: left;
}
.browser-warning .message p a {
	margin-left: 38px;
}
.browser-warning ul {
	margin-left: 50px;
}
.browser-warning li {
	float: left;
	margin-right: 5px;
	width: 35px;
	height: 35px;
	list-style: none;
	text-indent: -9999px;
}
.browser-warning li a {
	height: 35px;
	display: block;
}
.upgrade-chrome {
	background: url(../images/browser-logos.png) no-repeat;
}
.upgrade-firefox {
	background: url(../images/browser-logos.png) no-repeat -34px 0;
}
.upgrade-safari {
	background: url(../images/browser-logos.png) no-repeat -103px 0;
}
.upgrade-ie {
	background: url(../images/browser-logos.png) no-repeat -139px 0;
}
#top-page {
	position: absolute;
}
#btm-page {
	position: absolute;
}
.hovers {
	position: absolute;
}
.hover-dots {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -15px;
	display: block;
	width: 30px;
	height: 19px;
	z-index: 5000;
	opactiy: 0;
}
.hover-pop {
	position: absolute;
	padding: 12px 20px;
	text-align: center;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	z-index: 400;
}
.hover-pop:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4);
	z-index: -1;
}
.abbey-beer .hover-pop {
	color: #b9ab9e;
	background: #700010;
	background: rgba(112, 0, 16, 0.6);
	border: 12px solid #700010;
	border: 12px solid rgba(112, 0, 16, 0.6);
}
.abbey-beer .hover-pop:before {
	background: #911627;
	background: rgba(145, 22, 39, 0.65);
	border: 5px solid #45010B;
	border: 5px solid rgba(69, 1, 11, 0.65);
}
.bpa-beer .hover-pop {
	color: #06234b;
	background: #8AA072;
	background: rgba(138, 160, 114, 0.7);
	border: 12px solid #8AA072;
	border: 12px solid rgba(138, 160, 114, 0.7);
}
.gnome-beer .hover-pop {
	color: #06234b;
	background: #bfbcb7;
	background: rgba(255, 255, 255, 0.9);
	border: 12px solid #AAAAAA;
	border: 12px solid rgba(170, 170, 170, 0.7);
}
.bpa-beer .hover-pop:before {
	background: #A9C08F;
	background: rgba(169, 192, 143, 0.7);
	border: 5px solid #4C6F3A;
	border: 5px solid rgba(76, 111, 58, 0.7);
}
.gmome-beer .hover-pop:before {
	background: #A9C08F;
	background: rgba(169, 192, 143, 0.7);
	border: 5px solid #4C6F3A;
	border: 5px solid rgba(76, 111, 58, 0.7);
}
.hennepin-beer .hover-pop {
	color: #433058;
	background: #AA9B8D;
	background: rgba(170, 155, 141, 0.7);
	border: 12px solid #AA9B8D;
	border: 12px solid rgba(170, 155, 141, 0.7);
}
.hennepin-beer .hover-pop:before {
	background: #AA9B8D;
	background: rgba(170, 155, 141, 0.65);
	border: 5px solid #5B4E42;
	border: 5px solid rgba(91, 78, 66, 0.65);
}
.three-beer .hover-pop {
	color: #d7bb68;
	background: #322E27;
	background: rgba(50, 46, 39, 0.7);
	border: 12px solid #322E27;
	border: 12px solid rgba(50, 46, 39, 0.7);
}
.three-beer .hover-pop:before {
	background: #322E27;
	background: rgba(50, 46, 39, 0.65);
	border: 5px solid #1F1C17;
	border: 5px solid rgba(31, 28, 23, 0.65);
}
.vos-beer .hover-pop {
	color: #f9f5be;
	background: #594372;
	background: rgba(89, 67, 114, 0.6);
	border: 12px solid #594372;
	border: 12px solid rgba(89, 67, 114, 0.6);
}
.vos-beer .hover-pop:before {
	background: #594372;
	background: rgba(89, 67, 114, 0.7);
	border: 5px solid #36244A;
	border: 5px solid rgba(54, 36, 74, 0.7);
}
.witte-beer .hover-pop {
	color: #880127;
	background: #E4C22F;
	background: rgba(228, 194, 47, 0.65);
	border: 12px solid #E4C22F;
	border: 12px solid rgba(228, 194, 47, 0.65);
}
.witte-beer .hover-pop:before {
	background: #E4C22F;
	background: rgba(228, 194, 47, 0.6);
	border: 5px solid #AA7235;
	border: 5px solid rgba(170, 114, 53, 0.6);
}
#page-toggle {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -27px;
	width: 51px;
	height: 19px;
	overflow: hidden;
	text-indent: -9999em;
	cursor: pointer;
	background: url(../images/page-shift-arrows.png);
	background-repeat: no-repeat;
	z-index: 99;
}
#page-toggle.toggler-bpa {
	background-position: 0 -19px;
}
#page-toggle.toggler-gnome {
	background-position: -51px -19px;
}
#page-toggle.toggler-bpa.active {
	background-position: 0 0;
}
#page-toggle.toggler-gnome.active {
	background-position: -51px 0;
}
#page-toggle.toggler-witte {
	background-position: -51px -19px;
}
#page-toggle.toggler-witte.active {
	background-position: -51px 0;
}
#page-toggle.toggler-vos {
	background-position: -102px -19px;
}
#page-toggle.toggler-vos.active {
	background-position: -102px 0;
}
#page-toggle.toggler-hennepin {
	background-position: 0 -57px;
}
#page-toggle.toggler-hennepin.active {
	background-position: 0 -38px;
}
#page-toggle.toggler-abbey {
	background-position: -51px -57px;
}
#page-toggle.toggler-abbey.active {
	background-position: -51px -38px;
}
#page-toggle.toggler-three {
	background-position: -102px -57px;
}
#page-toggle.toggler-three.active {
	background-position: -102px -38px;
}
.left {
	clear: left;
	float: left;
}
.right {
	clear: right;
	float: right;
}
.contact, .jobs, .subscribe {
	padding-top: 193px;
	width: 490px;
}
.contact, .jobs {
	width: 490px;
}
#contact-scroll, #job-container, #news-scroll {
	position: relative;
	height: 285px;
}
#contact-scroll .customScrollBox, #job-container .customScrollBox {
	position: relative;
	height: 100%;
	overflow: hidden;
}
#contact-scroll .customScrollBox .container, #job-container .customScrollBox .container {
	position: relative;
	float: left;
	top: 0;
	left: 15px;
	width: 420px;
}
#contact-scroll .scrollcontent ul, #contact-scroll .scrollcontent ol {
	margin: 0 0 22px 0;
}
#contact-scroll .dragger_container, #job-container .dragger_container, #news-scroll .dragger_container {
	position: relative;
	float: right;
	margin: 0 15px;
	width: 7px;
	height: 285px;
	cursor: pointer;
	background: #291c00;
}
#contact-scroll .dragger, #job-container .dragger, #news-scroll .dragger {
	position: absolute;
	margin-left: -10px;
	width: 25px;
	height: 38px;
	cursor: pointer;
	background: url("../images/scroll-news_768.png") no-repeat;
	z-index: 5;
}
.section-news {
	position: relative;
	top: 111px;
	left: 90px;
	float: left;
	width: 402px;
}
.section-news header {
	width: 370px;
}
.news-image img {
	width: 65px;
}
#news-scroll {
	position: absolute;
	top: 70px;
	left: 0;
	width: 402px;
	height: 320px;
}
#news-scroll .customScrollBox {
	position: relative;
	height: 105%;
	overflow: hidden;
}
#news-scroll .customScrollBox .container {
	position:relative;
	top: 0;
	float: left;
	width: 402px;
}
.section-news article {
	margin: 0 0 16px 32px;
	width: 338px;
}
.feed-news {
	float: right;
	position: relative;
	margin: 170px 26px 0 0;
	padding: 10px 15px;
	width: 214px;
	z-index:1;
	background: url(../images/news-box-sides_768.png) repeat-y;
}
.feed-news:before {
	content: "";
	position: absolute;
	bottom: -22px;
	left: 0;
	width: 214px;
	height: 22px;
	z-index: -1;
	background: url(../images/news-box-bottom_768.png) no-repeat;
}
.feed-news:after {
	content: "";
	position: absolute;
	top: -22px;
	left: 0;
	width: 214px;
	height: 22px;
	z-index: -1;
	background: url(../images/news-box-top_768.png) no-repeat;
}
.feed-news h3.h3-facebook {
	width: 188px;
	height: 16px;
	text-indent: -9999px;
	background: url(../images/h3-facebook-twitter_768.png) no-repeat;
}
.feed-news li {
	position: relative;
	margin: 0 8px;
	padding: 10px 0;
	list-style: none;
	color: #f8f7ca;
	font-size: 10px;
	border-top: 1px dotted #f8f7ca;
}
.feed-news li:first-child {
	border-top: none;
}
.feed-news li time {
	display: block;
	font-weight: bold;
}
#OUR_BREWERY .bounds img {
	max-width: 100%;
}
.mq-1024 {
	display: block;
}
.mq-1280 {
	display: none;
}
.outer_bounds, .bounds {
	width: 1000px;
	height: 648px;
	min-width: 1000px;
}
#logo a {
	position: absolute;
	top: 36px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	height: 92px;
}
#age-check p {
	margin: 0 0 24px -139px;
	height: 187px;
	text-indent: -9999px;
	background: url(../images/gate-copy_1024.png) no-repeat;
}
.click-yes, .click-no {
	margin-bottom: 14px;
	font-size: 14px;
}
#home-menu a {
	display: block;
}
/*a#nav-menu, a#nav-home {
	position: absolute;
	top: 0;
	width: 61px;
	height: 80px;
	display: block;
	font-size: 12px;
	z-index:101;
}
a#nav-menu {
	left: 0;
	padding: 9px 0 0 15px;
}
a#nav-home {
	right: 0;
	padding: 9px 15px 0 0;
	text-align: right;
}
header nav {
	padding-bottom: 20px;
}*/
#top-menu {
	position: relative;
	top: 0;
	height: 28px;
	display: block;
	background: #2f3031;
	padding-left: 74px;
	-moz-box-shadow: 5px 0px 3px rgba(0, 0, 0, 0.5);
	z-index: 1;
}
#top-menu li {
	float: left;
}
#top-menu li a {
	height: 28px;
	display: block;
	text-indent: -9999em;
	background-image: url(../images/nav-sprite_1024.png);
	background-repeat: no-repeat;
}
#top-menu li a.nav-beers {
	width: 83px;
	background-position: -1px 0;
}
#top-menu li a.nav-brewery {
	width: 118px;
	background-position: -83px 0;
}
#top-menu li a.nav-events {
	width: 79px;
	background-position: -201px 0;
}
#top-menu li a.nav-news {
	width: 69px;
	background-position: -280px 0;
}
#top-menu li a.nav-gang {
	width: 146px;
	background-position: -349px 0;
}
#top-menu li a.nav-recipes {
	width: 114px;
	background-position: -495px 0;
}
#top-menu li a.nav-locator {
	width: 110px;
	background-position: -609px 0;
}
#top-menu li a.nav-store {
	width: 81px;
	background-position: -719px 0;
}
#top-menu li a.nav-beers:hover {
	background-position: -1px -28px;
}
#top-menu li a.nav-brewery:hover {
	background-position: -83px -28px;
}
#top-menu li a.nav-events:hover {
	background-position: -201px -28px;
}
#top-menu li a.nav-news:hover {
	background-position: -280px -28px;
}
#top-menu li a.nav-gang:hover {
	background-position: -349px -28px;
}
#top-menu li a.nav-recipes:hover {
	background-position: -495px -28px;
}
#top-menu li a.nav-locator:hover {
	background-position: -609px -28px;
}
#top-menu li a.nav-store:hover {
	background-position: -719px -28px;
}
#top-menu li a#nav-facebook, #top-menu li a#nav-twitter, #top-menu li a#nav-wordpress {
	float: left;
	width: 15px;
	height: 28px;
	display: block;
	overflow: hidden;
	background-image: url(../images/social-sprite_1024.png);
	background-repeat: no-repeat;
}
a#nav-facebook {
	background-position: 0 0;
}
a#nav-twitter {
	background-position: -15px 0;
}
a#nav-wordpress {
	margin-left: 2px;
	width: 22px;
	background-position: -33px 0;
}
a#nav-facebook:hover {
	background-position: 0 -28px;
}
a#nav-twitter:hover {
	background-position: -15px -28px;
}
a#nav-wordpress:hover {
	background-position: -33px -28px;
}
#hover-abbey-main {
	top: 28.5%;
	left: 32%;
	width: 430px;
}
#hover-abbey-food {
	top: 56%;
	left: 47%;
	width: 479px;
}
#hover-abbey-glass {
	top: 41.2%;
	left: 12%;
	width: 283px;
}
#hover-gnome-main {
	top: 41%;
	left: 29.5%;
	width: 422px;
}
#hover-gnome-food {
	top: 55.5%;
	left: 60%;
	width: 430px;
}
#hover-gnome-glass {
	top: 32%;
	left: 14.5%;
	width: 268px;
}
#hover-bpa-main {
	top: 28%;
	left: 34.72%;
	width: 422px;
}
#hover-bpa-food {
	top: 55.5%;
	left: 54.875%;
	width: 430px;
}
#hover-bpa-glass {
	top: 27%;
	left: 14.5%;
	width: 268px;
}
#hover-hennepin-main {
	top: 41.3529%;
	left: 35.2343%;
	width: 422px;
}
#hover-hennepin-food {
	top: 57%;
	left: 54.3%;
	width: 426px;
}
#hover-hennepin-glass {
	top: 35.16%;
	left: 11%;
	width: 308px;
}
#hover-three-main {
	top: 26%;
	left: 31.28125%;
	width: 420px;
}
#hover-three-food {
	top: 54.3529%;
	left: 51%;
	width: 429px;
}
#hover-three-glass {
	top: 42%;
	left: 15.4%;
	width: 269px;
}
#hover-vos-main {
	top: 29.17647%;
	left: 28.5781%;
	width: 428px;
}
#hover-vos-food {
	top: 55.5294%;
	left: 45.9375%;
	width: 454px;
}
#hover-vos-glass {
	top: 40%;
	left: 9.7%;
	width: 302px;
}
#hover-witte-main {
	top: 25.9411%;
	left: 31%;
	width: 422px;
}
#hover-witte-food {
	top: 53.8823%;
	left: 53%;
	width: 430px;
}
#hover-witte-glass {
	top: 45.12%;
	left: 10%;
	width: 307px;
}
#hover-awards {
	top: 35%;
	left: 19.4%;
	width: 50.625%;
}
#hover-awards .hover-dots {
	top: 186px;
	left: 620px;
}
#hover-cooperstown {
	top: 43.1764%;
	left: 24%;
	width: 53.4375%;
	z-index: 999;
}
#hover-mantra {
	top: 26.6%;
	left: 25.5%;
	width: 50%;
	z-index: 1000;
}
#hover-mantra .hover-dots {
	top: 368px;
}
#hover-glassware {
	top: 23%;
	left: 8.35%;
	width: 49.4531%;
	z-index: 999;
}
#hover-glassware .hover-dots {
	top: 373px;
}
#brewery-scroll .customScrollBox {
	padding: 0 10px !important;
}
.our-brewery .hover-pop {
	color: #291c00;
	background: #E1BB27;
	background-color: rgba(225, 187, 39, 0.7);
	border: 12px solid #E1BB27;
	border: 12px solid rgba(225, 187, 39, 0.7);
}
.our-brewery .hover-pop:before {
	background: #F7F3BC;
	background: rgba(247, 243, 188, 0.7);
	border: 5px solid #998777;
	border: 5px solid rgba(153, 135, 119, 0.7);
}
.our-brewery .hover-pop p {
	font-size: 14px;
}
.our-brewery .hover-dots {
	background: url(../images/brewery-dot.png) no-repeat;
}
.section-brewery-tours article {
	position: relative;
	float: left;
	margin: 200px 14px 32px 0;
	padding: 24px;
	width: 692px;
	height: 370px;
	background: #ecd77e url(../images/card-tours_1024.jpg) no-repeat;
	box-shadow: 6px 8px 8px rgba(0, 0, 0, 0.3);
	z-index: 1;
}
.section-brewery-tours article.article-hours {
	background: #ecd77e url(../images/cafe-first-last-bg_1024.jpg) no-repeat;
}
.section-brewery-tours article.article-tours {
	width: 898px;
	background: #ecd77e url(../images/cafe-center-bg_1024.jpg) no-repeat;
}
.section-brewery-tours article.article-web {
	width: 894px;
	background: #ecd77e url(../images/card-links_1024.jpg) no-repeat;
}
.web-left {
	float: left;
}
.web-right {
	float: right;
	margin-right: 103px;
}
.section-brewery-tours article.article-tours .tours {
	width: 402px;
}
.tours {
	width: 300px;
	font-size: 12px;
}
.tours h2 {
	margin-bottom: 10px;
	padding-bottom: 0;
	border-bottom: 1px dotted #b83543;
}
.tours p {
	margin-bottom: 10px;
}
.hours {
	margin-bottom: 16px;
}
.tours-center {
	float: left;
	margin-left: 44px;
}
.section-brewery-tours article.article-location {
	width: 452px;
	background: #ecd77e url(../images/cafe-first-last-bg_1024.jpg) no-repeat top right;
}
.section-brewery-tours article.article-trail {
	padding-left: 285px;
	width: 636px;
	background: #ecd77e url(../images/bev-trail_1024.jpg) no-repeat top right;
}
.section-brewery-tours article.article-location .tours {
	width: 402px;
}
.bev-trail {
	width: 325px;
}
.links-other-beers {
	position: relative;
	list-style: none;
}
.links-other-beers li a {
	position: absolute;
	width: 88px;
	height: 65px;
	display: block;
	text-indent: -9999px;
}
#link-duv a {
	left: 39px;
	top: 45px;
}
#link-mar a {
	left: 160px;
	top: 40px;
	width: 126px;
}
#link-bra a {
	left: 296px;
	top: 46px;
	width: 102px;
	height: 115px;
}
#link-kon a {
	left: 28px;
	top: 120px;
	width: 110px;
}
#link-lie a {
	left: 160px;
	top: 111px;
	width: 1056px;
	height: 75px;
}
#map_canvas {
	height: 254px;
	width: 402px;
}
.brewing-process article.short {
	width: 444px;
	background: #f1e5a8 url(../images/card-process-short_1024.jpg) no-repeat;
}
.brewing-process article.long {
	width: 593px;
	background: #f1e5a8 url(../images/card-process-long_1024.jpg) no-repeat;
}
.brewing-process article.short .process-summary {
	width: 216px;
}
.brewing-process article.long .process-summary {
	width: 364px;
}
#brewery-scroll {
	position: relative;
	margin-top: 0;
	margin-left: 45px;
	height: 500px;
}
#brewery-scroll .customScrollBox {
	position: relative;
	padding-right: 10px;
	width: 938px;
	overflow: hidden;
}
#brewery-scroll .customScrollBox .horWrapper {
	position: relative;
	left: 0;
}
#brewery-scroll .customScrollBox .container {
	position: relative;
	left: 0;
	display: inline-block;
}
#brewery-scroll .dragger_container {
	position: relative;
	margin: 30px 10px 20px 90px;
	width: 800px;
	height: 12px;
	background: #181818;
}
#brewery-scroll .dragger {
	position: absolute;
	top: -14px;
	left: -5px;
	width: 64px;
	height: 40px;
	background: url(../images/scroll-events-horizontal.png) no-repeat;
	z-index: 5;
}
.brewing-process article {
	position: relative;
	float: left;
	margin: 200px 14px 32px 0;
	padding: 28px;
	width: 475px;
	height: 370px;
	background: #f1e5a8 url(../images/card-process_1024.jpg) no-repeat;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.brewing-process article h1 {
	margin-bottom: 12px;
	color: #291c00;
	border-bottom: 1px dotted #b83543;
}
.process-image {
	float: left;
	border: 5px solid #b83543;
}
.process-summary {
	float: right;
	width: 248px;
	color: #291c00;
	font-size: 12px;
}
.process-summary dt {
	float: left;
	margin-right: 3px;
}
.process-summary dd, .process-summary p {
	margin-bottom: 10px;
}
h3.beer-recipe, .recipe_detail h2 {
	margin: 25px 0 25px 0;
	padding: 3px 0 3px 25px;
}
.contact article {
	float: left;
	padding: 0 0 42px 0;
	width: 100%;
}
.left {
	clear: left;
	float: left;
}
.right {
	clear: right;
	float: right;
}
.subscribe h1 {
	margin: 2px 0 6px;
	font-size: 22px;
}
.contact h2, .jobs h2, .subscribe h2 {
	padding: 0 0 4px;
	text-indent: -9999px;
}
.contact p, .jobs p, .subscribe p {
	margin-bottom: 12px;
}
.subscribe .form_response {
	padding-top: 16px;
}
.subscribe label, .subscribe p {
	font-size: 13px;
}
.subscribe input {
	padding: 2px 4px;
}
.subscribe input[type=button] {
	float: right;
	padding: 5px 10px;
	font-size: 12px;
}
.contact, .jobs, .subscribe {
	padding-top: 223px;
	width: 565px;
}
.contact, .jobs {
	width: 588px;
}
.contact h2:before, .jobs h2:before, .subscribe h2:before {
	position: absolute;
	top: 0;
	left: -24px;
	width: 16px;
	height: 12px;
	content: "";
	background: url(../images/news-chevron_1024.png) no-repeat 0 1px;
	z-index: -1;
}
.contact h2, .jobs h2 {
	margin-bottom: 16px;
}
.sales li, #contact-scroll li {
	margin-top: 15px;
}
#contact-scroll, #job-container, #news-scroll {
	position: relative;
	height: 400px;
}
#contact-scroll .customScrollBox .container, #job-container .customScrollBox .container {
	position: relative;
	float: left;
	top: 0;
	left: 30px;
	width: 500px;
}
#contact-scroll .scrollcontent ul, #contact-scroll .scrollcontent ol {
	margin: 0 0 18px 0;
}
#contact-scroll .dragger_container, #job-container .dragger_container, #news-scroll .dragger_container {
	position: relative;
	float: right;
	margin: 0 12px;
	width: 9px;
	height: 320px;
	cursor: pointer;
	background: #291c00;
}
#contact-scroll .dragger, #job-container .dragger, #news-scroll .dragger {
	position: absolute;
	margin-left: -13px;
	width: 33px;
	height: 51px;
	cursor: pointer;
	background: url(../images/scroll-news_1024.png) no-repeat;
	z-index: 5;
}
.recipes {
	position: absolute;
	top: 285px;
	right: 35px;
	padding: 15px 0 30px 2px;
	width: 285px;
	background: url(../images/recipes-box-sides_1024.png) repeat-y;
	z-index: 1;
}
.recipes:before {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 285px;
	height: 30px;
	content:"";
	background: url(../images/recipes-box-bottom_1024.png) no-repeat;
	z-index: -1;
}
.recipes:after {
	position: absolute;
	top: -31px;
	left: 0;
	width: 285px;
	height: 31px;
	content:"";
	background: url(../images/recipes-box-top_1024.png) no-repeat;
	z-index: -1;
}
.recipes-list {
	margin: 0 auto;
	padding-top: 10px;
	width: 320px;
	list-style: none;
	font-size: 12px;
}
.h3-recipes {
	margin: 0 auto;
	width: 254px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/h3-recipes_1024.png) no-repeat;
}
.recipes-list li a {
	margin: 8px 0;
	padding-left: 25px;
	display: block;
	color: #f8f7ca;
}
#food-scroll header {
	width: 507px;
	height: 264px;
	text-indent: -9999px;
	background: url(../images/food-header-text_1024.png) no-repeat;
}
.food-article .border {
	padding: 64px 12px 20px;
}
.food-article p, .food-article ul, .food-article ol {
	width: 507px;
}
.food-article h2 {
	position: absolute;
	top: 20px;
	left: 6px;
	padding: 12px 28px 8px 28px;
	background: #daa94a;
}
.food-section {
	float: left;
	margin: 160px 0 0 130px;
	width: 555px;
}
#food-scroll {
	position: absolute;
	width: 555px;
	height: 420px;
}
#food-scroll .customScrollBox {
	position: relative;
	height: 105%;
	overflow: hidden;
}
#food-scroll .customScrollBox .container {
	position: relative;
	top: 0;
	float: left;
	width: 510px;
}
#food-scroll .dragger_container {
	position: relative;
	width: 9px;
	height: 360px;
	float: right;
	margin: 75px 15px 0 15px;
	cursor: pointer;
	background: #291c00;
}
#food-scroll .dragger {
	position: absolute;
	width: 33px;
	height: 51px;
	margin-left: -13px;
	cursor: pointer;
	background: url(../images/scroll-news_1024.png) no-repeat;
	z-index: 5;
}
.food-blog {
	position: relative;
	margin: 140px 0 60px 0;
	padding: 0 22px;
	width: 503px;
	color: #f8f7ca;
	font-size: 13px;
	background: url(../images/blog-sides_1024.png) repeat-y;
	z-index: 1;
}
.food-blog:before {
	position: absolute;
	top: -127px;
	left: 0;
	width: 503px;
	height: 127px;
	content: "";
	background: url(../images/blog-top_1024.png) no-repeat;
	z-index: 2;
}
.food-blog:after {
	position: absolute;
	bottom: -17px;
	left: 0;
	width: 503px;
	height: 17px;
	content: "";
	background: url(../images/blog-bottom_1024.png) no-repeat bottom left;
	z-index: 2;
}
.food-blog h2 {
	display: none;
}
.food-blog p {
	position: relative;
	top: -20px;
	left: 0;
}
.food-blog p:first-line {
	font-size: 20px;
	line-height: 21px;
}
.beer-finder {
	position: absolute;
	top: 220px;
	left: 260px;
	width: 520px;
	color: #291C00;
	font-size: 12px;
	line-height: 16px;
}
.section-news {
	position: relative;
	top: 164px;
	left: 90px;
	float: left;
	width: 565px;
}
.section-news header {
	width: 520px;
}
.news-summary h1 {
	font-size: 15px;
}
.news-image img {
	width: 140px;
}
#news-scroll {
	position: absolute;
	top: 75px;
	left: 0;
	width: 565px;
	height: 320px;
}
#news-scroll .customScrollBox {
	position: relative;
	height: 105%;
	overflow: hidden;
}
#news-scroll .customScrollBox .container {
	position:relative;
	top: 0;
	float: left;
	width: 494px;
}
.section-news article {
	margin: 0 0 16px 32px;
	width: 488px;
}
.feed-news {
	float: right;
	position: relative;
	margin: 225px 35px 0 0;
	padding: 10px 20px;
	width: 286px;
	z-index:1;
	background: url(../images/news-box-sides_1024.png) repeat-y;
}
.feed-news:before {
	content:"";
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 286px;
	height: 30px;
	z-index: -1;
	background: url(../images/news-box-bottom_1024.png) no-repeat;
}
.feed-news:after {
	content:"";
	position: absolute;
	top: -29px;
	left: 0;
	width: 286px;
	height: 29px;
	z-index: -1;
	background: url(../images/news-box-top_1024.png) no-repeat;
}
.feed-news h3.h3-facebook {
	width: 250px;
	height: 21px;
	text-indent: -9999px;
	background: url(../images/h3-facebook-twitter_1024.png) no-repeat;
}
.feed-news li {
	position: relative;
	margin: 0 8px 0 28px;
	padding: 10px 0;
	list-style: none;
	color: #f8f7ca;
	font-size: 12px;
	border-top: 1px dotted #f8f7ca;
}
.feed-news li:first-child {
	border-top: none;
}
.feed-news li time {
	display: block;
	font-weight: bold;
}
.news-facebook:before {
	position: absolute;
	top: 6px;
	left: -25px;
	content: "";
	width: 20px;
	height: 20px;
	background: url(../images/feed-news-icons.png) no-repeat;
	z-index: -1;
}
.news-twitter:before {
	position: absolute;
	top: 6px;
	left: -25px;
	content: "";
	width: 20px;
	height: 20px;
	background: url(../images/feed-news-icons.png) no-repeat -20px 0;
	z-index: -1;
}
.feed-links a {
	width: 80px;
	height: 16px;
	display: block;
}
.feed-links li {
	position: absolute;
	top: 3px;
	list-style: none;
	text-indent: -9999px;
	border: none;
}
.feed-fb {
	left: 20px;
}
.feed-t {
	left: 135px;
}
.events {
	margin: 112px 0 0 10px;
}
.events header {
	position: relative;
	margin-bottom: 22px;
	min-height: 100px;
}
.events article {
	float: left;
	margin-right: 12px;
	padding: 60px 18px 0;
	width: 406px;
	height: 324px;
}
.events-past {
	background: #826731;
	background: rgba(203, 148, 41, 0.5);
}
.events-upcoming {
	background: #29496b;
	background: rgba(45, 46, 47, 0.5);
}
.events-options {
	position: absolute;
	bottom: 0;
	left: 0;
}
.events-past:before, .events-upcoming:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: -10px;
	width: 526px;
	height: 473px;
	content: "";
	background: url(../images/events-card-shadow.png) no-repeat;
	z-index: -1;
}
.events-past:after {
	position: absolute;
	top: -1px;
	left: -1px;
	content: "";
	width: 161px;
	height: 101px;
	background: url(../images/events-past-ribbon.png) no-repeat;
	z-index: 5;
}
.events-past img, .events-upcoming img {
	max-width: 155px;
}
.event-titles {
	bottom: 0;
	position: absolute;
}
.events header h1 {
	width: 178px;
	font-size: 18px;
	line-height: 18px;
}
.events header img {
	position: absolute;
	top: -40px;
	right: -6px;
}
.event-more-info a {
	float: left;
	font-size: 12px;
	height: 21px;
	line-height: 21px;
	width: 80px;
}
.events-page {
	position: absolute;
	bottom: -57px;
	left: 95px;
}
#events-scroll {
	position: relative;
	height: 440px;
}
#events-scroll .customScrollBox {
	position: relative;
	width: 1000px;
	overflow: hidden;
}
#events-scroll .customScrollBox .horWrapper {
	position: relative;
	left: 0;
}
#events-scroll .customScrollBox .container {
	position: relative;
	left: 0;
	display: inline-block;
}
#events-scroll .dragger_container {
	position: relative;
	margin: 40px 10px 20px 207px;
	width: 700px;
	height: 12px;
	background: #181818;
}
#events-scroll .dragger {
	position: absolute;
	top: -14px;
	left: -5px;
	width: 64px;
	height: 40px;
	background: url(../images/scroll-events-horizontal.png) no-repeat;
	z-index: 5;
}
#job-container h1 {
	margin-bottom: 12px;
}
.ribbons-aside {
	margin-top: -40px;
}
.news-summary p, .news-summary time {
	margin-bottom: 12px;
}
#map div {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.recipes_by_beer p {
	font-size: 13px;
	margin: 0 0 6px 25px;
}
h3.beer-recipe, .recipe_detail h2 {
	font-size: 16px;
}
.scrollDownBtn, .scrollUpBtn {
	visibility: hidden;
}
.over-home {
	display: none;
}

#OUR_BREWERY .bounds img.exposureImage {
	position: absolute;
	top: 0;
	left: 6px;
	max-width: 770px;
	width: auto;
}


.panel {
	position: absolute;
	left: 50%;
	bottom: 60px;
	margin-left: -390px;
	width: 782px;
	overflow: hidden;
	z-index: 9999;
	background: #f3f1ca;
	background: rgba(243,241,202,0.7);
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
#exposure {
	width: 782px !important;
	display: none;
}
ul.exposureThumbs {
	padding: 20px;
	margin: 0 0 0 265px;
	height: 78px;
	list-style: none;
}
ul.exposureThumbs li {
	width: 48px;
	height: 38px;
}
ul.exposureThumbs li {
	float: left;
	margin: 0 10px 0 0;
	display: none;
}
ul.exposureThumbs li img {
	cursor: pointer;
}
.exposureMask {
    position: fixed;
    margin:0;
    padding:0;
    top:0;
	bottom: 0;
	right: 0;
    left:0;
    z-index: -1;
    display:none;
    height:100%;
    width:100%;
	background: url(../images/blank.png);
}
.exposureTarget {
	width: 770px;
	height: 421px;
}
.exposureData {
	display: none;
}
.exposureWrapper {
	position: absolute;
	top: 6px;
	z-index: 9999;
}
.exposureWrapper img {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.exposureLoaded {
	background-image: none;
}
.photo-icon {
	position: absolute;
	bottom: 6px;
	left: 20px;
	width: 80px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	background: url(../images/photo-gallery.png) no-repeat;
}




 @media screen and (min-width: 1024px) and (max-width: 1024px) {
.ie8 .test-bg {
 background: url(../images/body-diamond-center_1024.jpg) no-repeat 50% 0;
}
.outer_bounds {
 left: -1px;
}
.outer_bounds:before {
 position: absolute;
 top: 0;
 left: 0;
 width: 1000px;
 height: 680px;
 content: "";
 background: url(../images/body-diamond-center_1024.jpg) no-repeat;
 z-index: -2;
}
.test-bg {
 overflow: hidden;
}
.ie8 .outer_bounds:before {
 background: none;
}
.over-home {
 display: none;
}

} /*/mediaquery*/
 @media screen and (max-width: 1279px) {
	 .got-link {
	/*background: url(../images/snow.gif);*/
    display: block;
    left: 0;
    position: absolute;
    top: 115px;
    width: 120px;
    z-index: 20;
}
.ie8 .test-bg {
 background: url(../images/body-diamond-center_1024.jpg) no-repeat 50% 0;
}
.blank_1024 {
 width: 1000px;
 height: 648px;
}
#btm-page, #top-page {
 width: 1000px;
 height: 680px;
 overflow: hidden;
}
#top-page {
 top: 0;
}
#btm-page {
 top: 1280px;
}
.outer_bounds:before {
 position: absolute;
 top: 0;
 left: 0;
 width: 1000px;
 height: 680px;
 content: "";
 background: url(../images/body-diamond-center_1024.jpg) no-repeat;
 z-index: -2;
}
.vos-ground {
 margin-top: -112px;
 top: 464px;
 left: 0;
 width: 1024px;
}
.vos-characters {
 margin-top: -50px;
 top: 200px;
 left: 291px;
 width: 403px;
}
.vos-bike {
 margin-top: -92px;
 top: 303px;
 left: 0;
 width: 325px;
}
.vos-glass {
 margin-top: -20px;
 top: 116px;
 left: 40px;
 width: 260px;
}
.vos-chairs {
 margin-top: -100px;
 top: 388px;
 left: 702px;
 width: 323px;
}
.witte-reeds-front {
 margin-top: -109px;
 top: 426px;
 left: 0;
 width: 1024px;
}
.witte-glass {
 margin-top: -41px;
 top: 124px;
 left: 64px;
 width: 260px;
}
.witte-table {
 margin-top: -91px;
 top: 371px;
 left: 756px;
 width: 144px;
}
.witte-grass {
 margin-top: -94px;
 top: 392px;
 left: 0;
 width: 1024px;
}
.witte-characters {
 margin-top: -48px;
 top: 185px;
 left: 307px;
 width: 386px;
}
.witte-reeds-back {
 margin-top: -96px;
 top: 392px;
 left: 0;
 width: 1024px;
}
.abbey-table {
 margin-top: -96px;
 top: 386px;
 left: 695px;
 width: 161px;
}
.abbey-ground {
 margin-top: -115px;
 top: 460px;
 left: 0;
 width: 1024px;
}
.abbey-glass {
 margin-top: -25px;
 top: 116px;
 left: 96px;
 width: 228px;
}
.abbey-tree {
 margin-top: -90px;
 top: 369px;
 left: 874px;
 width: 96px;
}
.abbey-tree-two {
 margin-top: -91px;
 top: 369px;
 left: 854px;
 width: 62px;
}
.abbey-tree-three {
 margin-top: -97px;
 top: 391px;
 left: 918px;
 width: 47px;
}
.abbey-monastery {
 margin-top: -73px;
 top: 308px;
 left: 0;
 width: 271px;
}
.abbey-monastery-tree {
 margin-top: -75px;
 top: 291px;
 left: 0;
 width: 148px;
}
.abbey-characters {
 margin-top: -49px;
 top: 200px;
 left: 322px;
 width: 360px;
}
.abbey-table-grass {
 margin-top: -134px;
 top: 486px;
 left: 0;
 width: 1024px;
}
.three-man-left {
 margin-top: -80px;
 top: 318px;
 left: 0;
 width: 128px;
}
.three-man-right {
 margin-top: -88px;
 top: 356px;
 left: 868px;
 width: 156px;
}
.three-glass {
 margin-top: -32px;
 top: 116px;
 left: 96px;
 width: 256px;
}
.three-ground {
 margin-top: -118px;
 top: 472px;
 left: 0;
 width: 1024px;
}
.three-man-chair {
 margin-top: -93px;
 top: 371px;
 left: 677px;
 width: 212px;
}
.three-characters {
 margin-top: -52px;
 top: 204px;
 left: 347px;
 width: 341px;
}
.hennepin-characters {
 margin-top: -38px;
 top: 280px;
 left: 352px;
 width: 364px;
}
.hennepin-glass {
 margin-top: -30px;
 top: 132px;
 left: 96px;
 width: 244px;
}
.hennepin-basket {
 margin-top: -102px;
 top: 411px;
 left: 832px;
 width: 89px;
}
.hennepin-ground-front {
 margin-top: -116px;
 top: 464px;
 left: 0;
 width: 1024px;
}
.hennepin-ground-back {
 margin-top: -116px;
 top: 460px;
 left: 0;
 width: 344px;
}
.hennepin-tree-one {
 margin-top: -89px;
 top: 352px;
 left: 780px;
 width: 93px;
}
.hennepin-tree-two {
 margin-top: -95px;
 top: 374px;
 left: 908px;
 width: 65px;
}
.hennepin-tree-three {
 margin-top: -102px;
 top: 406px;
 left: 746px;
 width: 84px;
}
.hennepin-tree-four {
 margin-top: -84px;
 top: 376px;
 left: 136px;
 width: 79px;
}
.hennepin-tree-five {
 margin-top: -84px;
 top: 372px;
 left: 95px;
 width: 90px;
}
.hennepin-tree-six {
 margin-top: -84px;
 top: 334px;
 left: 24px;
 width: 94px;
}
.bpa-characters {
 margin-top: -50px;
 top: 200px;
 left: 281px;
 width: 451px;
}
/* ======== Hop House ======== */

.bpa-basket {
 margin-top: -100px;
 top: 405px;
 left: 768px;
 width: 137px;
}
.bpa-ground {
 margin-top: -114px;
 top: 456px;
 left: 0;
 width: 1024px;
}
.bpa-tree-one {
 margin-top: -67px;
 top: 268px;
 left: 77px;
 width: 122px;
}
.bpa-tree-two {
 margin-top: -45px;
 top: 376px;
 left: 706px;
 width: 40px;
}
.flag-find-beer {
 position: absolute;
 width: 154px;
 height: 74px;
 display: block;
 text-indent: -9999px;
 background: url(../images/blank.png);
 background: rgba(0, 0, 0, 0);
 z-index: 100;
}
#BEER_ABBEY .flag-find-beer {
 top: 146px;
 left: 22px;
}
#BEER_HH .flag-find-beer {
 top: 147px;
 left: 51px;
}
#BEER_GNOME .flag-find-beer {
 top: 147px;
 left: 51px;
}
#BEER_HENNEPIN .flag-find-beer {
 top: 146px;
 left: 26px;
}
#BEER_THREE .flag-find-beer {
 top: 147px;
 left: 48px;
}
#BEER_VOS .flag-find-beer {
 top: 166px;
 left: 18px;
}
#BEER_WITTE .flag-find-beer {
 top: 144px;
 left: 15px;
}
.three-flag, .bpa-flag, .witte-flag, .vos-flag, .abbey-flag, .hennepin-flag {
 position: absolute;
 left: 210px;
 margin-top: -53px;
 margin-left: -66px;
 width: 20px;
 height: 74px;
}
.abbey-flag {
 margin-top: -52px;
 margin-left: -42px;
}
.three-flag {
 margin-top: -51px;
 margin-left: -45px;
 left: 230px;
}
.bpa-flag {
 margin-top: -49px;
 margin-left: -57px;
 left: 250px;
}
.vos-flag {
 margin-top: -32px;
 margin-left: -48px;
}
.hennepin-flag {
 margin-top: -52px;
 margin-left: -41px;
}
#hover-awards {
 top: 35%;
 left: 19.4%;
 width: 640px;
}
#hover-awards .hover-dots {
 top: 186px;
 left: 620px;
}
#hover-cooperstown {
 top: 34%;
 left: 18%;
 width: 645px;
 z-index: 999;
}
#hover-mantra {
 top: 15.6%;
 left: 20%;
 width: 635px;
 z-index: 999;
}
#hover-mantra .hover-dots {
 top: 368px;
}
#hover-glassware {
 top: 15%;
 left: 3%;
 width: 610px;
 z-index: 999;
}
#hover-glassware .hover-dots {
 top: 373px;
}
.beer-notes, .limited-brews {
 position: absolute;
 bottom: 104px;
 left: 50px;
}
h2.title-jobs:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 15px;
 background: url(../images/title-replace_1024.png) no-repeat;
 z-index: 2;
}
h2.title-address:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 15px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -87px;
 z-index: 2;
}
h2.title-contact:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 15px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -71px;
 z-index: 2;
}
h2.title-subscribe:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 15px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -30px;
 z-index: 2;
}
h2.title-find:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 15px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -271px;
 z-index: 2;
}
h1.title-press {
 width: 470px;
}
h2.title-times {
	margin-top: 24px;
}
h1.title-press:after {
 position: absolute;
 top: 6px;
 left: 32px;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -43px;
 z-index: 2;
}
h2.title-faq:after {
 position: absolute;
 top: 6px;
 left: 32px;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -56px;
 z-index: 2;
}
h2.title-themes:after {
 position: absolute;
 top: 4px;
 left: 32px;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -16px;
 z-index: 2;
}
h2.title-tastings:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -235px;
 z-index: 2;
}
h2.title-hours:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -211px;
 z-index: 2;
}
h2.title-times:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -247px;
 z-index: 2;
}
h2.title-visitor:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -199px;
 z-index: 2;
}
h2.title-how:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -259px;
 z-index: 2;
}
h1.title-tastings:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -235px;
 z-index: 2;
}
h1.title-ingredients:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -151px;
 z-index: 2;
}
h1.title-brewhouse:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -102px;
 z-index: 2;
}
h1.title-lagering:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -163px;
 z-index: 2;
}
h2.title-location:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -223px;
 z-index: 2;
}
h1.title-fermentation:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -127px;
 z-index: 2;
}
h1.title-filtration:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -187px;
 z-index: 2;
}
h1.title-tank:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -175px;
 z-index: 2;
}
h1.title-hall:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -139px;
 z-index: 2;
}
h1.title-cellar:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 13px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -115px;
 z-index: 2;
}
.brew-summary h1 {
	font-size: 14px;
 font-weight: normal;
 text-transform: uppercase;
}

.beer-notes article {
 float: left;
 position: relative;
 padding: 52px 29px 0;
 width: 278px;
 height: 365px;
 font-size: 11px;
 line-height: 15px;
 box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
 background-image: url(../images/note-cards_1024.jpg);
 background-repeat: no-repeat;
 z-index: 1;
}
.beer-notes article.first:before, .beer-notes article.second:before, .beer-notes article.third:before {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 content: "";
 z-index: -1;
}
.beer-notes article.first:before {
 background: url(../images/note-cards_1024.jpg) no-repeat 0 -730px;
}
.beer-notes article.second:before {
 background: url(../images/note-cards_1024.jpg) no-repeat -279px -730px;
}
.beer-notes article.first, .beer-notes article.second {
 margin-right: 26px;
}
.beer-notes article.third {
 color: #f9f5be;
}
#BEER_HH .beer-notes article.third.hh-profile {
 background-position: -278px 0px;
}
#BEER_GNOME .beer-notes article.third.gnome-profile {
background-position: -558px -730px;
}
#BEER_WITTE .beer-notes article.third {
 background-position: -557px -365px;
}
#BEER_VOS .beer-notes article.third {
 background-position: -279px -365px;
}
#BEER_THREE .beer-notes article.third {
 background-position: 0 -365px;
}
#BEER_HENNEPIN .beer-notes article.third {
 background-position: -556px 0;
}
#BEER_ABBEY .beer-notes article.third {
 background-position: 0 0;
}
.beer-notes article h1 {
 position: absolute;
 top: 2px;
 left: -7px;
 color: #daa94a;
 text-indent: -9999px;
 z-index: 1;
}
.beer-notes article h1:after {
 position: absolute;
 top: -17px;
 left: 0;
 content: "";
 color: #fff;
 width: 289px;
 height: 64px;
 background: url(../images/tasting-notes_1024.png) no-repeat;
 z-index: -1;
}
.beer-notes article.first h1:after {
 background: url(../images/tasting-notes_1024.png) no-repeat -1px 0;
}
.beer-notes article.second h1:after {
 background: url(../images/tasting-notes_1024.png) no-repeat 0 -67px;
}
.beer-notes article.third h1:after {
 background: url(../images/tasting-notes_1024.png) no-repeat 0 -134px;
}
.beer-notes p {
 margin-bottom: 12px;
}
.other-beers {
 position: absolute;
 top: 202px;
 left: 0;
}
.other-beers article {
 float: left;
 position: relative;
 margin-right: 25px;
 width: 400px;
 height: 369px;
 color: #181818;
 z-index: 1;
}
.other-beers article:before {
 position: absolute;
 top: -12px;
 bottom: 0;
 right: 0;
 left: -11px;
 width: 400px;
 height: 369px;
 content: "";
 background: url(../images/limited-card-shadow.png) no-repeat;
 z-index: -1;
}
.other-beers article:after {
 position: absolute;
 top: 0;
 left: 0;
 width: 400px;
 height: 369px;
 content: "";
 z-index: -1;
}
.historical-beers article:after {
 background: #f1e6ae url(../images/historical-card-bg_1024.jpg) no-repeat;
}
.limited-beers article:after {
 background: #ca9835 url(../images/limited-card-bg_1024.jpg) no-repeat;
}
.other-beers .brew-image {
 float: left;
}
.other-beers .brew-summary {
 float: right;
 margin: 20px 25px 0 0;
 width: 240px;
}
.other-beers article.limited-long {
 width: 499px;
}
.limited-beers article.limited-long:after {
 width: 499px;
 background: #CA9835 url(../images/card-limited-long_1024.jpg) no-repeat;
}
.other-beers .limited-long .brew-summary {
 float: right;
 margin: 18px 25px 0 0;
 width: 350px;
}
.other-beers .limited-long p, .other-beers .limited-long li, .other-beers .limited-long time {
 font-size: 11px;
 line-height: 15px;
 width: 350px;
}
.other-beers h1 {
 margin-bottom: 8px;
 padding-bottom: 2px;
 font-size: 18px;
 font-weight: normal;
 text-transform: uppercase;
 text-indent: 0;
}
.other-beers h1 img {
 width: 240px;
}
.other-beers h2 {
 font-size: 11px;
 line-height: 14px;
}
.other-beers p {
 margin-bottom: 8px;
}
.other-beers p, .other-beers li, .other-beers time {
 font-size: 11px;
 line-height: 14px;
}
.tours {
 font-size: 11px;
}
.beer-finder {
  left:190px;
}
.beer-finder h2 {
 margin-bottom: 14px;
}
.beer-finder label {
 font-size: 12px;
}
.ie8 #LOCATOR input[type="text"] {
 padding: 4px;
 height: 16px;
}
#map {
 height: 246px;
}
.localevents {
 right: 0;
 height: 100px;
}
.section-faq {
 position: relative;
 top: 205px;
 left: 190px;
 width: 730px;
 font-size: 12px;
}
#faq-container {
 position: absolute;
 width: 730px;
 height: 380px;
}
.title-faq {
 margin-bottom: 20px;
 width: 615px;
}
#faq-container .customScrollBox {
 position: relative;
 height: 105%;
 overflow: hidden;
}
#faq-container .customScrollBox .container {
 position: relative;
 top: 0;
 float: left;
 width: 615px;
}
#faq-container .dragger_container {
 position: relative;
 width: 9px;
 height: 380px;
 float: right;
 margin: 0 15px;
 cursor: pointer;
 background: #181818;
}
#faq-container .dragger {
 position: absolute;
 width: 34px;
 height: 50px;
 margin-left: -13px;
 cursor: pointer;
 background: url(../images/scroll-red-vertical_1024.png) no-repeat;
 z-index: 5;
}
.event-titles {
 position: absolute;
 bottom: 0;
}
.event-more-info a {
 float: left;
}
.page-faq .events-page {
 bottom: 38px;
 left: 65px;
 padding: 0 11px;
 font-size: 11px;
}
.section-coop {
 position: relative;
 top: 82px;
 left: 172px;
 width: 875px;
}
#coop-container {
 position: absolute;
 width: 820px;
 height: 480px;
 top: 140px;
 left: -70px;
}
.text {
 float: left;
 position: relative;
 top: 0;
 left: 0px;
 width: 430px;
 color: #f8f7ca;
 font-size: 12px;
}
#COOPERSTOWN p {
 font-size: 12px;
}
.section-coop p {
 line-height: 15px;
}
#COOPERSTOWN ul li {
 font-size: 12px;
}
.pic-large {
 float: right;
 display: block;
 border: 5px solid #b83543
}
.pic-large img {
 width: 300px;
}
#coop-container .events-page {
 bottom: 0 !important;
 left: -100px;
 font-size: 11px;
}
.process-summary {
 font-size: 11px;
 line-height: 14px;
}
.process-image {
 width: 154px;
}
#brewery-scroll .dragger_container {
 margin: 0 10px 20px 90px;
}
.ie8 .outer_bounds:before {
 background: none;
}
.contact img {
 position: absolute;
 top: 40px;
 right: 0;
 width: 210px;
 border: 3px solid #daa94a;
}
.food-section {
 margin: 160px 0 0 90px;
}
.recipes {
 top: 246px;
 right: 40px;
}
.other-beers #brewery-scroll .dragger_container {
 margin: 25px 10px 20px 90px;
}
.subscribe .left input, .subscribe .right input {
 padding: 5px;
 width: 220px;
}
.hide-1024 {
 display: none;
}
#BEER_BPA .copy {
 position: absolute;
 top: 8px;
 right: -25px;
}
#BEER_VOS .copy {
 position: absolute;
 top: 6px;
 right: -18px;
}
#BEER_WITTE .copy {
 position: absolute;
 top: 6px;
 right: -20px;
}
/*a#nav-home {
 padding: 9px 9px 0 0;
}*/
.two-high {
 height: 100px;
}
} /*/mediaquery*/
 @media screen and (min-width: 1280px) and (max-width: 1280px) {
 .outer_bounds {
 left: -12px;
}
 .outer_bounds:before {
 position: absolute;
 top: 0;
 left: 0;
 width: 1280px;
 height: 850px;
 content: "";
 background: url(../images/body-diamond-center.jpg) no-repeat;
 z-index: -2;
}
 .test-bg {
 overflow: hidden;
}
 #btm-page, #top-page {
 width: 1280px;
 height: 850px;
}
 .ie8 .outer_bounds:before {
 background: none;
}
} /*/mediaquery*/
 @media screen and (min-width: 1280px) {
 .mq-1024 {
 display: none;
}
.mq-1280 {
 display: block;
}
.blank_1280 {
 width: 1280px;
 height: 850px;
}
.outer_bounds, .bounds {
 width: 1280px;
 height: 818px;
}
.outer_bounds:before {
 position: absolute;
 top: 0;
 left: 0;
 width: 1280px;
 height: 850px;
 content: "";
 background: url(../images/body-diamond-center.jpg) no-repeat;
 z-index: -2;
}
.ie8 .outer_bounds:before {
 background: none;
}
.test-bg {
 background: url(../images/body-diamond.jpg) no-repeat 50% 0;
 top: -30px;
}
#logo a {
 top: 47px;
 margin-left: -116px;
 width: 232px;
 height: 106px;
}
#top-menu {
 position: relative;
 top: 0;
 height: 35px;
 display: block;
 font-size: 15px;
 line-height: 35px;
 background: #2f3031;
 padding-left: 114px;
 -moz-box-shadow: 5px 0px 3px rgba(0, 0, 0, 0.5);
 z-index: 1;
}
#top-menu li {
 float: left;
}
#top-menu li a {
 height: 35px;
 display: block;
 color: #daa94a;
 text-indent: -9999em;
 background-image: url(../images/nav-sprite.gif);
 background-repeat: no-repeat;
}
#top-menu li a.nav-beers {
 width: 106px;
 background-position: 0 0;
}
#top-menu li a.nav-brewery {
 width: 146px;
 background-position: -106px 0;
}
#top-menu li a.nav-events {
 width: 97px;
 background-position: -252px 0;
}
#top-menu li a.nav-news {
 width: 83px;
 background-position: -349px 0;
}
#top-menu li a.nav-gang {
 width: 187px;
 background-position: -432px 0;
}
#top-menu li a.nav-recipes {
 width: 140px;
 background-position: -619px 0;
}
#top-menu li a.nav-locator {
 width: 138px;
 background-position: -759px 0;
}
#top-menu li a.nav-store {
 width: 103px;
 background-position: -897px 0;
}
#top-menu li a.nav-beers:hover {
 background-position: 0 -35px;
}
#top-menu li a.nav-brewery:hover {
 background-position: -106px -35px;
}
#top-menu li a.nav-events:hover {
 background-position: -252px -35px;
}
#top-menu li a.nav-news:hover {
 background-position: -349px -35px;
}
#top-menu li a.nav-gang:hover {
 background-position: -432px -35px;
}
#top-menu li a.nav-recipes:hover {
 background-position: -619px -35px
}
#top-menu li a.nav-locator:hover {
 background-position: -759px -35px;
}
#top-menu li a.nav-store:hover {
 background-position: -897px -35px;
}
a#nav-menu {
 left: 0;
 padding: 15px 0 0 25px;
}
/*a#nav-home {
 right: 0;
 padding: 14px 15px 0 0;
 text-align: right;
}*/
#top-menu li a#nav-facebook, #top-menu li a#nav-twitter, #top-menu li a#nav-wordpress {
 width:19px;
 height:35px;
 overflow: hidden;
 float:left;
 display:block;
 background-image: url(../images/social-sprite.gif);
 background-repeat:no-repeat;
}
a#nav-facebook {
 background-position: 0 0
}
a#nav-twitter {
 background-position: -19px 0
}
a#nav-wordpress {
 margin-left: 2px;
 width: 20px;
 background-position: -41px 0
}
a#nav-facebook:hover {
 background-position: 0 -35px
}
a#nav-twitter:hover {
 background-position: -19px -35px
}
a#nav-wordpress:hover {
 background-position: -41px -35px
}
.ribbons-aside {
 position: absolute;
 top: 177px;
 right: 20px;
 margin-top: 0;
 width: 456px;
 height: 300px;
 z-index: 100;
}
.localevents {
 height: 100px;
}
.ribbons-menu li {
 position: absolute;
 width: 456px;
 overflow-x: visible;
 right:-120px
}
.ribbons-menu li a {
 position: relative;
 top: 0;
 right: -400px;
 margin-bottom: 3px;
 width: 550px;
 height: 43px;
 display: block;
 color: #f8f7ca;
 font-weight: bold;
 line-height: 45px;
 text-align: center;
 text-transform: uppercase;
 text-indent: -9999em;
 background-repeat: no-repeat;
 background-position: top right;
}
.brewerys-menu li a {
 text-indent: -9999em;
}
.ribbons-menu li a.active {
 cursor: default
}
.ribbons-aside.limited {
 top: 499px;
}
.ribbons-menu li a#ribbon-hh {
 background: url(../ribbons/images/ribbon-hh.png);
}
.ribbons-menu li a#ribbon-witte {
 background: url(../images/ribbon-witte_1280.png);
}
.ribbons-menu li a#ribbon-vos {
 background: url(../images/ribbon-rare-vos_1280.png);
}
.ribbons-menu li a#ribbon-hennepin {
 background: url(../images/ribbon-hennepin_1280.png);
}
.ribbons-menu li a#ribbon-abbey {
 background: url(../images/ribbon-abbey_1280.png);
}
.ribbons-menu li a#ribbon-three {
 background: url(../images/ribbon-three_1280.png);
}
.ribbons-menu li a#ribbon-gnome {
 background: url(../ribbons/images/gnome-ribbon.png);
}
.ribbons-menu li a#ribbon-historical {
 background: url(../images/ribbon-historical_1280.png);
}
.ribbons-menu li a#ribbon-limited {
 background: url(../images/ribbon-limited_1280.png);
}
.ribbons-menu li a#ribbon-brewery {
 background: url(../images/ribbon-our-brewery_1280.png);
}
.ribbons-menu li a#ribbon-tours {
 background: url(../images/ribbon-brewery-tours_1280.png);
}
.ribbons-menu li a#ribbon-process {
 background: url(../images/ribbon-brewing-process_1280.png);
}
.ribbons-menu li a#ribbon-events {
 background: url(../images/ribbon-local-events_1280.png);
}
.ribbons-menu li a#ribbon-cooperstown {
 background: url(../images/ribbon-cooperstown_1280.png);
}
.ribbons-menu li a {
 text-indent: -9999px;
 text-align: left;
}
.ribbon-single {
 position: absolute;
 top: 177px;
 right: 0;
}
.blank_1280 {
 width: 1280px;
 height: 850px;
}
h2.title-jobs {
 height: 22px;
 text-indent: -9999px;
}
h2.title-address {
 height: 22px;
 text-indent: -9999px;
}
h2.title-contact {
 height: 22px;
 text-indent: -9999px;
}
h2.title-jobs:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 15px;
 background: url(../images/title-replace_1024.png) no-repeat;
 z-index: 2;
}
h2.title-address:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 15px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -87px;
 z-index: 2;
}
h2.title-contact:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 15px;
 background: url(../images/title-replace_1024.png) no-repeat 0 -71px;
 z-index: 2;
}
h2.title-subscribe:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 15px;
 background: url(../images/title-replace.png) no-repeat 0 -38px;
 z-index: 2;
}
h2.title-find:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 18px;
 background: url(../images/title-replace.png) no-repeat 0 -340px;
 z-index: 2;
}
h1.title-press:after {
 position: absolute;
 top: 4px;
 left: 32px;
 content: "";
 width: 100%;
 height: 18px;
 background: url(../images/title-replace.png) no-repeat 0 -53px;
 z-index: 2;
}
h2.title-faq:after {
 position: absolute;
 top: 6px;
 left: 32px;
 content: "";
 width: 100%;
 height: 18px;
 background: url(../images/title-replace.png) no-repeat 0 -70px;
 z-index: 2;
}
h2.title-themes:after {
 position: absolute;
 top: 4px;
 left: 32px;
 content: "";
 width: 100%;
 height: 18px;
 background: url(../images/title-replace.png) no-repeat 0 -20px;
 z-index: 2;
}
h2.title-tastings:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -294px;
 z-index: 2;
}
h2.title-hours:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -265px;
 z-index: 2;
}
h2.title-times {
	margin-top: 36px;
}
h2.title-times:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -310px;
 z-index: 2;
}
h2.title-visitor:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -249px;
 z-index: 2;
}
h2.title-how:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -325px;
 z-index: 2;
}
h1.title-tastings:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -295px;
 z-index: 2;
}
h1.title-ingredients:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -190px;
 z-index: 2;
}
h1.title-brewhouse:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -130px;
 z-index: 2;
}
h1.title-lagering:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -376px;
 z-index: 2;
}
h2.title-location:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 15px;
 background: url(../images/title-replace.png) no-repeat 0 -280px;
 z-index: 2;
}
h1.title-fermentation:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -160px;
 z-index: 2;
}
h1.title-filtration:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -235px;
 z-index: 2;
}
h1.title-tank:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -220px;
 z-index: 2;
}
h1.title-hall:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -175px;
 z-index: 2;
}
h1.title-cellar:after {
 position: absolute;
 top: 2px;
 left: 0;
 content: "";
 width: 100%;
 height: 14px;
 background: url(../images/title-replace.png) no-repeat 0 -145px;
 z-index: 2;
}
.other-beers p, .other-beers li, .other-beers time {
 width: 310px;
}
.tours {
 width: 363px;
}
.subscribe .form_response p {
 top: 120px;
}
.subscribe input {
 width: 226px;
 height: 24px;
}
.section-faq h2 {
 margin: 0 250px 48px 0;
}
#faq-container .dragger_container, #faq-container .dragger {
 position: relative;
 width: 13px;
 height: 500px;
 float: right;
 margin: 0 15px;
 cursor: pointer;
 background: #181818;
}
.events {
 margin: 132px 0 0 12px;
}
.events article {
 float: left;
 margin-right: 15px;
 padding: 60px 26px 0;
 width: 508px;
 height: 410px;
}
.events-past:before, .events-upcoming:before {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: -10px;
 width: 526px;
 height: 473px;
 content: "";
 background: url(../images/events-card-shadow.png) no-repeat;
 z-index: -1;
}
.events-past:after {
 position: absolute;
 top: -1px;
 left: -1px;
 content: "";
 width: 161px;
 height: 101px;
 background: url(../images/events-past-ribbon.png) no-repeat;
 z-index: 5;
}
.events-past img, .events-upcoming img {
 max-width: 209px;
}
.events header {
 min-height: 155px;
}
.events header h1 {
 width: 220px;
 font-size: 21px;
 font-weight: normal;
 line-height: 25px;
}
.events header img {
 position: absolute;
 top: -40px;
 right: -6px;
}
#events-scroll {
 position: relative;
 height: 440px;
}
#events-scroll .customScrollBox {
 position: relative;
 width: 1280px;
 overflow: hidden;
}
#events-scroll .customScrollBox .horWrapper {
 position: relative;
 left: 0;
}
#events-scroll .customScrollBox .container {
 position: relative;
 left: 0;
 display: inline-block;
}
#events-scroll .dragger_container {
 position: relative;
 margin: 40px 10px 20px 207px;
 width: 885px;
 height: 12px;
 background: #181818;
}
#events-scroll .dragger {
 position: absolute;
 top: -14px;
 left: -5px;
 width: 64px;
 height: 40px;
 background: url(../images/scroll-events-horizontal.png) no-repeat;
 z-index: 5;
}
#food-scroll header {
 width: 633px;
 height: 330px;
 text-indent: -9999px;
 background: url(../images/food-header-text.png) no-repeat;
}
.food-article .border {
 padding: 64px 12px 20px;
}
.food-article p, .food-article ul, .food-article ol {
 width: 560px;
}
.food-article h2 {
 position: absolute;
 top: 20px;
 left: 6px;
 padding: 12px 28px 8px 28px;
 background: #daa94a;
}
#home-menu p {
 color: #fff;
 font-size: 10px;
 text-transform: uppercase;
 text-align: center;
}
.home-icons h2, .home-icons p {
 display: none;
}
.vos-ground {
 margin-top: 0;
 top: 576px; /* 464 348 */
 left: 0;
}
.vos-characters {
 margin-top: 0;
 top: 250px; /* 200 150 */
 left: 363px; /* 291 218 */
}
.vos-bike {
 margin-top: 0;
 top: 395px; /* 303 227 */
 left: 0;
}
.vos-glass {
 margin-top: 0;
 top: 155px; /* 116 87 */
 left: 50px; /* 40 30 */
}
.vos-chairs {
 margin-top: 0;
 top: 388px; /* 388 291 */
 left: 852px; /* 702 527 */
}
.witte-reeds-front {
 margin-top: 0;
 top: 532px; /* 426 / 320 */
 left: 0;
}
.witte-glass {
 margin-top: 0;
 top: 155px; /* 124 / 93 */
 left: 110px; /* 88 / 66 */
}
.witte-table {
 margin-top: 0;
 top: 463px; /* 371 / 278 */
 left: 944px; /* 756 / 567 */
}
.witte-grass {
 margin-top: 0;
 top: 489px; /* 392 / 294 */
 left: 0;
}
.witte-characters {
 margin-top: 0;
 top: 231px; /* 185 / 139 */
 left: 386px; /* 309 / 232 */
}
.witte-reeds-back {
 margin-top: 0;
 top: 489px; /* 392 / 294 */
 left: 0;
}
.abbey-table {
 margin-top: 0;
 top: 482px; /* 386 / 290 */
 left: 868px; /* 695 / 521 */
}
.abbey-ground {
 margin-top: 0;
 top: 575px; /* 460 / 345 */
 left: 0;
}
.abbey-glass {
 margin-top: 0;
 top: 145px; /* 116 / 87 */
 left: 120px; /* 96 / 72 */
}
.abbey-tree {
 top: 461px; /* 369 / 277 */
 left: 1092px; /* 874 / 656 */
}
.abbey-tree-two {
 margin-top: 0;
 top: 458px; /* 369 / 277 */
 left: 1073px; /* 874 / 656 */
}
.abbey-tree-three {
 margin-top: 0;
 top: 488px; /* 391 / 293 */
 left: 1147px; /* 918 / 689 */
}
.abbey-monastery {
 margin-top: 0;
 top: 363px; /* 308 / 231 */
 left: 0;
}
.abbey-monastery-tree {
 margin-top: 0;
 top: 385px; /* 291 / 218 */
 left: 0;
}
.abbey-characters {
 margin-top: 0;
 top: 250px; /* 200 / 150 */
 left: 402px; /* 322 / 242 */
}
.abbey-table-grass {
 margin-top: 0;
 top: 607px; /* 486 / 365 */
 left: 0;
}
.three-man-left {
 margin-top: 0;
 top: 397px; /* 318 / 239 */
 left: 0;
}
.three-man-right {
 margin-top: 0;
 top: 444px; /* 356 / 267 */
 left: 1085px; /* 868 / 651 */
}
.three-glass {
 margin-top: 0;
 top: 145px; /* 116 / 87 */
 left: 120px; /* 96 / 72 */
}
.three-ground {
 margin-top: 0;
 top: 589px; /* 472 / 354 */
 left: 0;
}
.three-man-chair {
 margin-top: 0;
 top: 463px; /* 371 / 278 */
 left: 846px; /* 677 / 508 */
}
.three-characters {
 margin-top: 0;
 top: 255px; /* 204 / 153 */
 left: 433px; /* 347 / 260 */
}
.hennepin-characters {
 margin-top: 0;
 top: 350px; /* 280 / 210 */
 left: 425px; /* 340 / 255 */
}
.hennepin-glass {
 margin-top: 0;
 top: 164px; /* 132 / 99 */
 left: 120px; /* 96 / 72 */
}
.hennepin-basket {
 margin-top: 0;
 top: 513px; /* 411 / 308 */
 left: 1039px; /* 832 / 624 */
}
.hennepin-ground-front {
 margin-top: 0;
 top: 580px; /* 464 / 348 */
 left: 0;
}
.hennepin-ground-back {
 margin-top: 0;
 top: 575px; /* 460 / 345 */
 left: 0;
}
.hennepin-tree-one {
 margin-top: 0;
 top: 439px; /* 352 / 264 */
 left: 975px; /* 780 / 585 */
}
.hennepin-tree-two {
 margin-top: 0;
 top: 466px; /* 374 / 281 */
 left: 1135px; /* 908 / 681 */
}
.hennepin-tree-three {
 margin-top: 0;
 top: 507px; /* 406 / 305 */
 left: 932px; /* 746 / 560 */
}
.hennepin-tree-four {
 margin-top: 0;
 top: 469px; /* 376 / 282 */
 left: 169px; /* 136 / 102 */
}
.hennepin-tree-five {
 margin-top: 0;
 top: 465px; /* 372 / 279 */
 left: 118px; /* 95 / 71 */
}
.hennepin-tree-six {
 margin-top: 0;
 top: 417px; /* 334 / 251 */
 left: 30px; /* 24 / 18 */
}
.bpa-characters {
 margin-top: 0;
 top: 250px;
 left: 351px;
}
.bpa-glass {
 margin-top: 0;
 top: 165px;
 left: 170px;
}
.bpa-basket {
 margin-top: 0;
 top: 506px;
 left: 959px;
}
.bpa-ground {
 margin-top: 0;
 top: 569px;
 left: 0;
}
.bpa-tree-one {
 margin-top: 0;
 top: 334px;
 left: 96px;
}
.bpa-tree {
 margin-top: 0;
 top: 334px;
 left: 96px;
}
.bpa-tree-two {
 top: 470px;
 left: 882px;
}

.hh-glass {
 margin-top: 0;
 top: 165px;
 left: 170px;
}
.hh-ground {
 margin-top: 0;
 top: 569px;
 left: 0;
}

.brewery-building, .brewery-tree, .brewery-cabana-left, .brewery-cabana-right, .brewery-ground {
 top:1106px
}
.three-flag, .bpa-flag, .witte-flag, .vos-flag, .abbey-flag, .hennepin-flag {
 position: absolute;
 left: 210px;
 margin-top: 0;
 width: 20px;
 height: 74px;
}
.three-flag {
 margin-top: 0;
 left: 230px;
}
.bpa-flag {
 margin-top: 0;
 left: 250px;
}
#btm-page, #top-page {
 width: 1280px;
 height: 850px;
 overflow: hidden;
}
#top-page {
 top: 0;
}
#btm-page {
 top: 1280px;
}
.debug, .animation_runner, .page_loader {
 display: none;
}
.beer-notes, .limited-brews {
 position: absolute;
 bottom: 134px;
 left: 62px;
}
.beer-notes article {
 float: left;
 position: relative;
 padding: 70px 37px 0;
 width: 348px;
 height: 456px;
 box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
 background-image: url(../images/note-cards.jpg);
 background-repeat: no-repeat;
 z-index: 1;
}
.beer-notes article.first:before, .beer-notes article.second:before, .beer-notes article.third:before {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 content: "";
 z-index: -1;
}
.beer-notes article.first:before {
 background: url(../images/note-cards.jpg) no-repeat 0 -912px;
}
.beer-notes article.second:before {
 background: url(../images/note-cards.jpg) no-repeat -348px -912px;
}
.beer-notes article.first, .beer-notes article.second {
 margin-right: 26px;
}
.beer-notes article.third {
 color: #f9f5be;
}
#BEER_BPA .beer-notes article.third {
 background-position: -348px 0;
}
#BEER_HH .beer-notes article.third.hh-profile {
 background-position: -348px 0px;
}
#BEER_GNOME .beer-notes article.third.gnome-profile {
 background-position: -696px -912px;
}
#BEER_WITTE .beer-notes article.third {
 background-position: -696px -456px;
}
#BEER_VOS .beer-notes article.third {
 background-position: -348px -456px;
}
#BEER_THREE .beer-notes article.third {
 background-position: 0 -456px;
}
#BEER_HENNEPIN .beer-notes article.third {
 background-position: -696px 0;
}
#BEER_ABBEY .beer-notes article.third {
 background-position: 0 0;
}
.beer-notes article h1 {
 position: absolute;
 top: 2px;
 left: -9px;
 color: #daa94a;
 text-indent: -9999px;
 z-index: 1;
}
.beer-notes article h1:after {
 position: absolute;
 top: -19px;
 left: 0;
 content: "";
 color: #fff;
 width: 358px;
 height: 82px;
 background: url(../images/tasting-notes.png) no-repeat;
 z-index: -1;
}
.beer-notes article.first h1:after {
 background: url(../images/tasting-notes.png) no-repeat;
}
.beer-notes article.second h1:after {
 background: url(../images/tasting-notes.png) no-repeat 0 -83px;
}
.beer-notes article.third h1:after {
 background: url(../images/tasting-notes.png) no-repeat 0 -165px;
}
.beer-notes p {
 margin-bottom: 12px;
}
.hover-dots {
 text-align: center;
 cursor: pointer;
 z-index: 5000;
}
.hover-dots img {
 position: absolute;
 top: 5px;
 left: 10px;
 cursor: pointer;
 z-index: 1;
 -moz-transition: -moz-transform 0.1s linear;
}
.abbey-beer .hover-dots {
 background: url(../images/abbey-dot.png) no-repeat;
}
.bpa-beer .hover-dots {
 background: url(../images/bpa-dot.png) no-repeat;
}
.gnome-beer .hover-dots {
 background: url(../images/witte-dot.png) no-repeat;
}
.hennepin-beer .hover-dots {
 background: url(../images/hennepin-dot.png) no-repeat;
}
.three-beer .hover-dots {
 background: url(../images/three-dot.png) no-repeat;
}
.vos-beer .hover-dots {
 background: url(../images/vos-dot.png) no-repeat;
}
.witte-beer .hover-dots {
 background: url(../images/witte-dot.png) no-repeat;
}
.hover-dots.active img {
 -webkit-transform: rotateZ(45deg);
 -moz-transform: rotateZ(45deg);
 transform: rotateZ(45deg);
}
#hover-abbey-main {
 top: 29.05882%;
 left: 34.390625%;
 width: 430px;
}
#hover-abbey-food {
 top: 56%;
 left: 52%;
 width: 479px;
}
#hover-abbey-glass {
 top: 41.25%;
 left: 14.5%;
 width: 283px;
}
#hover-bpa-main {
 top: 28%;
 left: 37.72%;
 width: 422px;
}
#hover-bpa-food {
 top: 56.1176%;
 left: 61.875%;
 width: 430px;
}
#hover-bpa-glass {
 top: 27%;
 left: 16.5%;
 width: 268px;
}
#hover-gnome-glass {
 top: 32%;
 left: 16.5%;
 width: 268px;
}
#hover-gnome-main {
 top: 40%;
 left: 33.5%;
 width: 422px;
}
#hover-gnome-food {
 top: 56.1176%;
 left: 56%;
 width: 430px;
}
#hover-hennepin-main {
 top: 38.3529%;
 left: 35.2343%;
 width: 422px;
}
#hover-hennepin-food {
 top: 59%;
 left: 60.3%;
 width: 426px;
}
#hover-hennepin-glass {
 top: 36.16%;
 left: 14%;
 width: 308px;
}
#hover-three-main {
 top: 27%;
 left: 33.28125%;
 width: 420px;
}
#hover-three-food {
 top: 54.3529%;
 left: 56%;
 width: 429px;
}
#hover-three-glass {
 top: 44%;
 left: 17.4%;
 width: 269px;
}
#hover-vos-main {
 top: 29.17647%;
 left: 32.5781%;
 width: 428px;
}
#hover-vos-food {
 top: 57.5294%;
 left: 57.9375%;
 width: 454px;
}
#hover-vos-glass {
 top: 40%;
 left: 13.7%;
 width: 302px;
}
#hover-witte-main {
 top: 25.9411%;
 left: 34.5%;
 width: 422px;
}
#hover-witte-food {
 top: 53.8823%;
 left: 58%;
 width: 430px;
}
#hover-witte-glass {
 top: 46.12%;
 left: 15%;
 width: 307px;
}
.other-beers {
 position: absolute;
 top: 242px;
 left: 0;
}
.other-beers article {
 float: left;
 position: relative;
 margin-right: 25px;
 width: 500px;
 height: 460px;
 color: #181818;
 z-index: 1;
}
.other-beers article:before {
 position: absolute;
 top: -12px;
 bottom: 0;
 right: 0;
 left: -11px;
 width: 520px;
 height: 555px;
 content: "";
 background: url(../images/limited-card-shadow.png) no-repeat;
 z-index: -1;
}
.other-beers article:after {
 position: absolute;
 top: 0;
 left: 0;
 width: 500px;
 height: 460px;
 content: "";
 z-index: -1;
}
.historical-beers article:after {
 background: #f1e6ae url(../images/historical-card-bg.jpg) no-repeat;
}
.limited-beers article:after {
 background: #ca9835 url(../images/limited-card-bg.jpg) no-repeat;
}
.other-beers .brew-image {
 float: left;
}
.other-beers .brew-summary {
 float: right;
 margin: 30px 35px 0 0 !important;
 width: 330px;
}
.other-beers article.limited-long {
 width: 624px;
}
.limited-beers article.limited-long:after {
 width: 624px;
 background: #CA9835 url(../images/card-limited-long.jpg) no-repeat;
}
.other-beers .limited-long .brew-summary {
 float: right;
 margin: 30px 35px 0 0 !important;
 width: 450px;
}
.other-beers .limited-long p, .other-beers .limited-long li, .other-beers .limited-long time {
 font-size: 12px;
 line-height: 16px;
 width: 450px;
 word-spacing: 1px;
}
.flag-find-beer {
 position: absolute;
 width: 154px;
 height: 74px;
 display: block;
 text-indent: -9999px;
 background: url(../images/blank.png);
 background: rgba(0, 0, 0, 0);
 z-index: 100;
}
#BEER_ABBEY .flag-find-beer {
 top: 192px;
 left: 72px;
}
#BEER_HH .flag-find-beer {
 top: 192px;
 left: 88px;
}
#BEER_GNOME .flag-find-beer {
 top: 192px;
 left: 88px;
}
#BEER_HENNEPIN .flag-find-beer {
 top: 196px;
 left: 68px;
}
#BEER_THREE .flag-find-beer {
 top: 192px;
 left: 88px;
}
#BEER_VOS .flag-find-beer {
 top: 196px;
 left: 68px;
}
#BEER_WITTE .flag-find-beer {
 top: 196px;
 left: 68px;
}
.section-brewery-tours article {
 position: relative;
 float: left;
 margin: 200px 14px 32px 0;
 padding: 37px;
 width: 862px;
 height: 462px;
 background: #ecd77e url(../images/card-tours.jpg) no-repeat;
 box-shadow: 6px 8px 8px rgba(0, 0, 0, 0.3);
 z-index: 1;
}
.section-brewery-tours article.article-hours {
 background: #ecd77e url(../images/cafe-first-last-bg.jpg) no-repeat;
}
.section-brewery-tours article.article-tours {
 width: 1122px;
 background: #ecd77e url(../images/cafe-center-bg.jpg) no-repeat;
}

.section-brewery-tours article.article-trail {
	padding-left: 0;
	width: 795px;
 background: #ecd77e url(../images/bev-trail.jpg) no-repeat;
}

.bev-trail {
	float: right;
	padding-top: 27px;
	width: 398px;
}

.section-brewery-tours article.article-web {
 width: 1118px;
 background: #ecd77e url(../images/card-links.jpg) no-repeat;
}

.web-left {
	float: left;
}
.web-right {
	float: right;
	margin-right: 129px;
}

.section-brewery-tours article.article-tours .tours {
 width: 492px;
}
.tours-center {
 float: left;
 margin-left: 62px;
}
.section-brewery-tours article.article-location {
 width: 566px;
 background: #ecd77e url(../images/cafe-first-last-bg.jpg) no-repeat top right;
}
.section-brewery-tours article.article-location .tours {
 width: 494px;
}
.links-other-beers {
 position: relative;
 list-style: none;
}
.links-other-beers li a {
 position: absolute;
 width: 118px;
 height: 65px;
 display: block;

}
#link-duv a {
 left: 43px;
 top: 57px;
}
#link-mar a {
 left: 197px;
 top: 63px;
 width: 154px;
}
#link-bra a {
 left: 376px;
 top: 68px;
 width: 115px;
 height: 115px;
}
#link-kon a {
 left: 38px;
 top: 146px;
 width: 130px;
}
#link-lie a {
 left: 202px;
 top: 138px;
 width: 126px;
 height: 75px;
}
.brewing-process article.short {
 width: 556px;
 background: #f1e5a8 url(../images/card-process-short.jpg) no-repeat;
}
.brewing-process article.long {
 width: 742px;
 background: #f1e5a8 url(../images/card-process-long.jpg) no-repeat;
}
.brewing-process article.short .process-summary {
 width: 265px;
}
.brewing-process article.long .process-summary {
 width: 450px;
}
#map_canvas {
 height: 330px;
 width: 492px;
}
#brewery-scroll {
 position: relative;
 margin-top: 40px;
 margin-left: 62px;
 height: 530px;
}
#brewery-scroll .customScrollBox {
 position: relative;
 padding-right: 10px;
 width: 1118px;
 overflow: hidden;
}
#brewery-scroll .customScrollBox .horWrapper {
 position: relative;
 left: 0;
}
#brewery-scroll .customScrollBox .container {
 position: relative;
 left: 0;
 display: inline-block;
}
#brewery-scroll .dragger_container {
 position: relative;
 margin: 20px 10px 20px 135px;
 width: 882px;
 height: 12px;
 background: #181818;
}
#brewery-scroll .dragger {
 position: absolute;
 top: -14px;
 left: -5px;
 width: 64px;
 height: 40px;
 background: url(../images/scroll-events-horizontal.png) no-repeat;
 z-index: 5;
}
.brewing-process article {
 position: relative;
 float: left;
 margin: 200px 14px 32px 0;
 padding: 34px;
 width: 595px;
 height: 463px;
 background: #f1e5a8 url(../images/card-process.jpg) no-repeat;
 box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
 z-index: 1;
}
.brewing-process article h1 {
 margin-bottom: 12px;
 color: #291c00;
 border-bottom: 1px dotted #b83543;
}
.process-image {
 float: left;
 border: 5px solid #b83543;
}
.process-summary {
 float: right;
 width: 305px;
 color: #291c00;
 font-size: 13px;
}
.process-summary dt {
 float: left;
 margin-right: 3px;
}
.process-summary dd, .process-summary p {
 margin-bottom: 18px;
}
.contact, .jobs, .subscribe {
 padding-top: 320px;
 width: 620px;
}
.contact, .jobs {
 width: 820px;
}
.contact h2:before, .jobs h2:before, .subscribe h2:before {
 position: absolute;
 top: 0;
 left: -36px;
 width: 19px;
 height: 15px;
 content: "";
 background: url(../images/news-chevron.png) no-repeat 0 1px;
 z-index: -1;
}
.contact img {
 position: absolute;
 top: 40px;
 right: 0;
 width: 292px;
 height: 245px;
 border: 3px solid #daa94a;
}
#contact-scroll {
 height: 450px;
}
#contact-scroll .customScrollBox {
 overflow: hidden;
}
#contact-scroll .customScrollBox .container {
 float: left;
 top: 0;
 left: 100px;
 width: 600px;
}
#contact-scroll .dragger_container {
 position: relative;
 float: right;
 margin: 0 15px;
 width: 13px;
 height: 430px;
 cursor: pointer;
 background: #291c00;
}
#contact-scroll .dragger {
 position: absolute;
 margin-left: -15px;
 width: 42px;
 height: 64px;
 cursor: pointer;
 background: url(../images/scroll-news.png) no-repeat;
 z-index: 5;
}
#job-container {
 height: 450px;
}
#job-container .customScrollBox {
 position: relative;
 height: 100%;
 overflow: hidden;
}
#job-container .customScrollBox .container {
 position: relative;
 float: left;
 top: 0;
 left: 100px;
 width: 600px;
}
#job-container .dragger_container {
 position: relative;
 float: right;
 margin: 0 15px;
 width: 13px;
 height: 430px;
 cursor: pointer;
 background: #291c00;
}
#job-container .dragger {
 position: absolute;
 margin-left: -15px;
 width: 42px;
 height: 64px;
 cursor: pointer;
 background: url(../images/scroll-news.png) no-repeat;
 z-index: 5;
}
.section-coop {
 position: relative;
 top: 82px;
 left: 172px;
 width: 875px;
}
#coop-container {
 position: absolute;
 width: 1087px;
 height: 480px;
 top: 200px;
 left: -70px;
}
.text {
 float: left;
 position: relative;
 top: 0;
 left: 62px;
}
.pic-large {
 float: right;
 display: block;
 border: 5px solid #b83543
}
#COOPERSTOWN .text {
 width: 540px;
}
#coop-container .events-page {
 bottom: 0 !important;
 left: -100px;
}
.section-faq {
 position: relative;
 top: 207px;
 left: 202px;
 width: 877px;
}
#faq-container {
 position: absolute;
 width: 875px;
 height: 500px;
}
#faq-container .customScrollBox {
 position: relative;
 height: 105%;
 overflow: hidden;
}
#faq-container .customScrollBox .container {
 position: relative;
 top: 0;
 float: left;
 width: 775px;
}
#faq-container .dragger_container {
 position: relative;
 width: 13px;
 height: 500px;
 float: right;
 margin: 0 15px;
 cursor: pointer;
 background: #181818;
}
#faq-container .dragger {
 position: absolute;
 width: 42px;
 height: 63px;
 margin-left: -14px;
 cursor: pointer;
 background: url(../images/scroll-red-vertical.png) no-repeat;
 z-index: 5;
}
.events-page {
 position: absolute;
 bottom: -162px;
 left: 95px;
}
.event-titles {
 position: absolute;
 bottom: 0;
}
.event-more-info a {
 float: left;
}
.page-faq .events-page {
 bottom: 83px;
 left: 55px;
 padding: 0 11px;
}
.recipes {
 position: absolute;
 top: 310px;
 right: 35px;
 padding: 15px 0 30px 2px;
 width: 354px;
 background: url(../images/recipes-box-sides.png) repeat-y;
 z-index: 1;
}
.recipes:before {
 content:"";
 position: absolute;
 bottom: -40px;
 left: 0;
 width: 354px;
 height: 40px;
 background: url(../images/recipes-box-bottom.png) no-repeat;
 z-index: -1;
}
.recipes:after {
 content:"";
 position: absolute;
 top: -39px;
 left: 0;
 width: 354px;
 height: 39px;
 background: url(../images/recipes-box-top.png) no-repeat;
 z-index: -1;
}
.recipes-list {
 margin: 0 auto;
 padding-top: 10px;
 width: 320px;
 list-style: none;
 font-size: 12px;
}
.h3-recipes {
 margin: 0 auto;
 width: 314px;
 height: 25px;
 text-indent: -9999px;
 background: url(../images/h3-recipes.png) no-repeat;
}
.recipes-list li a {
 margin: 8px 0;
 padding-left: 15px;
 display: block;
 color: #f8f7ca;
}
.food-section {
 float: left;
 margin: 210px 0 0 185px;
 width: 635px;
}
#food-scroll {
 position: absolute;
 width: 686px;
 height: 600px;
}
#food-scroll .customScrollBox {
 position: relative;
 height: 105%;
 overflow: hidden;
}
#food-scroll .customScrollBox .container {
 position: relative;
 top: 0;
 float: left;
 width: 626px;
}
#food-scroll .dragger_container {
 position: relative;
 width: 13px;
 height: 500px;
 float: right;
 margin: 80px 15px 0 15px;
 cursor: pointer;
 background: #291c00;
}
#food-scroll .dragger {
 position: absolute;
 width: 42px;
 height: 63px;
 margin-left: -14px;
 cursor: pointer;
 background: url(../images/scroll-news.png) no-repeat;
 z-index: 5;
}
.food-blog {
 position: relative;
 margin: 160px 0 60px 0;
 padding: 0 22px;
 width: 627px;
 color: #f8f7ca;
 font-size: 13px;
 background: url(../images/blog-sides.png) repeat-y;
 z-index: 1;
}
.food-blog:before {
 position: absolute;
 top: -159px;
 left: 0;
 width: 627px;
 height: 159px;
 content: "";
 background: url(../images/blog-top.png) no-repeat;
 z-index: 2;
}
.food-blog:after {
 position: absolute;
 bottom: -21px;
 left: 0;
 width: 627px;
 height: 21px;
 content: "";
 background: url(../images/blog-bottom.png) no-repeat bottom left;
 z-index: 2;
}
.food-blog h2 {
 display: none;
}
.food-blog p {
 position: relative;
 top: -20px;
 left: 0;
}
.food-blog p:first-line {
 font-size: 20px;
 line-height: 21px;
}
.beer-finder {
 position: absolute;
 top: 300px;
 left: 400px;
 width: 522px;
 color: #291C00;
 font-size: 12px;
 line-height: 16px;
}
.section-news {
 position: relative;
 top: 214px;
 left: 170px;
 float: left;
 width: 705px;
}
.section-news header {
 width: 646px;
}
.news-summary p, .news-summary time {
 margin-bottom: 16px;
}
#news-scroll {
 position: absolute;
 top: 90px;
 left: 0;
 width: 705px;
 height: 450px;
}
#news-scroll .customScrollBox {
 position: relative;
 height: 105%;
 overflow: hidden;
}
#news-scroll .customScrollBox .container {
 position:relative;
 top: 0;
 float: left;
 width: 600px;
}
#news-scroll .dragger_container {
 position: relative;
 width: 13px;
 height: 450px;
 float: right;
 margin: 0 15px;
 cursor: pointer;
 background: #4d3b2c;
}
body.page-recipe-menu #news-scroll .dragger_container {
 background: #291c00;
}
#news-scroll .dragger {
 position: absolute;
 width: 42px;
 height: 64px;
 margin-left: -15px;
 cursor: pointer;
 background: url(../images/scroll-news.png) no-repeat;
 z-index: 5;
}
.section-news article {
 margin: 0 0 16px 32px;
 width: 600px;
}
.feed-news {
 float: right;
 position: relative;
 margin: 275px 35px 0 0;
 padding: 15px 20px 30px;
 width: 356px;
 z-index:1;
 background: url(../images/news-box-sides.png) repeat-y;
}
.feed-news:before {
 content:"";
 position: absolute;
 bottom: -40px;
 left: 0;
 width: 356px;
 height: 40px;
 z-index: -1;
 background: url(../images/news-box-bottom.png) no-repeat;
}
.feed-news:after {
 content:"";
 position: absolute;
 top: -36px;
 left: 0;
 width: 356px;
 height: 36px;
 z-index: -1;
 background: url(../images/news-box-top.png) no-repeat;
}
.feed-news h3.h3-facebook {
 width: 312px;
 height: 26px;
 text-indent: -9999px;
 background: url(../images/h3-facebook-twitter.png) no-repeat;
}
.feed-news li {
 position: relative;
 margin: 0 8px 0 28px;
 padding: 12px 0;
 list-style: none;
 color: #f8f7ca;
 font-size: 12px;
 border-top: 1px dotted #f8f7ca;
}
.feed-news li:first-child {
 border-top: none;
}
.feed-news li time {
 display: block;
 font-weight: bold;
}
.feed-links a {
	width: 100px;
	height: 25px;
	display: block;
}
.feed-links li {
	position: absolute;
	top: 3px;
	list-style: none;
	text-indent: -9999px;
	border: none;
}
.feed-fb {
	left: 26px;
}
.feed-t {
	left: 171px;
}
.news-facebook:before {
 position: absolute;
 top: 6px;
 left: -25px;
 content: "";
 width: 20px;
 height: 20px;
 background: url(../images/feed-news-icons.png) no-repeat;
 z-index: -1;
}
.news-twitter:before {
 position: absolute;
 top: 6px;
 left: -25px;
 content: "";
 width: 20px;
 height: 20px;
 background: url(../images/feed-news-icons.png) no-repeat -20px 0;
 z-index: -1;
}
.brew-summary h1 {
 text-indent: -9999px;
}
.other-beers h1 {
	padding-bottom: 2px;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 8px;
    text-indent: 0;
    text-transform: uppercase;

}
.text {
 color: #f8f7ca;
}
.panel {
	bottom: 100px;
}
} /*/mediaquery*/
 @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait), all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape), screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.hover-dots img {
 top: 56px;
 left: 55px;
}
.hover-dots {
 margin-left: -60px;
 height: 120px;
 width: 120px;
}
.hover-pop {
 top: 54px;
 left: 0;
}
.hover-pop img {
 display: none;
}
.hover-pop .visuallyhidden {
 clip: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 position: static;
 width: auto;
}
.hover-pop h3, .hover-pop p {
 margin: 12px 0;
 font-size: 18px;
 line-height: 22px;
}
.abbey-beer .hover-dots {
 background: url(../images/abbey-dot_ipad.png) center no-repeat;
}
.bpa-beer .hover-dots {
 background: url(../images/bpa-dot_ipad.png) center no-repeat;
}
.gnome-beer .hover-dots {
 background: url(../images/witte-dot_ipad.png) center no-repeat;
}
.hennepin-beer .hover-dots {
 background: url(../images/hennepin-dot_ipad.png) center no-repeat;
}
.three-beer .hover-dots {
 background: url(../images/three-dot_ipad.png) center no-repeat;
}
.vos-beer .hover-dots {
 background: url(../images/vos-dot_ipad.png) center no-repeat;
}
.witte-beer .hover-dots {
 background: url(../images/witte-dot_ipad.png) center no-repeat;
}
.our-brewery .hover-dots {
 background: url(../images/brewery-dot_ipad.png) center no-repeat;
}
#hover-gnome-glass {
 left: 12%;
 top: 27%;
 width: 408px;
}
#hover-gnome-main {
 top: 40%;
 left: 29%;
 width: 562px;
}
#hover-gnome-food {
 left: 53.88%;
 top: 49.12%;
 width: 570px;
}
#hover-bpa-glass {
 left: 12%;
 top: 27%;
 width: 408px;
}
#hover-bpa-main {
 left: 33.72%;
 top: 22%;
 width: 562px;
}
#hover-bpa-food {
 left: 53.88%;
 top: 49.12%;
 width: 570px;
}
#hover-witte-glass {
 left: 10%;
 top: 40.12%;
 width: 447px;
}
#hover-witte-main {
 left: 30.5%;
 top: 19.94%;
 width: 562px;
}
#hover-witte-food {
 left: 52%;
 top: 47.88%;
 width: 570px;
}
#hover-vos-glass {
 left: 8.7%;
 top: 35%;
 width: 442px;
}
#hover-vos-main {
 left: 30.58%;
 top: 25.18%;
 width: 538px;
}
#hover-vos-food {
 left: 42.94%;
 top: 49.53%;
 width: 594px;
}
#hover-hennepin-glass {
 left: 8%;
 top: 29.5%;
 width: 448px;
}
#hover-hennepin-main {
 left: 31.23%;
 top: 31.35%;
 width: 562px;
}
#hover-hennepin-food {
 left: 53.3%;
 top: 50%;
 width: 566px;
}
#hover-abbey-glass {
 left: 9.5%;
 top: 34.25%;
 width: 423px;
}
#hover-abbey-main {
 left: 29%;
 top: 20.06%;
 width: 570px;
}
#hover-abbey-food {
 left: 46%;
 top: 49%;
 width: 619px;
}
#hover-three-glass {
 left: 12.4%;
 top: 37%;
 width: 409px;
}
#hover-three-main {
 left: 29%;
 top: 20%;
 width: 560px;
}
#hover-three-food {
 left: 50%;
 top: 48.35%;
 width: 569px;
}
#hover-cooperstown {
 top: 33.1764%;
}
#hover-glassware {
 top: 43%;
}
#hover-glassware .hover-dots, #hover-mantra .hover-dots {
 top: 0;
}
#hover-awards {
 top: 25%;
 left: 27.4%;
}
#hover-mantra {
 top: 44.6%;
 left: 38.5%;
}
header nav {
 padding-bottom: 0 !important;
}
#top-menu {
 top: 0 !important;
}
.over-home {
 position: absolute;
 z-index: 1;
}
 a#nav-menu {
 display: none;
}
.click-yes, .click-no {
 padding: 15px 30px;
}
/*a#nav-home {
 padding: 10px 9px 0 0;
}*/
.over-home {
 display: block;
}
.recipes {
 display: none;
}
#news-scroll .customScrollBox, #job-container .customScrollBox, #contact-scroll .customScrollBox, #brewery-scroll .customScrollBox, #events-scroll .customScrollBox, #food-scroll .customScrollBox, #faq-container .customScrollBox {
overflow: auto;
-webkit-overflow-scrolling: auto;
}
::-webkit-scrollbar {
 height: 12px;
 width: 12px;
}
::-webkit-scrollbar-track {
 background: #000;
 border-radius: 10px;
}

::-webkit-scrollbar-thumb {
 background: #daa94a;
 border-radius: 10px;
}
 #brewery-scroll .customScrollBox {
 margin-top: -20px;
}
#map_canvas {
 display: none;
}
#map_image {
 width: 490px;
 height: 290px;
 background: url(../images/map-image.png) no-repeat;
}
.dragger, .dragger_container, .scrollDownBtn, .scrollUpBtn {
 visibility: hidden !important;
}
.test-bg:after {
 left: 49%;
}

} /*/mediaquery*/



/* font-face */
@font-face {
  font-family: "SocialFoundicons";
  src: url("fonts/social_foundicons.eot");
  src: url("fonts/social_foundicons.eot?#iefix") format("embedded-opentype"), url("fonts/social_foundicons.woff") format("woff"), url("fonts/social_foundicons.ttf") format("truetype"), url("fonts/social_foundicons.svg#SocialFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* global foundicon styles */
[class*="foundicon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}

[class*="foundicon-"]:before {
  font-family: "SocialFoundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}

/* icons */
.foundicon-thumb-up:before {
  content: "\f000";
}

.foundicon-thumb-down:before {
  content: "\f001";
}

.foundicon-rss:before {
  content: "\f002";
}

.foundicon-facebook:before {
  content: "\f003";
}

.foundicon-twitter:before {
  content: "\f004";
}

.foundicon-pinterest:before {
  content: "\f005";
}

.foundicon-github:before {
  content: "\f006";
}

.foundicon-path:before {
  content: "\f007";
}

.foundicon-linkedin:before {
  content: "\f008";
}

.foundicon-dribbble:before {
  content: "\f009";
}

.foundicon-stumble-upon:before {
  content: "\f00a";
}

.foundicon-behance:before {
  content: "\f00b";
}

.foundicon-reddit:before {
  content: "\f00c";
}

.foundicon-google-plus:before {
  content: "\f00d";
}

.foundicon-youtube:before {
  content: "\f00e";
}

.foundicon-vimeo:before {
  content: "\f00f";
}

.foundicon-flickr:before {
  content: "\f010";
}

.foundicon-slideshare:before {
  content: "\f011";
}

.foundicon-picassa:before {
  content: "\f012";
}

.foundicon-skype:before {
  content: "\f013";
}

.foundicon-steam:before {
  content: "\f014";
}

.foundicon-instagram:before {
  content: "\f015";
}

.foundicon-foursquare:before {
  content: "\f016";
}

.foundicon-delicious:before {
  content: "\f017";
}

.foundicon-chat:before {
  content: "\f018";
}

.foundicon-torso:before {
  content: "\f019";
}

.foundicon-tumblr:before {
  content: "\f01a";
}

.foundicon-video-chat:before {
  content: "\f01b";
}

.foundicon-digg:before {
  content: "\f01c";
}

.foundicon-wordpress:before {
  content: "\f01d";
}
/* ====== Hop House ====== */

/* ==== House ==== */ /* === large/global version === */
.hh-house {
	margin-top: -40px;
	left: 465px;
}
/* ==== Glass ==== */
.hh-glass {
	margin-top: -45px;
	top: 128px;
	left: 222px;
}
/* ==== Trees ==== */
.hh-tree-1 {
	margin-top: -6px;
	left: 229px;
}
.hh-tree-2 {
	margin-top: -6px;
	left: 799px;
}
.hh-tree-3  {
	margin-top: 8px;
	left: 91px;
}
.hh-tree-4  {
	margin-top: 8px;
	left: 1009px;
}
.hh-tree-5  {
	margin-top: 24px;
	left: -80px;
}
.hh-tree-6  {
	margin-top: 24px;
	left: 1174px;
}
/* ==== Flag ==== */

/* ==== Ground ==== */
.hh-ground {
	top: 562px;
	left: 0;
}
	@media screen and (max-width: 1279px){  /* === small version === */

		.menu {
			padding-left: 90px;
			padding-right: 90px;
		}

		.menu li a {
			font-size: 13px;
		}

		.menu .nav-link-home {
			left: 43%;
			width: auto;
			margin-left: 0;
		}

		/* ==== House ==== */
		.hh-house {
			margin-top: -88px;
			width: 269px;
			left: 361px;
		}
		/* ==== Glass ==== */
		.hh-glass {
			margin-top: -76px;
			left: 179px;
			width: 177px;
		}
		/* ==== Trees ==== */
		.hh-tree-1 {
			margin-top: -100px;
			left: 217px;
			width: 164px;
		}
		.hh-tree-2 {
			margin-top: -100px;
			left: 621px;
			width: 194px;
		}
		.hh-tree-3 {
			margin-top: -100px;
			left: 107px;
			width: 154px;
		}
		.hh-tree-4 {
			margin-top: -100px;
			width: 154px;
			left: 795px;
		}
		.hh-tree-5 {
			margin-top: -104px;
			left: -30px;
			width: 154px;
		}
		.hh-tree-6 {
			margin-top: -104px;
			left: 930px;
			width: 154px;
		}
		/* ==== Flag ==== */

		/* ==== Ground ==== */
		.hh-ground {
			margin-top: -121px;
		}
	}

/* ====== Gnomegang ====== */

/* ==== Characters ==== */ /* === large/global version === */
.gnome-characters {
	margin-top: 34px;
	left: 420px;
}
/* ==== Glass ==== */
.gnome-glass {
	margin-top: 44px;
	top: 128px;
	left: 192px;
	z-index: 10;
}
/* ==== Flowers ==== */
.gnome-flower-1 {
	margin-top: 70px;
	left: 1073px;
}
.gnome-flower-2 {
	margin-top: 83px;
	top: 422px;
	left: 123px;
}
.gnome-flower-3 {
	margin-top: 42px;
	left: 972px;
}
/* ==== Barrel ==== */
.gnome-barrel-1 {
	margin-top: 56px;
	left: 55px;
}
.gnome-barrel-2 {
	margin-top: 70px;
	left: 934px;
}

/* ==== Flag ==== */
.gnome-flag {
	 position: absolute;
	 left: 230px;
	 margin-top: -11px;
	 margin-left: 5px;
	 width: 20px;
	 height: 74px;
}

/* ==== Ground ==== */
.gnome-ground {
	margin-top: -97px;
	top: 562px;
	left: 0;
}

@media screen and (max-width: 1279px){  /* === small version === */
	/* ==== Characters ==== */
	.gnome-characters {
		margin-top: -40px;
		width: 345px;
		left: 326px;
	}
	/* ==== Glass ==== */
	.gnome-glass {
		margin-top: 4px;
		left: 159px;
		width: 165px;
		z-index: 10;
	}
	/* ==== Flowers ==== */
	.gnome-flower-1 {
		margin-top: -24px;
		left: 850px;
		width: 115px;
	}
	.gnome-flower-2 {
		margin-top: -24px;
		width: 73px;
		left: 110px;
	}
	.gnome-flower-3 {
		margin-top: -31px;
		left: 763px;
		width: 55px;
	}
	/* ==== Barrel ==== */
	.gnome-barrel-1 {
		margin-top: -35px;
		width: 72px;
	}
	.gnome-barrel-2 {
		margin-top: -24px;
		left: 724px;
		width: 62px;
	}
	/* ==== Flag ==== */
	.gnome-flag {
		 position: absolute;
		 left: 230px;
		 margin-top: -53px;
		 margin-left: -35px;
		 width: 20px;
		 height: 74px;
	}
	/* ==== Ground ==== */
	.gnome-ground {
		margin-top: -212px;
	}
}

.beer_finder_disclaimer {
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -175px;
  padding: 10px 20px;
  width: 350px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  z-index: 9999;
}

.site-notice {
  text-align: center;
  position: relative;
  width: 1000px;
  margin: 0 auto 15px auto;
  padding: 10px;
  background-color: #b63543;
  border-radius: 5px;
}

.site-notice p {
	 font-size: 12px;
   color: #FFF;
   font-weight: lighter;
}