@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;
}

html, body  { height: 100%; }

ul {
	list-style: none;
}

blockquote, q {
	quotes: 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: #FFF; 
  line-height:1.5;
  background:#000 url(images/background.jpg)  no-repeat top center;
  font-family:Arial, Helvetica, sans-serif;
}


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

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

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; }

/* Modal
-------------------------------------------------------------- */
#ageVerify {

	
	display:none;
	width:585px;	
	height:261px;
	background:url(images/modalBackground.gif) no-repeat 0 0;
	position:relative;

	/* for modern browsers use semi-transparent color on the border. nice! */
	
	-moz-box-shadow: 0 0 50px #000;
	-webkit-box-shadow: 0 0 50px #000;

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

}
#ageVerify #no {
	position:absolute;
	top:130px;
	left:294px;
	background:url(images/noButton.gif) no-repeat 0 0;
	width:272px;
	height:112px;
	
}

/* General Layout
-------------------------------------------------------------- */



#wrap {
	position:relative;
	margin:0 auto;
	width:1006px;
	height:1200px;
}


/* Header & Nav
-------------------------------------------------------------- */
#header {
	position:relative;
	width:1006px;
	height:212px;
	margin:0;
	z-index:1001;
}
#header h1{
	margin:0;
	padding:0;
}
h1 a{
	position:absolute;
	top:0;
	left:352px;
	display:block;
	background:url(images/logo.jpg) no-repeat 0 0;
	width:308px;
	height:230px;
	text-indent:-9000px;
}

#navLeft {
	float:left;
	background:url(images/navLeft.gif) no-repeat 0 0;
	height:48px;
	width:352px;
	margin-top:31px;
	
}

#navRight {
	float:right;
	background:url(images/navRight.gif) no-repeat 0 0;
	height:48px;
	width:346px;
	margin-top:31px;
}


#navLeft ul li {
	float:left;
	position:relative;
	
	
}

#navLeft ul li a, #navRight ul li a{
	font-family:"Times New Roman", Times, serif;
	padding:14px 5px 8px;
	font-size:1.8em;
	color:#ffefbc;
	letter-spacing:1.5px;
	display:block;
}

#navLeft ul li a.home {
	text-indent:-9000px;
	background:url(images/home.gif) no-repeat 58px 10px;
	width:69px;
	padding-left:58px;
}
#navLeft ul li a.tequila{
	
	background:url(images/tequila.gif) no-repeat 61px 0;
	width:152px;
	height:48px;
	padding:0 0 0 61px;
	text-indent:-9000px;
}
#navRight ul li {
	float:left;
	padding-left:36px;
}
#navRight ul li a.awards {
	text-indent:-9000px;
	background:url(images/awards.gif) no-repeat 0px 9px;
	width:93px;
}
#navRight ul li a.contact{
	text-indent:-9000px;
	background:url(images/contact.gif) no-repeat 16px 10px;
	width:114px;
}

#navLeft ul li a.home:hover,#home #navLeft ul li a.home{
	background:url(images/homeGlow.gif) no-repeat 58px 10px;
}
#navLeft ul li a.tequila:hover,#tequila #navLeft ul li a.tequila{
	background:url(images/tequilaGlow.gif) no-repeat 61px 0;
	height:48px;
	width:152px;
	
}
#navRight ul li a.awards:hover,#awards #navRight ul li a.awards{
	background:url(images/awardsGlow.gif) no-repeat 0px 9px;
}
#navRight ul li a.contact:hover,#contact #navRight ul li a.contact{
	background:url(images/contactGlow.gif) no-repeat 16px 10px;
}

#dropdown {
	background:url(images/tequilaHoverDropdown.gif) no-repeat bottom right;
	width:152px;
	height:130px;
	position:absolute;
	padding:0 0 0 61px;
	top:50px;
	left:0;
	cursor:pointer;
	z-index:1000;
	display:none;
	
}

#navLeft ul ul {
	
}

#navLeft ul ul li {
	margin:0;
	padding:0;
	
	
	
}

#navLeft ul ul li a{
	color:#000;
	font-size:1.6em;
	font-weight:bold;
	padding:5px 4px 0 12px;
	display:block;
	
	
}
.listWrap {
	position:relative;
	height:178px;
}

#navLeft ul ul li a:hover {
	color:#a78649;
}	
/* Content Home
-------------------------------------------------------------- */

#homeMain {
	position:relative;
	width:965px;
	height:601px;
	background:url(images/homeBottles.jpg) no-repeat top center;
	margin-top:18px;
	
}
#intro {
	font-size:1.3em;
	width:280px;
	float:right;
	height:220px;
	padding-top:15px;
	margin:214px 0 0;
	
	
}
#intro p{
	
	line-height:1.4;
	display:block;
	letter-spacing:.5px;
	width:245px;
}


/* Contact Content
-------------------------------------------------------------- */
#contactMain {
	position:relative;
	width:967px;
	height:626px;
	background:url(images/contactMain.jpg) no-repeat top center;
	margin-top:18px;
	
}

#contactContent {
	float:left;
	position:relative;
	width:967px;
	margin-top:188px;
}

#number {
	float:right;
	display:inline;
	position:relative;
	text-indent:-9000px;
	background:url(images/number.gif) no-repeat 0 0;
	width:254px;
	height:31px;
	margin-right:343px;
}
#nameNumber {
	
	position:relative;
	float:left;
	width:967px;
	padding-top:12px;
	
} 
.name {
	font-size:1.6em;
	font-weight:bold;
	color:#ffefbc;
	line-height:1;
	padding-top:15px;
}
.addressBox {
	color:#fff;
	font-size:1.1em;
	font-style:normal;
	line-height:1.3;
}

#listA {
	float:left;
	display:inline;
	margin-left:250px;
	width:237px;
	
}
#listB {
	float:left;
	width:239px;
}
#listC {
	float:left;
	width:222px;
}

.space {
	padding-top:4px;
}


/* Awards Content
-------------------------------------------------------------- */
#awardsBottle {
	position:absolute;
	left:0;
	top:152px;
	background:url(images/awardsBottle.jpg) no-repeat 0 0;
	width:345px;
	height:700px;
	
}
#awardsMain {
	position:relative;
	width:968px;
	height:627px;
	background:url(images/awardsMain.jpg) no-repeat top center;
	margin-top:18px;
}

#awardsContent {
	float:right;
	padding:relative;
	display:inline;
	width:310px;
	margin:182px 282px 0 0;
	line-height:1.2;
}

#sanFran {
	color:#fff;
	font-weight:bold;
}
#awardsPara {
	font-size:1.3em;
	width:270px;
	display:block;
}

/* Mixto Content
-------------------------------------------------------------- */
#mixtoBottle {
	position:absolute;
	left:0;
	top:108px;
	background:url(images/mixtoBottle.jpg) no-repeat 0 0;
	width:343px;
	height:710px;
	z-index:0;
}
#mixtoMain {
	position:relative;
	width:967px;
	height:627px;
	background:url(images/mixtoMain.jpg) no-repeat top center;
	margin-top:18px;
}

.tequilaNav {
	position:absolute;
	top:19px;
	right:19px;
	width:124px;
	height:466px;
	line-height:0;
	float:right;
}

#mixtoLine {
	background:url(images/mixtoNav.gif) no-repeat 0 0;
	width:31px;
	height:466px;
	position:absolute;
	top:0;
	left:93px;
}
#blancoLine {
	background:url(images/blancoNav.gif) no-repeat 0 0;
	width:31px;
	height:466px;
	position:absolute;
	top:0;
	left:62px;
}

#reposadoLine {
	background:url(images/reposadoNav.gif) no-repeat 0 0;
	width:30px;
	height:466px;
	position:absolute;
	top:0;
	left:32px;
}

#anejoLine {
	background:url(images/anejoNav.gif) no-repeat 0 0;
	width:32px;
	height:466px;
	position:absolute;
	top:0;
	left:0;
}
#mixtoTequila {
	background:url(images/mixtoTequila.jpg) no-repeat 0 0;
	width:474px;
	height:466px;
	position:absolute;
	top:19px;
	left:350px;
}
.infoHead {
	font-size:1.3em;
	float:left;
	width:400px;
	height:55px;
	display:block;
	line-height:1.4;
	position:relative;
	padding:134px 0 0 28px;
}

.tastingHead {
	font-weight:bold;
	color:#fff;
	margin-bottom:.2em;
	padding-left:28px;
}

#tequilaInfo {
	float:left;
	margin-left:28px;
	display:inline;
	width:402px;
}

.head {
	color:#ffefbc;
	font-weight:bold;
	font-size:1.3em;
	padding-right:8px;
	text-align:right;
}

.data {
	font-size:1.3em;
	
}
.mixtoRecipes {
	background:url(images/mixtoButton.gif) no-repeat 0 0;
	width:137px;
	height:25px;
	position:absolute;
	border:none;
	left:28px;
	bottom:14px;
}



#mixtoRecipes {
	background:url(images/mixtoRecipes.jpg) no-repeat 0 0;
	width:474px;
	height:466px;
	position:absolute;
	top:19px;
	left:350px;
	display:none;
}

.mixtoTasting {
	background:url(images/mixtoTasteButton.gif) no-repeat 0 0;
	width:137px;
	height:25px;
	position:absolute;
	border:none;
	left:28px;
	bottom:14px;
	
}

.recipe {
	padding:134px 0 0 28px;
	font-size:1.3em;
	width:260px;
	display:block;
}
.recipe li{
	list-style:disc;
	margin-left:14px;
	
	}

.recipeHead {
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.6em;
	line-height:1.3;
	margin-bottom:.5em;
}

/* Blanco Page
-------------------------------------------------------------- */
#blancoBottle {
	position:absolute;
	left:0;
	top:108px;
	background:url(images/blancoBottle.jpg) no-repeat 0 0;
	width:343px;
	height:716px;
	z-index:0;
}
#blancoMain {
	position:relative;
	width:967px;
	height:627px;
	background:url(images/blancoMain.jpg) no-repeat top center;
	margin-top:18px;
}
#blancoTequila {
	background:url(images/blancoTequila.jpg) no-repeat 0 0;
	width:474px;
	height:466px;
	position:absolute;
	top:19px;
	left:350px;
}
.blancoInfoHead {
	font-size:1.3em;
	float:left;
	width:400px;
	height:89px;
	display:block;
	line-height:1.4;
	position:relative;
	padding:134px 0 0 28px;
}
.blancoRecipes {
	background:url(images/blancoButton.gif) no-repeat 0 0;
	width:137px;
	height:25px;
	position:absolute;
	border:none;
	left:28px;
	bottom:14px;
}

.blancoTasting {
	background:url(images/blancoTasteButton.gif) no-repeat 0 0;
	width:137px;
	height:25px;
	position:absolute;
	border:none;
	left:28px;
	bottom:14px;
	
}

#blancoRecipes {
	background:url(images/blancoRecipes.jpg) no-repeat 0 0;
	width:474px;
	height:466px;
	position:absolute;
	top:19px;
	left:350px;
	display:none;
}

.instructions {
	font-size:1.3em;
	float:left;
	width:266px;
	display:block;
	line-height:1.4;
	position:relative;
	padding:20px 0 0 28px;
}

/* Reposado Page
-------------------------------------------------------------- */
#reposadoBottle {
	position:absolute;
	left:0;
	top:108px;
	background:url(images/reposadoBottle.jpg) no-repeat 0 0;
	width:343px;
	height:718px;
	z-index:0;
}
#reposadoMain {
	position:relative;
	width:967px;
	height:627px;
	background:url(images/reposadoMain.jpg) no-repeat top center;
	margin-top:18px;
}

#reposadoTequila {
	background:url(images/reposadoTequila.jpg) no-repeat 0 0;
	width:474px;
	height:466px;
	position:absolute;
	top:19px;
	left:350px;
}
.reposadoInfoHead {
	font-size:1.3em;
	float:left;
	width:400px;
	height:89px;
	display:block;
	line-height:1.4;
	position:relative;
	padding:134px 0 0 28px;
}
.reposadoRecipes {
	background:url(images/reposadoButton.gif) no-repeat 0 0;
	width:137px;
	height:25px;
	position:absolute;
	border:none;
	left:28px;
	bottom:14px;
}

.reposadoTasting {
	background:url(images/reposadoTasteButton.gif) no-repeat 0 0;
	width:137px;
	height:25px;
	position:absolute;
	border:none;
	left:28px;
	bottom:14px;
	
}

#reposadoRecipes {
	background:url(images/reposadoRecipes.jpg) no-repeat 0 0;
	width:474px;
	height:466px;
	position:absolute;
	top:19px;
	left:350px;
	display:none;
}

.reposadoRecipe {
	padding:134px 0 0 35px;
	font-size:1.3em;
	width:260px;
	display:block;
}
.reposadoRecipe li{
	width:300px;
	list-style:disc;
	margin-left:14px;
}
.reposadoInstructions{
	font-size:1.3em;
	float:left;
	width:300px;
	display:block;
	line-height:1.4;
	position:relative;
	padding:18px 0 0 28px;
}
/* Anejo Page
-------------------------------------------------------------- */
#anejoBottle {
	position:absolute;
	left:0;
	top:108px;
	background:url(images/anejoBottle.jpg) no-repeat 0 0;
	width:343px;
	height:721px;
	z-index:0;
}
#anejoMain {
	position:relative;
	width:967px;
	height:627px;
	background:url(images/anejoMain.jpg) no-repeat top center;
	margin-top:18px;
}

#anejoTequila {
	background:url(images/anejoTequila.jpg) no-repeat 0 0;
	width:474px;
	height:466px;
	position:absolute;
	top:19px;
	left:350px;
}
.anejoInfoHead {
	font-size:1.3em;
	float:left;
	width:400px;
	height:89px;
	display:block;
	line-height:1.4;
	position:relative;
	padding:134px 0 0 28px;
}
.anejoRecipes {
	background:url(images/anejoButton.gif) no-repeat 0 0;
	width:137px;
	height:25px;
	position:absolute;
	border:none;
	left:28px;
	bottom:14px;
}
.anejoTasting {
	background:url(images/anejoTasteButton.gif) no-repeat 0 0;
	width:137px;
	height:25px;
	position:absolute;
	border:none;
	left:35px;
	bottom:14px;
	
}

#anejoRecipes {
	background:url(images/anejoRecipes.jpg) no-repeat 0 0;
	width:474px;
	height:466px;
	position:absolute;
	top:19px;
	left:350px;
	display:none;
}

.anejoRecipeHead {
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.5em;
	line-height:1.3;
	margin-bottom:.5em;
}

/* Footer
-------------------------------------------------------------- */

#footer {
	width:967px;
	height:21px;
	position:absolute;
	bottom:0;
	left:0;
	letter-spacing:.8px;
	z-index:500;
}

#home #follow{
	position:absolute;
	bottom:66px;
	right:0;
}

#follow {
	position:absolute;
	bottom:90px;
	right:0;
}
#follow h3{
	font-size:1.3em;
	color:#d1d3d4;
	margin:0;
	float:left;
	display:block;
	padding:3px 0 0 15px;
	
}
* html follow h3 {
	height:1%;
} 

#footer span {
	font-size:1.2em;
	color:#9d9fa2;
}


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

#footer a {
	
	color:#9d9fa2;
}
#footer a:hover{
	
	color:#fff;
	text-decoration:underline;
}