@import url('reset.css');
@import url('typography.css');
@font-face {
	font-family: BlackmoorLetPlain;
	src: local('Blackmoor LET Plain'), local('BlackmoorLetPlain'), url('../fonts/blackmoor.ttf') format('truetype');
}

html {
	height: 100%;
}

body { 
	width: 100%;
	height: 100%;
	display: table;
	background: #000 url(../images/home-bkgd.jpg) no-repeat center top;
}

.hide {
	overflow:hidden;
	zoom:1;
}

#min-width {
	/*width:1212px;
	margin:0 auto;
	background: #000 url(../images/home-bkgd.jpg) no-repeat center top;*/
}

#wrapper {
	background: #000 url(../images/home-bkgd.jpg) no-repeat center top;
	height: 880px;
	margin: 0 auto;
	overflow: hidden;
	/*padding: 0 103px 0 104px;*/
	width: 990px;
	position: relative;
}

body#ageCheck {
	background-image: none;
	text-align: center;
	margin: 0 auto;
}

#ageContainer {
	background: #000 url(../images/agecheck_bg.jpg) no-repeat center top;
	width: 748px;
	height: 449px;
	margin: 0 auto;
	margin-top: 30px;
	overflow: hidden;
	text-align: left;
}

#ageBtns {
	width: 350px;
	height: 80px;
	margin: 250px 0 0 100px;
}

#ageBtns a.notOfAge {
	background: url(../images/btn_notage.png) no-repeat left top;
	width: 175px;
	height: 80px;
	display: block;
	text-indent: -9000px;
	float: left;
}

#ageBtns a.ofAge {
	background: url(../images/btn_ofage.png) no-repeat left top;
	width: 175px;
	height: 80px;
	display: block;
	text-indent: -9000px;
	float: left;
}

#ageBtns a:hover {
	background-position: top right;
}


#logo {
	width: 483px;
	height: 35px;
	margin: 27px 0 23px 313px;
}

#mainNav {
	float: right;
	width: 792px;
	top:-60px;
	position: relative;
	z-index: 2;
	background:url(../images/navigation_renewed/nav_bg.png) 0 0 no-repeat;
}

#mainNav .navSprite {
	background:url(../images/navigation_renewed/nav.png) 0 0 no-repeat;
	padding:63px 0 0;
	height:78px;
	left:14px;
	position:relative;
}

#mainNav span {
	display: none;
}

	span#full_word {
		display:block;
	}

#mainNav ul {
	background:url(../images/navigation_renewed/nav.png) 0 0 no-repeat;
	position:absolute;
	top:67px;
	padding:0;
	height:53px;
}

#mainNav ul li {
    display:inline;
    float:left;
    list-style:none;
}

/* -------------- Where to Purchase Nav  -------------- */
/* //////////////////////////////////// */

	
#nav-where {
    background-position:-57px -67px !important;
	float:left;
    width:69px;
    left:57px;
}

#nav-where li, #nav-where a {
    display:block;
    height:53px;
}

#whereNav {
    width: 69px;
}

#where #nav-where,
#whereNav a:hover, body#where #whereNav a {
	background:url(../images/navigation_renewed/nav.png) -57px -228px no-repeat;
}

#homeBtn {
	background:url(../images/homebtn.png) top left no-repeat;
	width: 76px;
	height: 72px;
	position: absolute;
	left: -23px;
	top: 60px;
}

#homeBtn a {
	width: 76px;
	height: 72px;
	display: block;
}

/* -------------- Events Nav  -------------- */
/* //////////////////////////////////// */

	
#nav-events {
    background-position:-155px -67px !important;
	float:left;
    width:54px;
    left:155px;
}

#nav-events li, #nav-events a {
    display:block;
    height:53px;
}

#eventsNav {
    width: 54px;
}

#events #nav-events,
#eventsNav a:hover, body#events #eventsNav a {
	background:url(../images/navigation_renewed/nav.png) -155px -228px no-repeat;
}

/* -------------- Drink Recipes Nav  -------------- */
/* //////////////////////////////////// */

#nav-recipes {
    background-position:-231px -67px !important;
	float:left;
    width:58px;
    left:231px
}

#nav-recipes li, #nav-recipes a {
    display:block;
    height:53px;
}

#recipesNav {
    width:58px;
}

#recipes #recipesNav,
#recipesNav a:hover {
	background:url(../images/navigation_renewed/nav.png) -231px -228px no-repeat;
}

/* -------------- Dan on Town Nav  -------------- */
/* //////////////////////////////////// */

	
#nav-dan {
    background-position:-312px -67px !important;
	float:left;
    width:60px;
    left:312px;
}

#nav-dan li, #nav-dan a {
    display:block;
    height:53px;
}

#danNav {
    width:60px;
}

#dan #danNav,
#danNav a:hover, .dan #danNav a {
	background:url(../images/navigation_renewed/nav.png) -312px -228px no-repeat;
}

/* -------------- Related Sites Nav  -------------- */
/* //////////////////////////////////// */

	
#nav-related {
    background-position:-393px -67px !important;
	float:left;
    width:57px;
    left:393px;
}

#nav-related li, #nav-related a {
    display:block;
    height:53px;
}

#relatedNav {
    width: 57px;
}

#related #nav-related,
#relatedNav a:hover, body#related #relatedNav a {
	background:url(../images/navigation_renewed/nav.png) -393px -228px no-repeat;
}

/* -------------- FAQs Nav  -------------- */
/* //////////////////////////////////// */
	
#nav-faqs {
    background-position:-476px -67px !important;
	float:left;
	width:47px;
    left:476px;
}

#nav-faqs li, #nav-faqs a {
    display:block;
    height:53px;
}

#faqsNav {
	width: 47px;
}

#faqs #faqsNav,
#faqsNav a:hover, body#faq #faqsNav a {
	background:url(../images/navigation_renewed/nav.png) -476px -228px no-repeat;
}

/* -------------- Awards Nav  -------------- */
/* //////////////////////////////////// */

#nav-awards {
    background-position:-544px -67px !important;
	float:left;
    width:57px;
    left:544px;
}

#nav-awards li, #nav-awards a {
    display:block;
    height:53px;
}

#awardsNav {
    width: 57px;
}

#awards #nav-awards,
#awardsNav a:hover, .awards #awardsNav a {
	background:url(../images/navigation_renewed/nav.png) -544px -228px no-repeat;
}

/* -------------- Contact Us Nav  -------------- */
/* //////////////////////////////////// */

#nav-contact {
    background-position:-623px -67px !important;
	float:left;
    width:64px;
    left:623px;
}

#nav-contact li, #nav-contact a {
    display:block;
    height:53px;
}

	#nav-contact a {
		position:relative;
	}

#contactNav {
    width: 64px;
}

#contact #nav-contact,
#contactNav a:hover, .contact #contactNav a {
	background:url(../images/navigation_renewed/nav.png) -623px -228px no-repeat;
}


/* -------------- 1. Introduction Nav  -------------- */
/* //////////////////////////////////// */

	
#nav-intro {
    background:url(../images/navigation/numbers/1.jpg) no-repeat;
	float:left;
	display:inline;
    height:29px;
    margin:0 0 0 3px;
    padding:0;
    width:247px;
}
#nav-intro span {
    display: none;
}

#nav-intro li, #nav-intro a {
    display:block;
    height:29px;
}
#nav-intro li {
    display:inline;
    float:left;
    list-style:none;
}
#contactIntro {
    width: 247px;
}
#contactIntro a:hover {background:url(../images/navigation/numbers/1.jpg) 0px -29px no-repeat; }


/* -------------- 2. The Head Nav  -------------- */
/* //////////////////////////////////// */

	
#nav-head {
    background:url(../images/navigation/numbers/2.jpg) no-repeat;
	float:left;
	display:inline;
    height:32px;
    margin:0 0 0 0;
    padding:0;
    width:247px;
}
#nav-head span {
    display: none;
}

#nav-head li, #nav-head a {
    display:block;
    height:32px;
}
#nav-head li {
    display:inline;
    float:left;
    list-style:none;
}
#headIntro {
    width: 247px;
}
#headIntro a:hover {background:url(../images/navigation/numbers/2.jpg) 0px -32px no-repeat; }



/* -------------- 3. Story Nav  -------------- */
/* //////////////////////////////////// */

	
#nav-story {
    background:url(../images/navigation/numbers/3.jpg) no-repeat;
	float:left;
	display:inline;
    height:43px;
    margin:0 0 0 0;
    padding:0;
    width:247px;
}
#nav-story span {
    display: none;
}

#nav-story li, #nav-story a {
    display:block;
    height:43px;
}
#nav-story li {
    display:inline;
    float:left;
    list-style:none;
}
#storyNav {
    width: 247px;
}
#storyNav a:hover {background:url(../images/navigation/numbers/3.jpg) 0px -43px no-repeat; }



/* -------------- 4. Why Vodka Nav  -------------- */
/* //////////////////////////////////// */

	
#nav-why {
    background:url(../images/navigation/numbers/4.jpg) no-repeat;
	float:left;
	display:inline;
    height:36px;
    margin:0 0 0 30px;
    padding:0;
    width:131px;
}
#nav-why span {
    display: none;
}

#nav-why li, #nav-why a {
    display:block;
    height:36px;
}
#nav-why li {
    display:inline;
    float:left;
    list-style:none;
}
#whyNav {
    width: 131px;
}
#whyNav a:hover {background:url(../images/navigation/numbers/4.jpg) 0px -36px no-repeat; }


/* -------------- 5. How its made Nav  -------------- */
/* //////////////////////////////////// */

	
#nav-how {
    background:url(../images/navigation/numbers/5.jpg) no-repeat;
	float:left;
	display:inline;
    height:26px;
    margin:0 0 0 30px;
    padding:0;
    width:131px;
}
#nav-how span {
    display: none;
}

#nav-how li, #nav-how a {
    display:block;
    height:26px;
}
#nav-how li {
    display:inline;
    float:left;
    list-style:none;
}
#howNav {
    width: 131px;
}
#howNav a:hover {background:url(../images/navigation/numbers/5.jpg) 0px -26px no-repeat; }



/* -------------- 6. Final Toast Nav  -------------- */
/* //////////////////////////////////// */

	
#nav-toast {
    background:url(../images/navigation/numbers/6.jpg) no-repeat;
	float:left;
	display:inline;
    height:40px;
    margin:0 0 0 30px;
    padding:0;
    width:131px;
}
#nav-toast span {
    display: none;
}

#nav-toast li, #nav-toast a {
    display:block;
    height:40px;
}
#nav-toast li {
    display:inline;
    float:left;
    list-style:none;
}
#toastNav {
    width: 131px;
}
#toastNav a:hover {background:url(../images/navigation/numbers/6.jpg) 0px -40px no-repeat; }

#sharelinks {
	position:absolute;
	bottom:60px;
	right:525px;
}

.paging {
	overflow:auto;
	zoom:1;
	text-align:center;
	position:relative;
	left:-25px;
	margin:20px 0 0;
	font-size:14px;
	font-family:"Times New Roman";
	color:#560F00;
}

	.paging a {
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	
	.paging a:hover {
		text-decoration:underline;
	}

.paging .left {
	float:left;
}

.paging .right {
	float:right;
}

/* Faq
---------------------------------------- */
body#faq {
	background: #000 url(../images/faq_bg.jpg) no-repeat center top;
}
	
	body#faq #wrapper {
		background: #000 url(../images/faq_bg.jpg) no-repeat center top;
	}
	
	body#faq #content {
		margin:230px 0 0;
		width:398px;
		font-size:13px;
		font-family:"Times New Roman";
		text-align:center;
		color:#231105;
	}
	
		body#faq #content h2 {
			font-size:14px;
			color:#9a1816;
		}
	
		body#faq #content p {
			margin:0 0 18px;
		}
		
	body#faq .paging {
		left:0;
		color:#9a1816;
	}
	
	body#faq .paging a {
		color:#9a1816;
	}
	
/* Awards
---------------------------------------- */
* html body#awards #content .awards {
	padding-top:155px;
}

*:first-child+html body#awards #content .awards {
	padding-top:155px;
}

body#awards #content {
		width:420px;
		background:url(../images/awards_bg.png) 0 0 no-repeat;
		font-size:14px;
		font-family:"Times New Roman";
		color:#560f00;
		font-weight:bold;
	}
	
	body#awards #content .awards {
		height:419px;
		overflow:hidden;
		padding:140px 40px 0;
		background:url(../images/awards.png) 0 0 no-repeat;
	}
	
	body#awards #content p {
		margin:13px 0;
	}
	
		body#awards #content p span {
			color:#fff;
			font-weight:normal;
		}
		
		body#awards #content a {
			color:#fff;
		}
		
		body#awards #content a:hover {
			text-decoration:none;
		}
		
	body#awards .paging {
		left:0;
	}

/* Recipes
---------------------------------------- */

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

	body#recipes #wrapper { 
		background: #000 url(../images/recipes_bg.jpg) no-repeat center top;
	}
	
	body#recipes .paging {
		width:930px;
		left:0;
	}
	
	body#recipes .recipeBox h2 {
		font-family:BlackmoorLetPlain, "Times New Roman";
		font-weight:normal;
		font-size:25px;
		color:#000;
	}
	
		body#recipes .paging a {
			color:#560F00;
		}

#recipeMain {
	margin-left: 0;
	width:1000px;
	overflow: hidden;
}

#recipeColumn {
	width: 465px;
	float: left;
	margin: 50px 50px 0 0px;
}

#recipeColumn.noRightMargin {
	margin-right: 0;
}

#recipeColumn img {
	display: block;
	clear: both:
}
	
#recipeColumn .recipeBox {
	margin: 0 0 15px 0;
	color: #49230f;
	font-family: "Times New Roman";
	font-size: 15px;
	line-height:1.1;
	overflow:hidden;
}

#recipeColumn .recipeBox .ingredients {
	float: left;
	width: 177px;
	margin: 5px 25px 0 0;
}

#recipeColumn .recipeBox .description {
	float: left;
	width: 245px;
	margin-top: 5px;
}

.clear {
	clear: both;
}