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


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .copy {margin:0;padding:0;border:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/*****Basic Elements*****/

body.agegate {
	background-color: #321f16;
	background-image: url(../images/inicio.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

body.agesp {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center top;
}
	
body.puerta {
	background-color: #321f16;
	background-image: url(../images/inesp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


body.agegatelegal {background:#000}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em; color:#bca45e;}
h2 {margin-bottom:0;}


/*****Basic Layout*****/
.container {
	width:1024px;
	margin:0 auto;
	height: 726px;
}
.nav {width:157px;margin:12px 25px 0 0}
.agegate .content, .puerta .content{
	margin-top:540px;
	width:100%
}
.content .heading {width:406px; margin:0 auto}
.home div.content {width:950px; height:839px; margin-top:0px;}
.container .content #introDiv {
	position: absolute;
	z-index: 2;
	top: 0px;
}

.homepage div.content {width:950px; height:580px; margin-top:0px;}
.fourofour div.content {margin-top:0px}
.home div.content, .homepage div.content {position:relative}
.legal .content {font-size:1.3em; width:569px}
#flashcontent, .flash, .recipeSelector, .homepagehero {outline:none; overflow:hidden}
.homepagehero {height:533px; background:#000}
.content .holder {height:674px}
.contactholder {height:550px}

.home .flash, .homepage .flash {margin-bottom:0px}
.media .flash {margin-bottom:50px}
.last, div.last {margin-right:0;}

.agegatelegal .container, .aggregatesp .container {width:728px;margin:0 auto; font-size:12px}
.agegatelegal .content {background:url(../imgs/legal/bg.gif) repeat-y 0 0; width:653px; margin:0; padding:28px 38px 0 37px;}
.agegatelegal .content.terms p {margin-left:29px}
.agegatelegal .content.terms p.title {margin-left:0}
.agegatelegal p.title {color:#BCA45E; font-size:1.7em;}
.agegatelegal .content span {color:#BCA45E; font-weight:bold}
.agegatelegal .content a {font-weight:bold}
.agegatelegal .container .footer {background:url(../imgs/legal/footerbg.gif) no-repeat 0 0; width:653px; margin:0; padding:28px 38px 0 37px; height:107px}
.agegatelegal .container .footer p {margin:0; padding:0;}

.shellTop, .shellBtm {width:974px;}
.shellTopLft, .shellTopMiddle, .shellTopRt, .shellBtmLft, .shellBtmMiddle, .shellBtmRt, .shellTop, .shellBtm, .nav, .content, .recipeSelector, .adUnit {float:left}
.shellTop .shellTopLft {background:url(../imgs/shell/top-lft.gif) no-repeat 0 0; width:12px; height:12px;}
.shellTop .shellTopMiddle {background:url(../imgs/shell/top-middle.gif) no-repeat; width:950px; height:12px;}
.shellTop .shellTopRt {background:url(../imgs/shell/top-rt.gif) no-repeat; width:12px; height:12px;}
.shellBtm .shellBtmLft {background:url(../imgs/shell/btm-lft.gif) no-repeat; width:12px; height:12px;}
.shellBtm .shellBtmMiddle {background:url(../imgs/shell/btm-middle.gif) no-repeat; width:950px; height:12px;}
.shellBtm .shellBtmRt {background:url(../imgs/shell/btm-rt.gif) no-repeat; width:12px; height:12px;}
.shellBody {background:url(../imgs/shell/bg.gif) repeat-y; width:951px; padding:0 0 50px 23px; float:left}
.home .shellBody, .homepage .shellBody {width:962px; padding:0 0 0 12px;}

/*------------NAVIGATION---------------*/
.logo  {position:relative; top:52px; left:4px; width:159px}
.home div.nav, .homepage div.nav {position:absolute; z-index:3000; left:11px; top:0}
.home div.navTop, .homepage div.navTop {background:url(../imgs/nav/top.png) no-repeat 0 0;}
.home div.navBody, .homepage div.navBody {background:url(../imgs/nav/bg.png) repeat-y 0 0;}
.home div.navBottom, .homepage div.navBottom {background:url(../imgs/nav/bottom.png) no-repeat 0 0;}
div.navTop {background:url(../imgs/nav/top.gif) no-repeat 0 0; width:157px; height:125px;}
div.navBody {background:url(../imgs/nav/bg.gif) repeat-y 0 0; width:157px; text-align:center}
div.navBody ul {padding-left:11px; width:135px}
div.navBody li.navproducts a, div.navBody li.larojena a, div.navBody li.cocktails a, div.navBody li.media a, div.navBody li.facts a {display:block; width:135px; height:22px; text-indent:-9999px }
div.navBody li.navproducts a {background:url(../imgs/nav/products.gif) no-repeat 0 0; background-position:0 0;margin-bottom:2px}
div.navBody li.navproducts a:hover {background-position:0 -22px;}
div.navBody li.navproducts a.active {width:135px; height:29px; background-position: 0 -44px}
div.navBody li.larojena a {background:url(../imgs/nav/larojena.gif) no-repeat 0 0; background-position:0 0;margin-bottom:2px}
div.navBody li.larojena a:hover {background-position:0 -22px;}
div.navBody li.larojena a.active {width:135px; height:29px; background-position: 0 -44px}
div.navBody li.cocktails a {background:url(../imgs/nav/cocktails.gif) no-repeat 0 0; background-position:0 0; width:135px; margin-bottom:2px}
div.navBody li.cocktails a:hover {background-position:0 -22px;}
div.navBody li.cocktails a.active {background-position:0 -44px;}
div.navBody li.media a {background:url(../imgs/nav/media.gif) no-repeat 0 0; background-position:0 0;height:22px}
div.navBody li.media a:hover, div.navBody li.media a.active {background:url(../imgs/nav/media.gif) no-repeat 0 0; background-position:0 -22px;}
div.navBody li.facts a {background:url(../imgs/nav/tequilafacts.gif) no-repeat 0 0; background-position:0 0;}
div.navBody li.facts a:hover {background-position:0 -22px;}
div.navBody li.facts a.active {background-position:0 -44px;}
div.navBody .subnav {margin-top:4px}
div.navBody .subnav ul {padding-left:0px; margin-bottom:8px; width:135px}
div.navBody .subnav li {font-size:1.2em; margin:0 0 3px 0}
div.navBody .subnav li.div {background:url(../imgs/nav/divider.gif) no-repeat 0 0; width:135px; height:1px; margin:4px 0}
div.navBody .subnav li a {color:#7e7e7e;}
div.navBody .subnav li a.active {color:#BCA45E;}
div.navBody .subnav li a:hover {color:#BCA45E; text-decoration:underline}
div.navBottom {background:url(../imgs/nav/bottom.gif) no-repeat 0 0; width:157px; height:96px; margin-bottom:6px}
.nav div.facts {padding-left:2px}

/*--------------------------AGE GATE---------------------------*/
div.error {float:left; color:#d50000; font-size:1.1em; width:100%; margin-top:17px}
div.error p {margin:0; padding:0; text-align:center}
div.forms {
	margin-left:80px;
	width:585px
}

div.dropdown {
	font-size:13px;
	width: 530px;
	margin-left: 250px;
}

span.select {}

#countryList {
	width: 180px;
	color: #FFF;
	background-color: #321f16;
}

#day , #month, #year{
	background-color: #321f16;
	color: #FFF;
}

.dob {
	float: left;
	width: 200px;
	margin-left: 64px;
}

.dob input.month, .dob input.day, .dob input.year {
	border:none;
	float:left;
	height:29px;
	padding:5px 0 0 2px;
	font-size:20px;
	margin:0;
	font-family:Georgia;
}
.dob input.month.disabled, .dob input.day.disabled, .dob input.year.disabled {background-color:#CCCCCC}
.dob input.month, .dob input.day {width:41px; margin:0 5px 0 0}
.dob input.year {width:70px;}
.enter input{
	background: scroll;
	background-image: url(../images/enterbrown.png);
	width: 220px;
	height: 91px;
	background-repeat: no-repeat;
	border:none;
}
.enter:hover input {
	background-image:url(../images/enteryell.png);
}
.enter {
	width: 252px;
	margin-left: 170px;
}
.footer{
	width: 1024px;
	height: 70px;
	margin-top: 100px;
	text-align:center;
	background-image:none;
	clear: both;
}


.content .menu-lan {
	position: relative;
	top: 30px;
	left: 0;
	width: 1022px;
	height: 400px;
	border: 0px;
	padding: 0;
	display: inline;
			   }
#english {
	margin-left: 520px;
	position: absolute;
	left: 0px;
	z-index: 98;
	top: 0px;
}
#spanish {
	margin-right: 380px;
	position: absolute;
	top: 0px;
	left: 300px;
	z-index: 99;

}