* { margin: 0; padding: 0; }
html { height: 100%; }
body { background-color: #fff; font: 11px/18px Tahoma, Arial, Helvetica, sans-serif; height: 100%; color: #666; }

#header { position: absolute; left: 0; top: 0; width: 100%; background: #f9f9f9 url( bg-header.png ) repeat-x left top; line-height: 32px; z-index: 9000; min-width: 740px; }
#header, [ei-ie] { position: fixed; }

#navi { list-style: none; float: left; padding: 0; margin: 0; border-right: 1px solid #e3e3e3; font-size: 13px; position: relative; z-index: 200; width: 660px; }
#navi li#logo { float: left; width: 100px; height: 44px;  background: url( bg-navi-logo.png ) no-repeat left top; text-indent: -999px; }
#navi li#logo a { width: 100px; height: 45px; float: left; display: block;  background: url( bg-navi-logo.png ) no-repeat left top; }
#navi li#logo a:hover { background-position: right top; }
#navi li.main { float: left; width: 140px; height: 44px; position: relative; background: #fff url( bg-menu-item.png ); }
#navi li.lihover {background: #fff }
#navi li.active { background: #fff url( bg-menu-item-hover.png ) no-repeat left top; }
#navi li.main a { float: left; width: 120px; padding: 12px 10px 0; height: 32px; line-height: 32px; text-align: center; text-decoration: none; color: #888; }

#navi li ul { opacity: .99; display: none; position: absolute; left: 0px; top: 44px; float: left; width: 171px; line-height: 30px; list-style: none; background: #fff; margin: 0; padding: 0; font-size: 11px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;  z-index: 100; }
#navi li ul li { display: inline; line-height: 30px; margin: 0; padding: 0; text-transform: none; }
#navi li.main ul a { display: block; float: none; line-height: 30px; padding: 0 12px; height: 30px; width: 160px; background: #fff url( bg-subnavi-item.png ) repeat left top; text-align: left; width: 145px; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #f7f7f7; position: relative; }
#navi li.main ul a.active { background-position: 0 -62px; color: #333; }
#navi li.main ul a:hover,
#navi li.main ul a.active:hover { background-position: 0 -31px; background-color: #acacac; color: #fff; border-left-color: #aaa; border-right-color: #aaa }

#navi li.main ul li:last-child a,
#navi li.main ul li:last-child a:hover { -moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; line-height: 30px; border-bottom: 1px solid #eee; }
#navi li.main ul li:last-child a:hover { border-bottom: 1px solid #aaa; }

#navi li.main ul li.last a:link,
#navi li.main ul li.last a:visited { border-bottom: 1px solid #eee; }

#help-navi { position: absolute; right: 0; top: 0; width: 300px; height: 22px; line-height: 18px; padding: 0; margin: 0; margin-top: 22px; list-style: none; font-size: 11px; color: #999; }
#help-navi li { display: inline; }
#help-navi a { width: auto; padding: 0; color: #999; text-decoration: none; padding: 0 13px 4px 11px; background: url( bg-help-navi.png ) no-repeat right;  float: right; }
#help-navi a:hover { color: #333; }

/* LAYOUT */
#aspnetForm { min-height: 100%; }
#content { float: left; width: 100%; height: 100%; position: relative; z-index: 2; }
#flash-holder { position: relative; z-index: 50; }
#content-block { padding-top: 80px; width: 950px; height: 100%; margin: 0 auto; padding-bottom: 20px; z-index: 3; }
#flash-bottle { float: left; width: 245px; }

.column { float: left; padding-bottom: 20px; }
	.left { width: 245px; min-height: 5px; }
	.middle { width: 415px; padding-right: 20px; }
	.right { width: 270px; padding-top: 40px; }
	
	.full { width: 100%; }
	
	.left-wide { width: 465px; padding-right: 10px; padding-bottom: 10px; }
	.right-wide { width: 465px; padding-left: 10px; padding-bottom: 10px; }
	
	.two3rd { width: 672px; padding-right: 28px }
	.one3rd { width: 250px; }

	.events-landing { width: 285px; padding: 0 15px; border-left: 1px solid #ccc; margin-bottom: 25px; }
	.firstcol { border: 0 none; }
	
	.half { width: 50%; }

/* TYPOGRAFY */
h1 { font: 46px/46px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 10px; color: #666; }
h2 { font: 30px/30px Tahoma, Arial, Helvetica, sans-serif; text-transform: none; margin-bottom: 20px; color: #666; }
h3 { font: 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 0px; color: #999; }
h4 { font: 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: none; margin: 10px 0; color: #666; }

.right h3 { margin-bottom: 20px; text-transform: none; }

p { font-size: 12px; margin: 18px 0; line-height: 18px; }
ul,
ol { margin: 18px 0 18px 25px; font-size: 12px; line-height: 18px; }

ul ul,
ul ol,
ol ol,
ol ul { margin-top: 0; }

img { border: 0; }
img.big { display: block; margin: 20px 0 20px; }

a:link,
a:visited { color: #666; }
a:hover { color: #c00; }


/* FLAVOR DRINKS */
.featured-drink { float: left; width: 100%; padding-bottom: 18px; }
.featured-drink table { float: right; width: 180px; }
.featured-drink th { text-align: left; font: 12px Tahoma, Geneva, sans-serif; }
.featured-drink td { color: #999; vertical-align: top; padding-right: 5px; width: 50% }
.featured-drink span { white-space: nowrap; }
.featured-drink .us { display: none; }
.measurements { clear: both; padding-left: 90px; padding-bottom: 30px; line-height: 14px; color: #999; }
.measurements a { color: #666; }

/* MIDNIGHT SUN SPELLS */

.spell { float: left; width: 100%; border-top: 1px solid #ccc; padding: 20px 0; }
.spell-image { float: left; width: 190px; }
.spell-text { float: right; width: 482px; }

.event-images img { display: block; border: 1px solid #eaebed; background: #f4f8fb; padding: 20px; width: 206px; height: 137px; margin-bottom: 17px; }

/* FOOTER */

#footer { float: left; width: 100%; position: relative; z-index: 10; border-top: 1px solid #fff; background: #fff url( bg-footer.png ) repeat-x left top; display: none; }
#footer a { text-decoration:underline !important; }
#footer p { font-size: 9px; line-height: 15px; }

#bottom-navi { font-size: 11px; width: 100%; float: left; position: relative;  z-index: 10; line-height: 25px; margin: 0; padding-top: 2px; width: 100%; background: #fff url( bg-bottom-navi.png ) repeat-x left top; border-top: 1px solid #fff; text-align: center; display: none; }
#bottom-navi li { display: inline; margin: 0 10px; }
#bottom-navi a { color: #999; text-decoration: none; }
#bottom-navi a.active { color: #333; }
#bottom-navi a:hover { color: #333; }
#bottom-navi .caps, #footer .caps { text-transform: uppercase; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
#footer .caps { font-size: 9px; }

#disclaimer { width: 820px; padding-left: 165px; margin: 13px auto; font-size: 9px; line-height: 12px; color: #999; background: url( hdr-keep-your-judgement.png ) no-repeat 0 2px; }
#disclaimer a:link,
#disclaimer a:visited { color: #999; text-decoration: none; padding: 0 2px; }
#disclaimer a:hover { color: #333; }


.hidden { display: none; }

/* SHARE THIS */
.share { float: left;position: relative; margin-left: 0; background: #f2f2f2 url( ../img/icon-share-this.png ) no-repeat right; padding: 0 10px; width: 100px; margin-top: 10px; text-transform: uppercase; font: 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; margin-right: 5px; }
.share-links { display: none; position: absolute; left: 0px; top: 17px; height: 20px; border-top: 1px solid #fff; background: #f2f2f2; z-index: 9999; width: 110px; padding: 5px 0 0 10px; line-height: 20px; }
.share-links img { margin-right: 6px; float: left; border: 0 none; }

.more-drinks { display: block; float: left; background: #f00; margin-top: 10px; background: #f2f2f2; padding: 0 10px; text-transform: uppercase; font: 10px/17px 'Trebuchet MS', Arial, Helvetica, sans-serif}
.more-drinks a:link,
.more-drinks a:visited { color: #999; text-decoration: none; }


/* PURE FLAVOURS */

.pureflavours, #loading-drinks { font: 16px Arial, Helvetica, sans-serif; list-style: none; margin: 20px 0; color: #999; }
.pureflavours li { display: inline; }

.pureflavours a:link,
.pureflavours a:visited { text-decoration: none; color: #999; }
.pureflavours .active:link,
.pureflavours .active:visited { color: #333 }
.puredrinks { width: 756px; margin: 0 auto; }

.puredrinks a { text-decoration: none; }
.puredrinks span { visibility: hidden; display: block; text-align: center; color: #666; font-size: 16px; }

.drink-small { float: left; padding: 10px 0; width: 189px; height: 280px; }

#drink-card { position: absolute; left: 0; top: 0; height: 510px; width: 854px; z-index: 12; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #999; }
#drink-bg { position: absolute; left: 0; top: 0; background: #fff; opacity: .85; z-index: 11; width: 100%; }

#drink-card .measurements { padding: 0; }

.drink-info { float: left; width: 450px; padding-left: 20px; }
	.drink-info h2,
	.drink-info h3 { margin: 20px 0; }
img.drink-image { position: absolute; right: 0px; bottom: 0px; }

.drink-info table { margin: 10px 0; }
.drink-info table td.right { padding: 0; }
.drink-info .left { width: 80px; padding-right: 8px; }
#drink-card .close-card { position: absolute; right: 20px; top: 20px; cursor: pointer }

/* AGE-SCREENER & CONTACT */

.age-screener { background: #b3d1ee url( bg-age-screener-body.jpg ) repeat 50% 70%; height: 558px; width: 100%; float: left; }

.age-screener table { width: 760px; height: 90%; margin: 0px auto; }

#screener-wrapper { position: relative; width: 660px; height: 265px; background: #fff url( ../../assets/images/bg-age-screener-ie.png ) repeat-x left top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff; }
#screener-wrapper, [ei-ie] { background: url( ../../assets/images/bg-age-screener.png ) repeat-x left top; }
#screener-wrapper img.logo { position: absolute; left: 55px; top: 65px; }

#screener-wrapper .screener-form { padding: 10px;}
#screener-wrapper .screener-form fieldset { float: left; width: 460px; border: 0 none; border-top: 1px solid #ccc; padding: 20px 0; color: #999; font: 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
#screener-wrapper .screener-form label { float: left; width: 115px; background: url( ../../assets/images/bg-age-screener-input.png ) no-repeat left bottom; }
#screener-wrapper .screener-form input { width: 80px; padding: 10px; text-align: center; font-size: 32px; border: 0 none; background: transparent none; color: #f00; font: 32px/32px Tahoma, Geneva, sans-serif; }
#screener-wrapper .screener-form input.btn {float: left; width: auto; padding: 0; margin-top: 30px; }
#screener-wrapper .screener-form select { text-transform: uppercase; width: 200px; }
#screener-wrapper h1 { font-size: 24px; font-weight: normal; color: #999; }
#screener-wrapper p { margin: 10px 0; font-size: 13px; color: #999; }
#screener-wrapper .warning { clear: both; }
#screener-wrapper .warning p { color: #c03; font-size: 11px; }
#screener-wrapper #Enter { padding:35px 0 20px 0; }
.age-screener table.floater { width: 245px; float: left; margin: 5px 0 0; }
table.floater td { padding: 0 0 5px 0; }
table.floater input { width: 108px; padding: 0; border: 1px solid #ddd; border-top-color: #7c7c7c; border-left-color: #c3c3c3; border-right-color: #c3c3c3; padding: 2px 0; }
#screener-wrapper table.floater input.narrow, input.narrow { width: 50px; margin-right: 3px; }
table.floater input.wide,
table.floater select.wide,
table.floater textarea { width: 230px; padding: 2px 0; }
table.floater textarea { height: 90px; border: 1px solid #ddd; border-top-color: #7c7c7c; border-left-color: #c3c3c3; border-right-color: #c3c3c3; }
table.floater input.narrow { width: 80px; }
#screener-wrapper h3 { font-size: 16px; font-weight: normal; }
/*
.contact-error { width: 200px; float: right; padding: 5px 0; color: #c03; }
*/


/* BANNERS */
.banners { width: 100%; float: left; padding-bottom: 20px; }

.banner { float: left; background-position: right bottom; background-repeat: no-repeat; height: 118px; padding: 0 10px; }
.columns-two { width: 632px; padding-left: 159px; }
.columns-one { width: 476px; padding-left: 237px; }


.columns-three .banner { width: 296px; }
.columns-two .banner { width: 296px; }
.columns-one .banner { width: 476px; }



.banners h3 { color: #666; font-size: 14px; }
.banners p { line-height: 16px; margin-top: 5px; margin-bottom: 10px; font-size: 11px; }


/* PARTICIPANT FORMS */

.participant-form { background-repeat: no-repeat; background-attachment: fixed; background-position: center top; width: 100%; }

.vodkacup-form { background-image: url( bg-participant-form-vc.jpg ); }
.fs-form { background-image: url( bg-participant-form-fs.jpg ); }

#fs-logo { position: absolute; top: 60px; right: 40px; }

.fs-form h1 { color: #fff; }
.sub { font-size: 16px; text-transform: uppercase; }
.fs-form .sub { color: #fff; }
.sub a:link,
.sub a:visited { text-decoration: none; }
.fs-form .sub a:link,
.fs-form .sub a:visited { color: #fff; text-decoration: none; }
.fs-form .sub a:hover { color: #900; }

fieldset { border: 0; padding: 0; }



.participant-navi { margin-left: 20px; font-size: 16px; text-transform: uppercase; margin: 10px 20px 20px; color: #fff; }
.vc { color: #666; }
.participant-navi a { color: #fff; text-decoration: none; }
.vc a { color: #666; }
#participant-form { padding-top: 60px; width: 100%; float: left; }
#participant-form h1 { color: #fff; margin-left: 20px; margin-bottom: 0px; }
#participant-form h3 { color: #D30636; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 28px; padding: 5px 0; text-transform: none; }
.participant-form-bg { width: 920px; margin: 0 auto; }
.participant-wrapper { float: left; width: 880px; padding: 10px 20px; border-bottom: 1px solid #ccc; }
.participant-30 { float: left; width: 30%; }
.participant-40 { float: left;  width: 40%; }
.participant-50 { float: left; width: 50%; }

#participant-form p,
.participant-40 p,
.participant-50 p { float: left; width: 100%; margin: 3px 0; }

.participant-30 label,
.participant-50 label { float: left; width: 90px; padding-right: 10px; text-align: right; }
.participant-40 label { float: left; width: 140px; padding-right: 10px; text-align: right; }

#participant-form input.txt { width: 143px; padding: 3px 5px; border: 1px solid #e0e0e0; background: #f9f9f9; }
#participant-form input.narrow { width: 37px; }
#participant-form select { border: 1px solid #e0e0e0; padding: 3px 5px; margin-right: 3px; width: 153px; background: #f9f9f9; } 
#participant-form textarea { border: 1px solid #e0e0e0; padding: 3px 5px; background: #f9f9f9; font: 11px/16px Arial, Helvetica, sans-serif; width: 420px; margin-bottom: 10px; }
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.error,
fieldset.participant input.error,
fieldset.participant select.error {border-color: #c00;}

.participationPlaces {position:absolute;}