@font-face {
    font-family: 'SerifaRegular';
    src: url('fonts/serifa_reg-webfont.eot');
    src: url('fonts/serifa_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/serifa_reg-webfont.woff') format('woff'),
         url('fonts/serifa_reg-webfont.ttf') format('truetype'),
         url('fonts/serifa_reg-webfont.svg#SerifaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body { font: 14px/1.5 SerifaRegular, serif; color: #383838; background: #fff url('/_images/header.png') repeat-x 50% 0; }

#page { border-bottom: 3px solid #e61100; }

#header, #content, #footer { width: 990px; margin: 0 auto; }

#header { height: 78px; position: relative; z-index: 100; }
	#logo { position: absolute; left: 298px; top: 14px; }
	#tagline { width: 227px; height: 34px; margin: 0; position: absolute; left: 49px; top: 23px; text-indent: -9999px; overflow: hidden; background: url('/_images/tagline.png') no-repeat; }
	
	#nav { width: 521px; height: 36px; margin: 0; padding: 0; list-style: none; position: absolute; left: 424px; top: 28px; background: url('/_images/nav.png') no-repeat 8px 4px; }
		#nav li { zoom: 1; }
		#nav a { width: 88px; height: 29px; position: absolute; left: -9999px; bottom: 0; text-indent: -9999px; overflow: hidden; background: url('/_images/nav.png') no-repeat -9999px 0; }
		#nav-bier a { left: 0; }
		#nav-campaign a { width: 133px; left: 96px; }
		#nav-promotions a { width: 118px; left: 235px; }
		#nav-events a { width: 76px; left: 359px; }
		#nav-contact a { width: 35px; height: 32px; left: auto; right: 40px; top: 0; bottom: auto; }
		#nav-facebook a { width: 32px; height: 32px; left: auto; right: 0; top: 0; bottom: auto; }

		#nav-bier a:hover,
		#nav-bier.selected a { background-position: 8px -32px; }
		#nav-campaign a:hover,
		#nav-campaign.selected a { background-position: -88px -32px; }
		#nav-promotions a:hover,
		#nav-promotions.selected a { background-position: -227px -32px; }
		#nav-events a:hover,
		#nav-events.selected a { background-position: -351px -32px; }
		
		#nav #nav-bier ul { width: 199px; height: 95px; margin: 0; padding: 35px 4px 0 1px; position: absolute; left: 0; top: 29px; list-style: none; background: url('/_images/nav-bier.png') no-repeat 0 100%; display: none; }
		#nav #nav-bier.hover ul { display: block; }
			#nav #nav-bier ul li { margin: 0; padding: 0; }
			#nav #nav-bier ul a { width: 199px; height: 24px; display: block; position: static; background: url('/_images/subnav-selected.png') no-repeat -9999px 11px; }
			#nav #nav-bier ul a:hover,
			#nav #nav-bier ul .selected a { background-position: 6px 11px; }
			

#body, #facebook-like-box { min-width: 990px; }
#body { position: relative; z-index: 50; }

#content { width: 892px; min-height: 432px; _height: 432px; padding: 59px 49px 1px; background: url('/_images/header-shadow.jpg') no-repeat 232px 2px; position: relative; }
	#content h1 { margin: 8px 0 0; }
		#content h2 { margin: 0; font-size: 16px; }
		#content p { margin: 0 0 1em; }

		#content ol { margin: 0 0 1em; padding: 0; list-style: decimal inside; }
			#content ol li { margin: 0 0 1em; padding: 0; }
			
	#content h1.image,
	#content h2.image { height: 30px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; }
	

#facebook-like-box { clear: both; padding: 30px 0 0; background: url('/_images/footer.png') repeat-x 50% 0; }
	#facebook-like-box iframe { display: block; margin: 0 auto; }

#footer { clear: both; padding: 2em 0 1.25em; font: 10px/1.1 sans-serif; text-align: center; color: #444; }
	#footer a { text-decoration: none; color: #444; }
	#footer a:hover { text-decoration: underline; }



/** AGE GATE **/
#age-gate #page { border: none; }

#age-gate #logo { left: 436px; }
#age-gate #tagline { width: 260px; height: 39px; left: 365px; top: 161px; background-image: url('/_images/age-gate/tagline.png'); }

#age-gate #content { min-height: 0; height: auto; padding-top: 148px; background-position: 370px 2px; }
#age-gate form { width: 677px; margin: 0 auto; padding: 78px 0 0; background: url('/_images/age-gate/verify-dob.png') no-repeat 50% 0; }
	#age-gate fieldset { margin: 0; padding: 0; border: 0; }
	#age-gate form legend { position: absolute; left: -9999px; }

#age-gate fieldset div { float: left; display: inline; width: 177px; height: 115px; position: relative; margin: 0 26px 0 0; background: #fff url('/_images/age-gate/input-bg.jpg') no-repeat; }

#age-gate fieldset .wide { width: 270px; margin: 0; }
#age-gate fieldset .wide,
#age-gate fieldset .wide input.focused { background-image: url('/_images/age-gate/input-wide-bg.jpg') }

#age-gate fieldset label,
#age-gate fieldset input { display: block; font: 74px/115px Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 6px; text-indent: 2px; color: #7f7f7f; }

#age-gate fieldset label { width: 100%; position: absolute; left: 1px; top: 0; z-index: 1; }
#age-gate fieldset input { width: 100%; height: 115px; position: relative; z-index: 10; margin: 0; padding: 0; border: 0; background: 0; *top: -1px; }

#age-gate fieldset input.focused { background: #fff url('/_images/age-gate/input-bg.jpg') no-repeat; }

#age-gate form .actions { margin: 20px 26px 0 0; text-align: center; }

#age-gate form .error { width: 362px; height: 20px; margin: 0 0 0 -181px; position: absolute; left: 50%; top: 181px; overflow: hidden; text-indent: -9999px; background: #fff url('/_images/age-gate/error.png') no-repeat 50% 3px; }


/** BIER **/
#bier-tabs { width: 483px; height: 416px; float: left; display: inline; position: relative; margin: 0 0 0 39px; padding: 0; list-style: none; }

#bier-tabs, #bier-tabs li { background: url('/_images/bier.jpg') no-repeat 0 -362px; }

	#bier-tabs li { width: 97px; height: 416px; position: absolute; left: 0; top: 0; overflow: hidden; text-indent: -9999px; background-position: 0 54px; }
		#bier-tabs li a { display: block; width: 100%; height: 362px; border-top: 54px solid #fff; }
		#bier-tabs li a:hover,
		#bier-tabs li.selected a { height: 416px; border-top: 0; }

	li#bier-tabs-light { left: 483px; background-position: -483px 54px; }
	li#bier-tabs-malt { width: 96px; left: 387px; background-position: -387px 54px; }
	li#bier-tabs-bock { left: 290px; background-position: -290px 54px; }
	li#bier-tabs-1870 { width: 96px; left: 194px; background-position: -194px 54px; }
	li#bier-tabs-gold { left: 97px; background-position: -97px 54px; }
	li#bier-tabs-bier { }
	
	#bier-tabs-light.selected { background-position: -483px -362px; }
	#bier-tabs-malt.selected { background-position: -387px -362px; }
	#bier-tabs-bock.selected { background-position: -290px -362px; }
	#bier-tabs-1870.selected { background-position: -194px -362px; }
	#bier-tabs-gold.selected { background-position: -97px -362px; }
	#bier-tabs-bier.selected { background-position: 0px -362px; }
	
	#bier-tabs #bier-learn-more { width: 223px; height: 10px; position: absolute; left: 592px; top: auto; bottom: 57px; overflow: hidden; text-indent: -9999px; background: url('/_images/bier-learn-more.png') no-repeat; }
	
	#bier-tabs-content { width: 286px; float: right; display: inline; margin: 22px -22px 0 0; }
		#bier-tabs-content h2 { height: 34px; margin: 0 0 10px -2px; overflow: hidden; text-indent: -9999px; background: url('/_images/bier-headlines.png') no-repeat; }
		#bier-tabs-content p { margin: 0 0 1em; }
		#bier-tabs-content ul { margin: 1em 0 1em 1.25em; padding: 0; }
			#bier-tabs-content li { margin: 0; padding: 0; text-indent: -.25em; }
	
		#content-malt h2 { background-position: 0 -34px; }
		#content-bock h2 { background-position: 0 -68px; }
		#content-1870 h2 { background-position: 0 -102px; }
		#content-gold h2 { background-position: 0 -136px; }
		#content-bier h2 { background-position: 0 -170px; }


/** THE BREWERS **/
#campaign #page { background: url('/_images/brewers-bg.png') repeat-x 50% 78px; }
#campaign #body { background: url('/_images/brewers.jpg') no-repeat 50% 0; }
	#campaign #content { width: 990px; padding-left: 0; padding-right: 0; text-indent: -9999px; background: url('/_images/campaign-text.png') no-repeat 683px 77px; }
		#campaign #content iframe { position: absolute; left: 836px; top: 257px; }
#campaign #facebook-like-box { padding-top: 20px; background-position: 50% -10px; }


/** LEGAL **/
#headline-privacy-policy,
#headline-terms-conditions { height: 30px; overflow: hidden; text-indent: -9999px; background: url('/_images/headline-privacy-policy.png') no-repeat; }
#headline-terms-conditions { background-image: url('/_images/headline-terms-conditions.png'); }


/** COMING SOON **/
#content #coming-soon { height: 155px; margin-top: 103px; text-indent: -9999px; background: url('/_images/coming-soon.png') no-repeat 50% 0; }
#content #coming-soon-contest { height: 155px; margin-top: 103px; text-indent: -9999px; background: url('/_images/coming-soon-contest.png') no-repeat 50% 0; }

/** PROMOTIONS **/
#promotions #content{font-weight:bold; padding:59px 0px 1px; width:990px;}
#promotions #content .title {text-indent: -9999px; background: url('/_images/title-promotions1.jpg') no-repeat; width:593px; height:71px;margin-bottom:20px;}
#promotions #content p {padding-left:2px;}
#promotions #content .logo {float:right;}
#promotions #content .reg {text-indent: -9999px; background: url('/_images/title-promotions2.jpg') no-repeat; width:631px; height:37px;}
#promotions #content .req {padding-left:180px;top:-32px;position:relative;}
#promotions #content .rules{font-size:10px;line-height:13px;border: solid 1px #ccc;margin: 10px 0;padding: 15px;color:#999;height:115px; overflow:auto;position:relative;}
#promotions #content .rules p {float:none;}
#promotions #content .terms span{font-size:14px;padding: 10px 0; *zoom: 1; *padding-top: 5px;}

/** FORMS **/
form {padding:0;clear:both;}
form fieldset {border:0;}
form, form fieldset input, form fieldset textarea, form label {font-color:#e6e6e6;font-size: 12pt;}
form p { position: relative; float:left;}
form p label { position: absolute; margin-left:11px;margin-top:5px;}
form p br {display: none;}
form fieldset p input,form fieldset p textarea {display: block;	padding: 6px;margin: 0;margin-right:12px;}
form fieldset p label {display: block;	padding: 0;}
form fieldset p textarea {width: 404px;}
form fieldset p textarea,form fieldset p input {border: solid 1px #ccc;}
form fieldset p checkbox {border: solid 1px #ccc;}
form fieldset p label {color:#ccc;}
.clearfix{clear:both;}
form #first_name, form #last_name {width:281px;} 
form #zip, form #state {width:95px;}
form #phone, form #birth, {width:134px;} 
form #address {width:589px;}
form input.submit { margin-left: -5px; }

form .dropdown { padding-right: 12px; height: 32px; line-height: 30px; }
	form .dropdown label { position: static; display: inline; margin-left: 0; margin-right: 11px; vertical-align: middle; }
	form .dropdown select { margin-right: .1em; font-size: 15px; vertical-align: middle; }

form #errors { float: none; color: #f00; }
	form .error { color: #f00; }
	form .error input,
	form .error select,
	form .error textarea { border: 1px solid #f00; }
	form .error select { *color: #f00; }
	
	
form .actions { float: none; clear: both; margin: 0; *padding-top: 1em; }

#contact-name, #contact-email { width: 289px; }
#contact-message { width: 850px; }
#contact-subject { width: 234px; }


.custom-select { position: relative; }
	.custom-select label { left: -9999px; }
	.custom-select .selected { position: absolute; left: 0; top: 0; height: 30px; text-indent: 11px; line-height: 32px; border: 1px solid #ccc; color: #383838 !important; background: url('/_images/custom-select-arrow.png') no-repeat 98% 48%; }
	.custom-select select { position: relative; top: 3px; z-index: 10; margin-right: 12px; font-size: 16px; cursor: pointer; }
	
.error .selected { border-color: #f00; }


/* wrapper divs */
.custom-checkbox, .custom-radio { position: relative;margin:20px 0px; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
	
}

.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 1.3em;
	padding-right: 1em;
	line-height: 1;
	padding: 2px 0 2px 40px;
	margin: 0 0 .3em;
	cursor: pointer;
}
.custom-checkbox label {
	background: url(/_images/checkbox.jpg) no-repeat; height:22px; overflow: hidden;
}

.custom-radio label { 
	background: url(/_images/radiobutton.gif) no-repeat; 
}
.custom-checkbox label, .custom-radio label {
	background-position: 0px 0px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: 0px 0px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: 0px -27px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: 0px -27px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {

}

/** THANK YOU**/
#content #thankyou { height: 170px; margin-top: 103px; text-indent: -9999px; background: url('/_images/thankyou.jpg') no-repeat 50% 0; }
#contact-thank-you #thankyou { background-image: url('/_images/contact-thank-you.png'); }

/** HOME SLIDES **/
	#home-featured { height: 492px; position: relative; }
	#controls-wrapper {width: 990px; height: 0; padding-left: 0; padding-right: 0; position: absolute;margin-left:-495px;left:50%; z-index: 1000;}
	#home-featured-controls { height: 29px; margin: 0 auto; padding: 0; position: absolute; right: 23px; top: 432px; list-style: none; }
		#home-featured-controls a { float: left; width: 16px; height: 29px; text-indent: -9999px; overflow: hidden; background: url('/_images/img_nav.png') no-repeat -16px 0;outline:0px; margin-right:8px;}
		#home-featured-controls #home-featured-prev,
		#home-featured-controls #home-featured-next { width: 0px; }

		#home-featured-controls .activeSlide { background-position: 0px 0; }
		#home-featured-controls #home-featured-prev { background-position: 0 0; }
		#home-featured-controls #home-featured-next { background-position: 0px 0; }
	
	#home-featured .feature { width: 100% !important; height: 492px; position: absolute; left: 0; }
		#home-featured .feature .wrapper { min-width: 990px; height: 100%; margin: 0 auto; }
			#home-featured .feature .wrapper .content { width: 990px; margin: 0 auto; padding-left: 0; padding-right: 0; position: relative; text-indent: -9999px; }
				#home-featured .feature .wrapper .content * { margin: 0; }
	
	#home-featured #home-feature-ingredient { background: url('/_images/home-bg.jpg') repeat-x; }
		#home-featured #home-feature-ingredient .wrapper { background: url('/_images/home.jpg') no-repeat 50% 0; }
			#home-feature-ingredient iframe {position: absolute; left: 532px; top: 419px;}
	
	#home-featured #home-feature-district { background: url('/_images/home2_bg.jpg') repeat-x; }
		#home-featured #home-feature-district .wrapper { background: url('/_images/home2.jpg') no-repeat 50% 0; }
			#home-feature-district .enter {position: absolute; left: 400px; top: 419px;background: url('/_images/button-enter.jpg');width:145px; height:34px;text-indent: -9999px;display:block;}
		
		
/*	.loaded #home-featured .feature,
	#home-featured #home-feature-ingredient { visibility: visible; }
*/	
	
	#home-featured #home-feature-wheat { background: url('/_images/home-bg.jpg') repeat-x; }
		#home-featured #home-feature-wheat .wrapper { background: url('/_images/home-wheat.jpg') no-repeat 50% 0; }
		#home-featured #home-feature-wheat a { position: absolute; left: 50%; top: 0; margin-left: -456px; width: 912px; height: 492px; }
	
	
/** HOME **/
#home #facebook-like-box { padding-top: 20px; background-position: 50% -10px; }



/** CONTACT US **/
.section { clear: both; padding-top: 30px; background: url('/_images/horizontal-rule.png') no-repeat; }
.col { float: left; width: 50%; }

#content #headline-contact-us { background-image: url('/_images/headlines/contact-us.png'); }
#content #headline-write-us { float: left; width: 122px; margin-right: 9px; background-image: url('/_images/headlines/write-us.png'); }
#content #headline-call-us { float: left; width: 96px; margin-right: 9px; background-image: url('/_images/headlines/call-us.png'); }

#form-contact .section p { overflow: hidden; zoom: 1; }
	#form-contact .section .col { width: 384px; }


/** AMSTEL LIGHT CONTENT **/
#image-amstel-light { float: left; margin: 0 43px 0 63px; display: inline; }
#content #headline-amstel-light { height: 33px; overflow: hidden; margin: 120px 0 0; text-indent: -9999px; background: url('/_images/headlines/amstel-light.png') no-repeat; }


/** WHEAT BIER CONTENT **/
#headline-introducing-wheat, #headline-tasting-notes, #headline-authentic-glass { background: url('/_images/headlines/wheat.png') no-repeat; }
#headline-tasting-notes { background-position: 0 -29px; }
#headline-authentic-glass { background-position: 0 -58px; }

#image-amstel-wheat { float: left; margin: 0 60px 0 55px; display: inline; }

.float-contain { overflow: hidden; }

dl.tasting-notes dt { float: left; clear: both; display: inline; width: 55px; height: 18px; margin: 0 .5em .25em 0; overflow: hidden; text-indent: -9999px; background: url('/_images/headlines/tasting-notes.png') no-repeat; }
dl.tasting-notes dd { margin: 0 0 .25em 0; position: relative; top: -2px; }

#tasting-notes-sight { width: 45px; }
#tasting-notes-aroma { background-position: 0 -18px; }
#tasting-notes-taste { width: 48px; background-position: 0 -36px; }
#tasting-notes-finish { width: 51px; background-position: 0 -54px; }