/* =body defaults */

body { 
	background-color: #000; 
	margin:0; padding:0;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size: 70%;
	line-height: 14px;
	color: #fff;
}

/* =remove default */
a:link, a:visited {text-decoration:none}
a:hover {text-decoration:underline}
a img, a:link img, a:visited img, fieldset {border:none}
ul, ol {list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size: 1em; }
li, h1, h2, h3, h4, h5, h6, pre, form, body, html, fieldset, legend, input, dl, dt, dd { margin:0; padding:0}
p, ul, ol, fieldset, table, blockquote {margin:0; padding:0}

p {margin-bottom: 18px;} 

/* =clear */
#mainNav:after,
.content:after,
#ageGateForm:after,
.remember:after,
.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}

#mainNav,
.content,
#ageGateForm,
.remember,
.clear {
	height: 1%;
} 

#container {
	width: 930px;
	
	clear: both;
}

/* =Main Nav */

#mainNav {
	height: 56px;
}

#mainNav li {
	float: left;
	font-size: .8em;
	color: #576777;
	text-indent:-9999px;
}

#mainNav li a {
	color: #576777;
	display:block;
	outline:none;
}

.home #mainNav li a {background:url(../images/mainNavHome.jpg) 0px 0px;}
.story #mainNav li a {background:url(../images/mainNavStory.jpg) 0px 0px;}
.homeIframe #mainNav li a {background:url(../images/mainNavHome.jpg) 0px 0px;}
.howMade #mainNav li a {background:url(../images/mainNavMade.jpg) 0px 0px;}
.products #mainNav li a {background:url(../images/mainNavProducts.jpg) 0px 0px;}
.promotions #mainNav li a {background:url(../images/mainNavPromotions.jpg) 0px 0px;}


#mainNav li a.home	{width:57px;height:56px;}
#mainNav li a.home:hover {width:57px;height:56px; background-position: 0px -56px;}

#mainNav li a.story	{width:120px;height:56px; background-position: -57px 0px;}
#mainNav li a.story:hover {background-position: -57px -56px;}

#mainNav li a.made	{width:198px;height:56px; background-position: -177px -0px;}
#mainNav li a.made:hover {background-position: -177px -56px;}

#mainNav li a.products {width:104px;height:56px; background-position: -375px 0px;}
#mainNav li a.products:hover {background-position: -375px -56px;}

#mainNav li a.rock {width:124px;height:56px;background-position: -479px 0px;}
#mainNav li a.rock:hover {background-position: -479px -56px;}


#footer {
	color:#30465C;
	font-family:Trebuchet MS;
	font-size:10px;
	width:550px;
	margin: 0 0 0 400px;
	clear: both;
}

#footer a { color: #576777; text-decoration: none; }

#footer a:hover { color: #576777; text-decoration: none; }

/* =Form APges holdingIframe */
body.homeIframe {background:#000 url(../images/bgHowMade1.jpg) 0 0 no-repeat;}

/* =homepage */

body.home {background:#000 url(../images/bgHome.jpg) 0 0 no-repeat;}

#leftCol {
	width: 320px;
	height: 650px;
	float: left;
}

#mainContent {
	width: 610px;
	height: 800px;
	float: left;
}

a.musicFest {
	background:transparent url(../images/promoMusicfest.png) 0 0 no-repeat;
	display: block;
	width: 298px;
	height: 203px;
	text-indent: -9999px;
	margin: 210px 0 0 0;
}

a.bdoTickets {
	background:transparent url(../images/promoBDO.gif) 0 0 no-repeat;
	display: block;
	width: 303px;
	height: 143px;
	text-indent: -9999px;
}

.contentItem {
	float: left;
	width: 235px;
	margin: 43px 42px 35px 0;
	color: #8c8c8c;
}

.contentItem h2 {
	text-indent: -9999px;
	margin: 0 0 27px 0;
}

h2.story {
	background:transparent url(../images/hdrSlateStory.gif) 0 0 no-repeat;
	width: 106px;
	height: 63px;
}

h2.made {
	background:transparent url(../images/hdrHowMade.gif) 0 0 no-repeat;
	width: 95px;
	height: 63px;
}

a.btnContinue {
	background:transparent url(../images/btnContinueRead.gif) 0 0 no-repeat;
	width: 121px;
	height: 11px;
	display: block;
	text-indent: -9999px;
} 

.productRange {
	background:transparent url(../images/slateProductRange.png) 0 0 no-repeat;
	clear: left;
	width: 398px;
	height: 147px;
}

.productRange h2 {
	text-indent: -9999px;
}

a.btnViewProduct {
	background:transparent url(../images/btnViewRange.gif) 0 0 no-repeat;
	width: 135px;
	height: 11px;
	display: block;
	text-indent: -9999px;
	margin: 110px 0 0 157px;
} 


/* =Slate Story */

body.story {background:#000 url(../images/bgStory.jpg) 0 0 no-repeat;}

.content {
	margin: 40px 0 0 0;
}

.story #mainContent {
	margin: 0 0 0 320px;
	display: inline;
}

.story h2 {
	background:transparent url(../images/hdrSlateBlendedStory.gif) 0 0 no-repeat;
	width: 158px;
	height: 86px;
	float: left;
	text-indent: -9999px;
}

.story h3 {
	background:transparent url(../images/hdrWelcome.png) 0 0 no-repeat;
	width: 159px;
	height: 29px;
	text-indent: -9999px;
	margin: 0 0 20px 107px;
	clear: left;
}

.copy {
	float: left;
	width: 250px;
	margin: 0 0 0 40px;
}

.copy2 {
	width: 250px;
	margin: 0 0 0 198px;
}

p.grey1 {color: #cacaca;}
p.grey2 {color: #a6a6a6;}
p.grey3 {color: #818181;}
p.grey4 {color: #5e5e5e;}


/* =How Made */

body.howMade {background:#000 url(../images/bgHowMade.jpg) 0 0 no-repeat;}

.howMade .content {
	margin: 40px 0 0 0;
	height: 148px;
}

.howMade #mainContent {
	margin: 0 0 0 320px;
	display: inline;
}

.howMade h2 {
	background:transparent url(../images/hdrHowMade2.gif) 0 0 no-repeat;
	width: 158px;
	height: 86px;
	float: left;
	text-indent: -9999px;
}

.howMade .copy {
	float: left;
	width: 230px;
	margin: 0 0 0 47px;
}

.steps {
	background:transparent url(../images/bgSteps.gif) 0 0 no-repeat;
	width: 456px;
	height: 296px;
	clear: both;
	padding: 9px;
}


.steps p {
	margin: 34px 0 0 0;
	color: #7a8591;
	width: 200px;
	line-height: 16px;
	float: left;
	display: none;
}

.steps ul {
	float: left;
	width: 171px;
	margin: 34px 24px 0 0;
}

.steps ul li {
	text-indent: -9999px;
}

.steps ul li a {
	height: 42px;
	width: 171px;
	display:block;
	outline:none;
}	

.steps ul li a.step1	{background:url(../images/grains.gif) 0px 0px no-repeat;}
.steps ul li a.step1:hover, .steps ul li.on a.step1 {background-position: 0px -42px;}

.steps ul li a.step2	{background:url(../images/mashing.gif) 0px 0px no-repeat;}
.steps ul li a.step2:hover, .steps ul li.on a.step2 {background-position: 0px -42px;}

.steps ul li a.step3	{background:url(../images/ferment.gif) 0px 0px no-repeat;}
.steps ul li a.step3:hover, .steps ul li.on a.step3 {background-position: 0px -42px;}

.steps ul li a.step4	{background:url(../images/distill.gif) 0px 0px no-repeat;}
.steps ul li a.step4:hover, .steps ul li.on a.step4 {background-position: 0px -42px;}

.steps ul li a.step5	{background:url(../images/matur.gif) 0px 0px no-repeat;}
.steps ul li a.step5:hover, .steps ul li.on a.step5 {background-position: 0px -42px;}


/* =Products */

body.products {background:#000 url(../images/bgProducts.jpg) 0 0 no-repeat;}

.products #leftCol h2 {
	background:transparent url(../images/hdrProductRange.png) 0 0 no-repeat;
	width: 133px;
	height: 86px;
	text-indent: -9999px;
	margin: 412px 0 0 81px;
}

.products .content {
	margin: 40px 0 0 0;
	height: 136px;
}

.products #mainContent {
	Float: left;
	display: inline;
}

.products h2 {

}

.products .copy {
	float: left;
	width: 250px;
	margin: 0 0 0 40px;
}

.products .copy p {
	margin-bottom: 12px;
}

.productsMenu {
	clear: both;
}

.productsMenu ul {
	float: left;
}

.productsMenu ul li {
	text-indent: -9999px;
	float: left;
}

.productsMenu ul li a {
	height: 350px;
	display:block;
	outline:none;
}	

.productsMenu ul li a {background:url(../images/productDrinks.jpg) 0px 0px no-repeat;}

.productsMenu ul li a.drink1	{width: 145px; background-position: 0px 0px;}
.productsMenu ul li a.drink1:hover, .productsMenu ul li.on a.drink1 {background-position: 0px -350px;}

.productsMenu ul li a.drink2	{width: 162px; background-position: -145px 0px;}
.productsMenu ul li a.drink2:hover, .productsMenu ul li.on a.drink2 {background-position: -145px -350px;}

.productsMenu ul li a.drink3	{width: 145px; background-position: -307px 0px;}
.productsMenu ul li a.drink3:hover, .productsMenu ul li.on a.drink3 {background-position: -307px -350px;}

.productsMenu ul li a.drink4	{width: 131px; background-position: -452px 0px;}
.productsMenu ul li a.drink4:hover, .productsMenu ul li.on a.drink4 {background-position: -452px -350px;}


.drinkDetails {
	float: left;
	width: 185px;
	display: none;
}

.drinkDetails h3 {
	width: 184px;
	height: 31px;
	text-indent: -9999px;
	margin: 0 0 15px 0;
}

.drink1 h3 {
	background:transparent url(../images/hdr700mlBottle.gif) 0 0 no-repeat;
}

.drink2 h3 {
	background:transparent url(../images/hdr330mlBottle.gif) 0 0 no-repeat;
}

.drink3 h3 {
	background:transparent url(../images/hdr375mlCan.gif) 0 0 no-repeat;
}

.drink4 h3 {
	background:transparent url(../images/hdr375mlCanMid.gif) 0 0 no-repeat;
}

/* =Promotions */

body.promotions {background:#000 url(../images/bgPromotions.jpg) 0 0 no-repeat;}

.promotions #mainContent {width: 100%; position: relative;}

.promotions #mainNav {margin: 0 0 0 320px;}

.rockWithSlate {
	color:#8C8C8C;
	float:left;
	margin:40px 38px 0px 320px;
	width:182px;
	display: inline;
}

.rockWithSlate h2 {
	background:transparent url(../images/hdrRockWithSlate.jpg) 0 0 no-repeat;
	width: 159px;
	height: 55px;
	text-indent: -9999px;
	margin: 0 0 30px 0;
}

p.large {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
}

.events {
	float: left;
	margin: 40px 0 0 0;
}

/*
a.bdoTicketsLarge {
	position: absolute;
	top: 400px;
	left: 518px;
}
*/
a.bdoSmall {
	background:transparent url(../images/bdoSmall2.jpg) 0 0 no-repeat;
	width: 197px;
	height: 86px;
	text-indent: -9999px;
	display: block;
}

a.theFalls {
	background:transparent url(../images/theFalls2.jpg) 0 0 no-repeat;
	width: 197px;
	height: 78px;
	text-indent: -9999px;
	display: block;
}

a.fasterLouder {
	background:transparent url(../images/fasterLouder2.jpg) 0 0 no-repeat;
	width: 197px;
	height: 114px;
	text-indent: -9999px;
	display: block;
}



/* =Age Gate */

html {
	height: 100%;
}

body.ageGate {
	background:#000 url(../images/bgAgeGate3.jpg) top center no-repeat;
}

.ageGate #container {
	height: 750px;
	width: 100%;
}

.ageGate #mainContent {
	background:transparent url(../images/bgAgeGateForm3.png) 0 0 no-repeat;
	height: 605px;
	width: 728px;
	margin: 60px auto;
	float: none;
	padding: 1px;
	
}

.ageGate h1 {
	background:transparent url(../images/hdrSmoothBlended.png) 0 0 no-repeat;
	width: 194px;
	height: 40px;
	text-indent: -9999px;
	margin: 80px 0 0 135px;
}

.ageGate #footer {
	background:transparent url(../images/slateDistill.jpg) 0 0 no-repeat;
	margin: 0px auto;
	padding: 5px 0 0 320px;
	height: 38px;
	
}

#ageGateForm {
	width: 447px;
	height: 292px;
	margin:10px 0 0 136px;
	clear: both;
	padding: 10px 0 0 9px;
	
}

#ageGateForm h2 {
	background:transparent url(../images/hdrYouMust.png) 0 0 no-repeat;
	width: 284px;
	height: 30px;
	text-indent: -9999px;
	margin: 20px 0 20px 20px;
}

#ageGateForm h3 {
	float: left;
	width: 171px;
	height: 42px;
	text-indent: -9999px;
	clear: left;
	margin: 0 28px 0 0;
}

#ageGateForm h4 {
	color: #f78f1e;
	margin: 0px 0 0 10px;
	clear: left;
}

#ageGateForm h3.country {
	background:transparent url(../images/hdrCountry.png) 0 0 no-repeat;
	margin-bottom:10px;
}

#ageGateForm h3.dob {
	background:transparent url(../images/hdrDOB.png) 0 0 no-repeat;
	margin-bottom:10px;
}

#ageGateForm select {
	border: 1px solid #aaaeb1;
	margin-top: 11px;
}

#ageGateForm input {

}

#ageGateForm select#country {
	width: 211px;
	margin-bottom: 21px;
}

*+html #ageGateForm select#country {
	width: 205px;
}

* html #ageGateForm select#country {
	width: 195px;
}


#ageGateForm a.homeBtn {
	display: block;
	margin: 46px 40px 0 0;
	float: right;
	display: inline;
}
*html #ageGateForm a.homeBtn {
	margin: 50px 42px 0 0;
}
*+html #ageGateForm a.homeBtn {
	margin: 52px 42px 0 0;
}

#ageGateForm a.redeemBtn {
	display: block;
	margin: 38px 60px 0 0;
	float: right;
	display: inline;
}
*html #ageGateForm a.redeemBtn {
	margin: 44px 58px 0 0;
}

*+html #ageGateForm a.redeemBtn {
	margin: 46px 58px 0 0;
}


#ageGateForm p {
	margin: 0px 0px 0px 10px;
}


/*------------------------------------------------------------------

Terms & Conditions / Privacy Policy

-------------------------------------------------------------------*/

#containerTerms{
	margin:0px auto;
	padding:57px 43px 10px 43px;
	background:url(../images/terms_bg.jpg) #000 no-repeat;
	width:397px;
	font:11px Arial, Helvetica, sans-serif bold;
	color:#FFF;
}

#containerTerms a {
	color:#f78f1e;
	text-decoration:none;
}

#containerTerms h1.text1 {
	background: url(../images/terms.gif);
	width:215px;
	height:15px;
	margin:auto;
}

#containerTerms h1.text2 {
	background: url(../images/privacy.gif);
	width:111px;
	height:17px;
	margin:auto;
}

#containerTerms span { 
	display:none;
}

#containerTerms p{
	margin-bottom:15px;
	color:#FFF;
}

#containerTerms p.center { 
	margin:31px 0 31px 0px;
	text-align: center; 
}

#containerTerms p.conditions {
	color:#d7d0d0;
	text-align: center; 
	font-weight:bold;
}

#containerTerms ol{
	margin-bottom:15px;
	padding-left:20px;
}

#containerTerms ol.lalpha{
	list-style-type: lower-alpha;
}

ol.maintxtlist {
	list-style-type:decimal;
}

ul.maintxtlist {
	padding-left: 20px;
	list-style-type:disc;
	margin-bottom: 20px;
} 


/*
additions

*/
.haveaCode {
	background:transparent url(../images/homeCodeBlock.png) 0 0 no-repeat;
	clear: left;
	width: 456px;
	height: 231px;
}
.haveaCode h2 {
	text-indent: -9999px;
}
a.haveacodeBtn {
	background:transparent url(../images/haveacodeBtn.png) 0 0 no-repeat;
	width: 143px;
	height: 30px;	
	display: block;
text-indent: -9999px;
	margin: 154px 0 0 8px;
		
}


a.toHome {
	/*
	height:40PX;	
	
	margin:0;
	display:inline;*/
	border:1px solid red;
	position:absolute;
	top:385px;
	left:155px;
	


	
}
a.toRedeem {
/*
height:40PX;
float:right;
	display:inline;
margin:0;*/
		border:1px solid red;
		
		position:absolute;
	top:378px;
	left:358px;
	
	
	
}



.ageGateButtons{
	background:transparent url(../images/ageGateBTN.jpg) 0 0 no-repeat;
	width: 439px;
	height: 62px;	
	
	position:absolute;
	top:365px;
	left:145px;
	

}