﻿/* DEFAULTS
----------------------------------------------------------*/

html, body {
	font-size: .80em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #696969;
	background: #000000;
}

a img {
	border: none;
}

a, a:link, a:visited, a:active, a:hover {border:0!important;}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.clear {
	clear: both;
}

.page {
	width: 100%;
	margin: 0 auto -140px auto;
	background: #ffd485 url(../img/background.jpg) center top no-repeat;
	background-size: 100% 100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res/img/background.jpg',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res/img/background.jpg',sizingMethod='scale')";
}

.main {
	overflow: hidden;
	text-align: center;
	width: 1024px;
	height: 550px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}

.bodycopy {
	text-indent: -9999px;
	overflow: hidden;
}

.container {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 700px;
}

/* HOME LAYOUT ELEMENTS   
----------------------------------------------------------*/
#homecontainer {

}

.slide1 { background-image: url(../img/slides/slide1.png); }

#carousel {
	float: left;
	display: block;
	z-index: 10;
}

#hotareacontainer {
	position: relative;
	z-index: 100;
	width: 1000px;
	height: 250px;
	top: 360px;
	left: 270px;
}

#hotareacontainerProd {
	position: relative;
	z-index: 100;
	width: 1000px;
	height: 250px;
	top: 1px;
	left: 270px;
}

.hotarea {
	position: absolute;
	cursor: pointer;
	width: 300px;
	height: 250px;
}

#hot1 {
	width: 380px;
	margin-top: 250px;
	background: url(../img/promo/promo01_bg.png) left 65px no-repeat;
}

#hot2 {
	width: 375px;
	margin-top: 250px;
	margin-left: 315px;
	background: url(../img/promo/promo02_bg.png) left bottom no-repeat;
}

/* HOW IT STARTED LAYOUT ELEMENTS   
----------------------------------------------------------*/
#storycontainer {
	width: 100%;
	height: 900px;
	background: url(../img/story/story_bg.jpg) center top no-repeat;
}

#story_main_content {
	width: 1200px;
	height: 635px;
	margin: 0 auto;
	background: url(../img/story/story_content.png) 35px center no-repeat;
}

#story_photo_container {
	position: relative;
	float: right;
	width: 526px;
	height: 700px;
	margin: 0 150px 0 0;
	padding: 20px 0 0 0;
}

#story_photo_nav {
	cursor: pointer;
	position: relative;
	left: 550px;
	top: 500px;
}

#story_photo_nav img {
	margin: 0;
	padding: 0;
}

.photo_container {
	position: absolute;
	float: left;
}

#hot3 {
	width: 375px;
	margin-top: 250px;
	margin-left: 200px;
	background: url(../img/promo/promo03_bg.png) left bottom no-repeat;
}

/* OUR WHISKEY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#prodcontainer {
	background: url(../img/prod/prod_bg.png) 75px top no-repeat;
}

#prodtextcontainer {
	display: none;
	width: 603px;
	height: 386px;
	margin-left: 400px;
	background: url(../img/prod/prod_txt.png) left top no-repeat;	
}

/* RECIPE LAYOUT ELEMENTS   
----------------------------------------------------------*/
#recipecontainer {
	background: url(../img/recipe/recipe_content.png) left top no-repeat;
}

#recipedetailcontainer {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}

#recipe_left {
	float: left;
	width: 370px;
	height: 580px;
	margin: 65px 0 0 190px;
}

#recipe_right {
	float: left;
	width: 370px;
	height: 580px;
	margin: 30px 220px 0 0;
}

.recipe_landing {
	cursor: pointer;
	width: 370px;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
}

#recipe_landing_01 {background-image: url(../img/recipe/recipe_landing_01.png); height: 125px; margin-top: 95px;}
#recipe_landing_02 {background-image: url(../img/recipe/recipe_landing_02.png); height: 115px;}
#recipe_landing_03 {background-image: url(../img/recipe/recipe_landing_03.png); height: 115px; margin-top: 30px; width: 325px;}
#recipe_landing_04 {background-image: url(../img/recipe/recipe_landing_04.png); height: 115px; width: 325px;}
#recipe_landing_05 {background-image: url(../img/recipe/recipe_landing_05.png); height: 115px; width: 325px;}
#recipe_landing_06 {background-image: url(../img/recipe/recipe_landing_06.png); height: 115px;}
#recipe_landing_07 {background-image: url(../img/recipe/recipe_landing_07.png); height: 115px;}
#recipe_landing_08 {background-image: url(../img/recipe/recipe_landing_08.png); height: 115px; width: 325px;}
#recipe_landing_09 {background-image: url(../img/recipe/recipe_landing_09.png); height: 115px; width: 325px;}

.recipe_landing .fb_edge_widget_with_comment {
	position: relative;
	left: 280px;
}

#recipe_landing_01 .fb_edge_widget_with_comment { top: 120px; }
#recipe_landing_02 .fb_edge_widget_with_comment { top: 160px; }
#recipe_landing_03 .fb_edge_widget_with_comment { top: 160px; }
#recipe_landing_04 .fb_edge_widget_with_comment { top: 150px; }
#recipe_landing_05 .fb_edge_widget_with_comment { top: 180px; }
#recipe_landing_06 .fb_edge_widget_with_comment { top: 190px; }
#recipe_landing_07 .fb_edge_widget_with_comment { top: 200px; }
#recipe_landing_08 .fb_edge_widget_with_comment { top: 210px; }
#recipe_landing_09 .fb_edge_widget_with_comment { top: 220px; }

#recipe_slide_container {
	position: relative;
	width: 1200px;
	height: 700px;
	margin: 0 auto;
}

.recipe_slide {
	display: none;
	position: absolute;
	float: left;
	width: 1024px;
	height: 700px;
	background-position: left center;
	background-repeat: no-repeat;
}

.recipe_nav {
	position: absolute;
	display: block;
	z-index: 100;
	width: 412px;
	height: 92px;
	padding: 25px 0 0 0;
	background: url(../img/recipe/recipe_nav_bg.png) left top no-repeat;
}

.rec_nav_prev, .rec_nav_next {
	display: inline;
	cursor: pointer;
}

.rec_nav_prev { margin: 0 0 0 0; }
.rec_nav_next { margin: 0 0 0 10px; }

.recipe_social {
	display: inline;
	float: right;
	list-style: none;
	width: 140px;
	margin: 0 30px 0 0;
	padding: 0;
}

.recipe_social_element {
	display: inline-block;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	width: 25px;
	height: 25px;
	margin: 5px;
	background-image: url(../img/elements/sprite_sheet_common.png);
	background-repeat: no-repeat;
}

.recipe_tw { background-position: 0 -35px; }
.recipe_fb { background-position: -25px -35px; }
.recipe_pl { background-position: -49px -35px; }
.recipe_pr { background-position: -73px -35px; cursor: pointer; }

.recipe_print {
	display: none;
	font-size: 18px;
	width: 624px;
	margin: 0 auto;
}

.recipe_print h3 {
	font-size: 32px;
	margin: 0 0 5px 0;
}

.pr_header {
	margin: 0 0 20px 0;
}

.pr_blurb {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #cccccc;
}

.pr_ingredients ul {
	margin: 0 0 0 15px;
	padding: 0;
}

.pr_ingredients li {
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 0;
}

.pr_left {
	float: left; 
	width: 300px;
	min-height: 650px;
}

.pr_right {
	float: right;
	width: 300px;
}

.pr_footer_legal {
	font-size: 12px;
	margin: 0;
}

.pr_footer_resp {
	margin: 0;
}

/* TALK TO US LAYOUT ELEMENTS   
----------------------------------------------------------*/
#contactcontainer {
	background: url(../img/contact/contact_bg.png) 50px top no-repeat;
}

#contact_form_container {
	float: right;
	width: 375px;
	height: 600px;
	margin: 0 200px 0 0;

}

#contact_form {
	
}

#contact_thanks {
	display: none;
	height: 253px;
	padding: 250px 0 0 0;
}

#contact_form input[type="text"] {
	font-weight: bold;
	padding: 5px;
	border: none;
}

#cf_fname {
	width: 340px;
	height: 70px;
	
}

.cf_lbl {
	display: block;
	width: 150px;
	height: 20px;
	background-image: url(../img/contact/contact_form_titlesprite.png);
	background-repeat: no-repeat;
}

.cf_lbl_fname { background-position: 0px 0px; }
.cf_lbl_lname { background-position: 0px -40px; }
.cf_lbl_email { background-position: 0px -80px; }
.cf_lbl_subject { background-position: 0px -120px; }
.cf_lbl_messg { background-position: 0px -160px; }

#fName { background: url(../img/contact/contact_form_fname.png) center center no-repeat; width: 309px; height: 40px; }
#lName { background: url(../img/contact/contact_form_lname.png) center center no-repeat; width: 309px; height: 40px; }
#email { background: url(../img/contact/contact_form_email.png) center center no-repeat; width: 309px; height: 40px; }
#Subject { background: url(../img/contact/contact_form_fname.png) center center no-repeat; width: 309px; height: 23px; }

#cf_messg textarea {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-weight: bold;
	width: 306px;
	height: 105px;
	margin: 0 auto;
	padding: 10px;
	background: url(../img/contact/contact_form_msg.png) left top no-repeat;
	background-size: 100% 100%;
	border: none;
}

#cf_submt {
	cursor: pointer;
	margin: -30px 0 0 150px;
}

#contact_soc {
	width: 400px;
	height: 175px;
	background: url(../img/contact/contact_soc_bg.png) left top no-repeat;
	position: absolute;
	top: 475px;
	left: 85px;
}

#contact_soc_icons {
	
	padding-left: 115px;
}

#contact_soc_icons li {
	float: left;
	list-style: none;
}

/* SITEMAP
----------------------------------------------------------*/
#sitemap {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	width: 500px;
	margin: 0 auto;
	color: #333333;
}


#sitemap a {
	text-decoration: none;
	color: #333333;
}

/* POPUP
----------------------------------------------------------*/
.poppage {
	background: url(../img/pop_background.jpg) center top no-repeat;
}

.poppage a, .popmain a {
	color: #924035;
}

.popmain {
	font-size: 11px;
	height: 370px;
	color: #f0d8b0;
	background-position: top center;
	background-repeat: no-repeat;
}

#scroll_track {
	float: right;
	width: 20px;
	height: 350px;
	margin: 0 40px 0 0;
	background: url(../img/elements/scroll_track.png) center top no-repeat;
}

#scroll_knob {
	cursor: pointer;
	width: 18px;
	height: 30px;
	background: url(../img/elements/scroll_thumb.png) center center no-repeat;
}

#content_container {
	float: left;
	overflow: hidden;
	display: block; 
	width: 350px;
	height: 320px;
	margin: 0 0 0 50px;
}

/* Cabin Giveaway LAYOUT ELEMENTS   
----------------------------------------------------------*/
#cabinGiveaway {
	background: url(../img/tour/cabin_giveaway.png) 75px top no-repeat;
	margin-top: 20px;
}

#hot4 { 
	background: url("../img/tour/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 185px;
    left: 300px;
    position: relative;
    top: -361px;
    width: 366px;
}

#hot5 {
    background: url("../img/tour/social.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 394px;
    left: 354px;
    position: relative;
    top: -409px;
    width: 332px;
}

#cg_twitter {
	
	 cursor: pointer;
    display: block;
    height: 45px;
    left: 427px;
    position: relative;
    top: -477px;
    width: 120px;
}

#cg_fb {

  
    cursor: pointer;
    display: block;
    height: 65px;
    left: 440px;
    position: relative;
    top: -690px;
    width: 155px;
}
