@charset "UTF-8";
/* CSS Document */

/*
Simple Reset **********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}



ul {
	list-style: none;
}

:focus {
	outline: 0;
}

/* tables may still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Links */
a, a:link, a:visited, a:hover, a:active {
text-decoration: none;
border:none;
}
/* end Links */

/* Headings */

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;

}

button {
	cursor:pointer;
}

/* @end Headings */

/* clear floats */

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

}

body {
  font-size: 10px;
  color: #414042;
  line-height:1.4;
  background:#fff url(images/dropShadow.jpg) no-repeat top center;
  font-family:Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #414042; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Age Verify Modal
-------------------------------------------------------------- */
#ageVerify {


	display:none;
	width:557px;
	height:247px;
	background:url(images/modal_background.gif) no-repeat 0 0;
	position:relative;

	/* for modern browsers use semi-transparent color on the border. nice! */

	-moz-box-shadow: 0 0 100px #000;
	-webkit-box-shadow: 0 0 100px #000;

}
#ageVerify .close {
	position:absolute;
	top:91px;
	left:18px;
	background:url(images/YES.gif) no-repeat 0 0;
	width:260px;
	height:101px;
	border:none;
	outline:none;
}
#ageVerify .close:hover {
	cursor:pointer

}
#ageVerify #no {
	position:absolute;
	top:91px;
	left:280px;
	background:url(images/NO.gif) no-repeat 0 0;
	width:260px;
	height:101px;

}

/* Buy Page Search Results Modal
-------------------------------------------------------------- */
#overlay {


	display:none;
	z-index:10000;
	width:600px;
	height:600px;
	background:url(images/buyModalBack.jpg) no-repeat 0 0;
	position:relative;

	/* for modern browsers use semi-transparent color on the border. nice! */

	-moz-box-shadow: 0 0 100px #000;
	-webkit-box-shadow: 0 0 100px #000;

}

.searchResults {
          height:355px;
	width:597px;
          background:#fff url(images/buybg.jpg) no-repeat 0 0;
}

ul#searchResults{
          position:absolute;
	top:240px;
	left:1px;
}

.searchList {
	padding:30px 0 0 60px;
}

.searchResults .close {
	display:block;
	position:absolute;
	top:20px;
	left:510px;
	color:#fff;
	cursor:pointer;

}

.searchResults a:hover {
	cursor:pointer;
	text-decoration:underline;
}

#overlay .listHead{
	color:#b50a38;
	font-size:1.4em;
}
/* General Layout
-------------------------------------------------------------- */



#wrap {
	position:relative;
	margin:0 auto;
	background:url(images/backgroundHome.jpg) no-repeat 0 0;
	width:1003px;
	height:919px;
}

#wrapRecipes {
	position:relative;
	margin:0 auto;
	background:url(images/backgoundRecipes.jpg) no-repeat 0 0;
	width:1003px;
	height:919px;
}
#wrapContact {
	position:relative;
	margin:0 auto;
	background:url(images/backgroundContact.jpg) no-repeat 0 0;
	width:1003px;
	height:919px;
}

#wrapBuy {
	position:relative;
	margin:0 auto;
	background:url(images/backgroundBuy.jpg) no-repeat 0 0;
	width:1003px;
	height:919px;
}

#wrapAwards {
	position:relative;
	margin:0 auto;
	background:url(images/backgroundAwards2.jpg) no-repeat 0 0;
	width:1003px;
	height:919px;
}

#content{
	position:relative;
	width:1003px;
	height:587px;


}


/* Header & Nav
-------------------------------------------------------------- */
#header {
	position:relative;
	width:1003px;
	height:99px;
	margin:0;
	z-index:1001;
}

#header h1{
	margin:0;
	padding:0;
}
h1 a{
	position:absolute;
	top:0;
	left:280px;
	display:block;
	width:252px;
	height:99px;
	text-indent:-9000px;
}

 #navigation {
 	position:absolute;
	right:0;
	top:22px;

 }


 #navigation li {
 	float:left;
 }

 #navigation li a{
 	background-image:url(images/nav.jpg);
 	display:block;
	font-size:1.2em;
 }

 #navigation li a{
	background-image:url(images/nav.jpg);
	display: block;
	outline: none;
	position: relative;
	height: 57px;
	text-decoration: none;
	width: auto;



}

#navigation .home {
	background-position:0px 0px;
	width:87px;
	height:57px;

}

#navigation .recipes {
	background-position:-87px 0px;
	width:88px;
	height:57px;

}

#navigation .awards {
	background-position:-175px 0px;
	width:93px;
	height:57px;

}


#navigation .contact{
	background-position:-268px 0px;
	width:99px;
	height:57px;

}

#navigation .buy{
	background-position:-367px 0px;
	width:78px;
	height:57px;

}

#navigation a .hover {
	background: transparent  url(images/nav.jpg) no-repeat;
	display:block;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;

}




#navigation .home .hover, #home #navigation .home {
	background-position: -0px -57px;

}

#navigation .recipes .hover, #recipes #navigation .recipes{
	background-position: -87px -57px;
}

#navigation .awards .hover, #awards #navigation .awards{
	background-position: -175px -57px;
}

#navigation .contact .hover, #contact #navigation .contact{
	background-position: -268px -57px;
}

#navigation .buy .hover, #buy #navigation .buy {
	background-position: -367px -57px;
}



/* Home Content
-------------------------------------------------------------- */


#beyondExpectations {
	float:left;
	margin-left:250px;

}

#vodkaDiscription {
	float:left;
}

#intro {
	font-size:1.4em;
	width:535px;
	position:relative;
	height:100px;
	margin-left:290px;
	padding-top:14px;

}

#intro p{

	line-height:1.4;
	display:block;
	letter-spacing:.5px;
	width:245px;
}

/* Contact Content
-------------------------------------------------------------- */
#contactNumber{

	margin:47px 0 0 284px;
}

#nameNumber {
	position:relative;
	float:left;
	width:1003px;
	padding-top:68px;

}
.name {
	font-size:1.6em;
	font-weight:bold;
	color:#b50938;
	line-height:1;
	padding:10px 0 4px 0;
}
.addressBox {
	color:#fff;
	font-size:1.1em;
	font-style:normal;
	line-height:1.3;
}

#listA {
	float:left;
	display:inline;
	margin-left:300px;
	width:237px;

}
#listB {
	float:left;
	width:239px;
}

.space {
	padding-top:4px;
}

/* Awards Content
-------------------------------------------------------------- */
#awardsImage {
	margin:45px 0 0 284px;
}

#sanFran {
	color:#fff;
	font-weight:bold;
	margin-top:74px;
	padding-left:300px;
	line-height:1.2;

}
#awardsPara {
	font-size:1.4em;
	width:358px;
	display:block;
	color:#c7c8ca;
	padding-left:300px;

}

#newAward {
	width:358px;
	margin:24px 0 0 300px;
}

#newAward h2{
	color:#fff;
	font-weight:bold;
	line-height:1.2;
}

#newAward p {
	font-size:1.4em;
	color:#c7c8ca;
}

#newAward img {
	float:left;
	margin:0 20px 0 0;
}

/* Recipes Content
-------------------------------------------------------------- */
#recipeHead {
	margin:45px 0 0 284px;
}


#recipeNavigation {
 	position:absolute;
	left:282px;
	top:135px;

 }


 #recipeNavigation li {
 	float:left;
 }

 #recipeNavigation li a{
 	background-image:url(images/recipeNav.jpg);
 	display:block;
 }

 #recipeNavigation li a{
	background-image:url(images/recipeNav.jpg);
	display: block;
	outline: none;
	position: relative;
	height: 58px;
	text-decoration: none;
	width: auto;
	cursor:pointer;
}

#recipeNavigation .one {
	background-position:0px 0px;
	width:56px;
	height:58px;

}

#recipeNavigation .two {
	background-position:-56px 0px;
	width:58px;
	height:58px;

}

#recipeNavigation .three {
	background-position:-114px 0px;
	width:58px;
	height:58px;

}


#recipeNavigation .four{
	background-position:-172px 0px;
	width:58px;
	height:58px;

}

#recipeNavigation .five{
	background-position:-230px 0px;
	width:55px;
	height:58px;

}

#recipeNavigation a .hover {
	background:url(images/recipeNav.jpg) no-repeat;
	display:block;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;

}




#recipeNavigation .one .hover, #recipeNavigation #one .current{
	background-position: -0px -58px;

}

#recipeNavigation .two .hover, #recipeNavigation #two .current{
	background-position: -56px -58px;
}

#recipeNavigation .three .hover, #recipeNavigation #three .current{
	background-position: -114px -58px;
}

#recipeNavigation .four .hover, #recipeNavigation #four .current{
	background-position: -172px -58px;
}

#recipeNavigation .five .hover, #recipeNavigation #five .current{
	background-position: -230px -58px;
}



.recipeHead {
	font-size:2.4em;
	color:#58595b;
	font-weight:bold;
	line-height:1.1;
	margin-bottom:.4em;
}

.recipeHead span{
	color:#b30937;
}

#bloodyRecipe ul, #capeRecipe ul, #flyingRecipe ul, #blackRecipe ul, #devilRecipe ul{
	display:block;
}

#bloodyRecipe ul li, #capeRecipe ul li, #flyingRecipe ul li, #blackRecipe ul li, #devilRecipe ul li {
	font-size:1.5em;
	list-style:disc inside;
	color:#77787b;
}
.smallVodka {
	position:absolute;
	bottom:38px;
	left:8px;
	width:32px;
	height:154px;
}

#bloodyRecipeImage {
	float:left;
	padding:25px 0 0 32px;

}

#bloodyGlass {
	position:absolute;
	top:0;
	right:0;
}

.clickInfo {
	color:#58595b;
	position:absolute;
	bottom:43px;
	left:8px;
	z-index:1000;
}

#capeRecipe, #flyingRecipe, #blackRecipe, #devilRecipe {

	display:none;
}

.recipePointerDefault{
	cursor:default;
	
}

/* Beyond Bloody Recipe
-------------------------------------------------------------- */
#bloodyRecipe {
	position:absolute;
	top:226px;
	left:284px;
	width:511px;
	height:364px;
	padding:37px 0 0 8px;

}
#bloodyRecipeImage {
	float:left;
	padding:26px 0 0 32px;

}

#bloodyGlass {
	position:absolute;
	top:0;
	right:0;
}

/* Cape Cod Recipe
-------------------------------------------------------------- */
#capeRecipe {
	position:absolute;
	top:226px;
	left:284px;
	width:480px;
	height:364px;
	padding:37px 0 0 8px;

}
#capeRecipeImage {
	float:left;
	padding:26px 0 0 32px;

}

#capeGlass {
	position:absolute;
	top:0;
	right:0;
}

/* Flying Grasshopper Recipe
-------------------------------------------------------------- */
#flyingRecipe {
	position:absolute;
	top:226px;
	left:284px;
	width:480px;
	height:364px;
	padding:37px 0 0 8px;

}
#flyingRecipeImage {
	float:left;
	padding:46px 0 0 32px;

}

#flyingGlass {
	position:absolute;
	top:0;
	right:0;
}
/* Black Russian
-------------------------------------------------------------- */
#blackRecipe {
	position:absolute;
	top:226px;
	left:284px;
	width:423px;
	height:364px;
	padding:37px 0 0 8px;

}
#blackRecipeImage {
	float:left;
	padding:46px 0 0 32px;

}

#blackGlass {
	position:absolute;
	top:0;
	right:0;
}
/* Devil and Beyond
-------------------------------------------------------------- */
#devilRecipe {
	position:absolute;
	top:226px;
	left:284px;
	width:444px;
	height:364px;
	padding:37px 0 0 8px;

}
#devilRecipeImage {
	float:left;
	padding:26px 0 0 32px;

}

#devilGlass {
	position:absolute;
	top:0;
	right:0;
}

#list1 {
	float:left;

}

#list2 {
	float:left;
	margin-left:14px;
	width:170px;

}
#brandy {
	padding-left:15px;
}
#blend {
	position:absolute;
	font-size:1.5em;
	top:182px;
	left:8px;
	color:#58595b;

}
/* Buy Content
-------------------------------------------------------------- */
#findBuy {
	margin:47px 0 0 281px;
}
#searchBox {
	position:absolute;
	top:288px;
	left:292px;
	width:420px;
	height:45px;
	display:inline;
}

#searchBox input, #searchBox button {
	border: none;
	float: left;
}

#searchBox input.box {
	color: #010101;
	font-size: 1.2em;
	width: 247px;
	height: 31px;
	background:url(images/searchInput.jpg) no-repeat 0 0;
	padding:12px 0 0 20px;
}
#searchBox input.box:focus {
	outline: none;
}
#searchBox .btn {
	width: 103px;
	height: 47px;
	cursor: pointer;
	text-indent: -9999px;
	line-height:0;
	font-size:0;
	background:url(images/searchButton_2.jpg) no-repeat top right;
	position:absolute;
	top:192px;
	left:-5px;

}
#searchBox .btn:hover {
	background:url(images/searchButton_2.jpg) no-repeat bottom right;
}

#zip {
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	clear:both;
	padding-left:10px;
}
#searchBox .radio {
	clear:both;
	float:none;
	margin:0 8px 0 5px;
}

label.miles {
	color:#fff;
	font-size:1.2em;
	display:block;

}
#searchBox h6{
	color:#fff;
	font-size:1.2em;
	padding:1px 0 6px 10px;
	clear:both;
}
/* Footer
-------------------------------------------------------------- */

#footer {
	height:21px;
	position:absolute;
	bottom:156px;
	left:290px;
	margin-bottom:20px;
}
#follow{
	font-size:1.3em;
	color:#939598;
	margin:0;
	float:left;
	display:block;
	padding:3px 0 0 0;

}

* html follow h3 {
	height:1%;
}

#footer span {
	font-size:1.1em;
	color:#939598;
	float:left;
	line-height:1.8;
	clear:both;
}


#twitter{
	background:url(images/twitter.jpg) no-repeat top left;
	width:19px;
	height:22px;
	float:left;
	display:block;
	margin-left:6px;
}
#facebook {
	background:url(images/facebook.jpg) no-repeat top left;
	width:19px;
	height:22px;
	float:left;
	display:block;
	margin:0 0 0 6px
}

#buyBeyond {
	font-size:1.3em;
	background:url(images/circleDollar.gif) no-repeat right center;
	padding:7px 22px 5px 8px;


}

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