/* GENERAL STYLES */
@import "reset.css";
html { background: black; width: 100%; }
body#homepage, body#age_verification { background: url(/images/body-bg.jpg) center 0 no-repeat black; color: white; font: normal 11px/18px verdana, arial, sans-serif; margin: 0 auto; min-width: 924px; padding: 10px 50px; position: relative; width: 924px; }
body { background: url(/images/body_interior.jpg) 50px 0 no-repeat black; color: white; font: normal 11px/18px verdana, arial, sans-serif; margin: 0 auto; min-width: 924px; padding: 10px 50px; position: relative; width: 924px; }
/*---------------------------
=Header Section
---------------------------*/
#header { height: 91px; }
#brand { background: url(/images/logo.gif) 0 0 no-repeat; height: 91px; width: 260px; }
#brand a { display: block; height: 91px; overflow: hidden; text-indent: -10000px; width: 260px; }
#navigation { background: url(/images/navigation.jpg) 13px 0 no-repeat; height: 24px; position: absolute; right: 39px; top: 10px; width: 520px; }
#navigation li { display: block; float: left; padding: 0 0 0 13px; }
#navigation li a { display: block; height: 24px; overflow: hidden; text-indent: -10000px; }
#nav_lunazul { background: url(/images/navigation.jpg) 13px 0 no-repeat; width: 112px; }
#nav_lunazul:hover, .active #nav_lunazul { background: url(/images/navigation.jpg) 13px -24px no-repeat; }
#nav_tequila101 { background: url(/images/navigation.jpg) -112px 0 no-repeat; width: 73px; }
#nav_tequila101:hover, .active #nav_tequila101 { background: url(/images/navigation.jpg) -112px -24px no-repeat; }
#nav_legacy { background: url(/images/navigation.jpg) -197px 0 no-repeat; width: 88px; }
#nav_legacy:hover, .active #nav_legacy { background: url(/images/navigation.jpg) -197px -24px no-repeat; }
#nav_coctails { background: url(/images/navigation.jpg) -298px 0 no-repeat; width: 55px; }
#nav_coctails:hover, .active #nav_coctails { background: url(/images/navigation.jpg) -298px -24px no-repeat; }
#nav_praise { background: url(/images/navigation.jpg) -365px 0 no-repeat; width: 41px; }
#nav_praise:hover, .active #nav_praise { background: url(/images/navigation.jpg) -365px -24px no-repeat; }
#nav_contact { background: url(/images/navigation.jpg) -419px 0 no-repeat; width: 73px; }
#nav_contact:hover, .active #nav_contact { background: url(/images/navigation.jpg) -419px -24px no-repeat; }
/*---------------------------
=Maincontent Section
---------------------------*/
/* homepage */
body#homepage #maincontent { padding: 438px 0 60px 0; }
body#age_verification #maincontent { padding: 221px 0 80px 0; }
body#homepage #maincontent #bottle_reposado { left: 516px; position: absolute; top: 118px; }
body#homepage #maincontent #bottle_blanco { left: 360px; position: absolute; top: 118px; }
body#age_verification #maincontent #bottle_reposado { left: 826px; position: absolute; top: 130px; }
body#age_verification #maincontent #bottle_blanco { left: 670px; position: absolute; top: 130px; }
body#homepage #maincontent p { width: 308px; }
body#homepage #maincontent #home_briefs { background: url(/images/home_briefs.jpg) 0 0 no-repeat; float: right; min-height: 167px; position: absolute; right: 50px; top: 539px; width: 517px; }
body#homepage #maincontent #home_briefs li { display: block; float: left; width: 151px; padding: 34px 6px 0 89px; }
body#homepage #maincontent #home_briefs li h3 { margin: 0 0 8px 0; }
body#homepage #maincontent #home_briefs li p { font-size: 10px; line-height: 15px; margin: 0 0 12px 0; width: auto; }
body#homepage #maincontent #home_briefs li a { display: block; height: 26px; margin: 0 0 0 40px; overflow: hidden; text-indent: -10000px; width: 105px; }
body#homepage #maincontent li.recipes h3 { background: url(/images/h3_home_recipes.gif) 0 0 no-repeat; height: 18px; overflow: hidden; text-indent: -10000px; width: 145px; }
body#homepage #maincontent li.recipes a { background: url(/images/view_recipes.gif) 0 0 no-repeat; }
body#homepage #maincontent li.agave { margin: 0 0 0 25px; height: 167px;}
body#homepage #maincontent li.agave h3 { background: url(/images/h3_home_agave.gif) 0 0 no-repeat; height: 18px; overflow: hidden; text-indent: -10000px; width: 115px; }
body#homepage #maincontent li.agave a { background: url(/images/learn_more.gif) 0 0 no-repeat; }
/* interior */
#maincontent { padding: 21px 0 60px 0; }
#bottle_reposado { left: 865px; position: absolute; top: 60px; }
#bottle_blanco { left: 776px; position: absolute; top: 60px; }
#medium-bottles.awards {height: 607px; left: 776px; position: absolute; top: 60px; width: 210px; }
#medium-bottles.legacy {height: 375px; left: 776px; position: absolute; top: 60px; width: 210px; }
#medium-bottles {height: 267px; left: 776px; position: absolute; top: 60px; width: 210px; }
#maincontent h2.hd_home { background: url(/images/hd_homepage.gif) 0 0 no-repeat; height: 28px; margin: 0 0 12px 0; overflow: hidden; text-indent: -10000px; width: 308px; }
h2.hd_lunazul { background: url(/images/hd_lunazul.gif) 0 0 no-repeat; height: 23px; margin: 0 0 21px 0; overflow: hidden; text-indent: -10000px; width: 123px; }
h2.hd_tequila101 { background: url(/images/hd_tequila101.gif) 0 0 no-repeat; height: 23px; margin: 0 0 21px 0; overflow: hidden; text-indent: -10000px; width: 161px; }
h2.hd_legacy { background: url(/images/hd_legacy.gif) 0 0 no-repeat; height: 23px; margin: 0 0 21px 0; overflow: hidden; text-indent: -10000px; width: 215px; }
h2.hd_coctails { background: url(/images/hd_coctails.gif) 0 0 no-repeat; height: 23px; margin: 0 0 21px 0; overflow: hidden; text-indent: -10000px; width: 292px; }
h2.hd_praise { background: url(/images/hd_praise.gif) 0 0 no-repeat; height: 23px; margin: 0 0 21px 0; overflow: hidden; text-indent: -10000px; width: 97px; }
h2.hd_contact { background: url(/images/hd_contact.gif) 0 0 no-repeat; height: 23px; margin: 0 0 21px 0; overflow: hidden; text-indent: -10000px; width: 166px; }
#maincontent p { margin: 0 0 1em 0;}
#maincontent div.content-column {width: 620px;}
#maincontent a { color: #ff0000; }
#maincontent a:hover { color:#d00000; }
#maincontent strong { color: #F9E3AA; }
#maincontent h3 { color: #FFBA00; font-size: 14px; font-weight: bold; margin: 0px 0 7px 0; padding: 0; }
#maincontent h4, #maincontent h5 { font-size: 12px; font-weight: bold; margin: 12px 0 0 0; width: 400px; }
#maincontent ul, #maincontent ol { color: #cccccc; margin: 0 0 0 18px; width: 522px; }
#maincontent ul li { margin: 0 0 1em 0; }
#maincontent dl { margin: 42px 0 0 0; }
#maincontent dt { color: #FFBA00; font-size: 14px; font-weight: bold; margin: 21px 0 7px 0; width: 400px; }
#maincontent dd { border-bottom: 1px dotted #222222; margin: 0 0 14px 0; padding: 0 0 7px 0; }
#maincontent dd a { color: #CF7474; }
#maincontent select { border: 1px solid #666666; margin: 0 0 1em 0; padding: 2px; }
#maincontent select.day { width: 60px; }
#maincontent input.text { border: 1px solid #666666; margin: 0 0 1em 0; padding: 3px; width: 80px }
#maincontent input.submit { background: #000000; border: 1px solid #d00000; color: #d00000; cursor: pointer; margin: 1.5em 0 0 0; padding: 3px 4px; }
#maincontent div.recipe {border-bottom: 1px dotted #222222; padding: 45px 0 10px 0; width: 924px;}
#maincontent div.recipe div.left-column {float: left; width: 337px;}
#maincontent div.recipe div.right-column {float: left; margin: 0; padding: 0 0 0 20px; width: 467px;}
#maincontent div.recipe div.right-column p {width: 467px;}
/*---------------------------
=Footer Section
---------------------------*/
#footer { border: none; clear: both; width: 924px; }
#footer p { border: none; color: #999999; }
#footer a { color: #d00000; }
#footer a:hover { color: #ff0000; }
#footer p.right { padding: 8px 0 0 0; }
/*---------------------------
=Form Styles
---------------------------*/
form#contact-form fieldset { border:2px solid #121212; margin:25px 0 0 0; padding:2px;}
form#contact-form legend { background:#121212; margin: 0 -20px 0 20px; padding:5px 9px;}
form#contact-form fieldset div#background {background: #121212; margin: -13px 0 0 0; padding: 40px 20px 20px 20px;}
form#contact-form ul { list-style:none; margin:0; padding:0; }
form#contact-form ul li { border-bottom:1px dotted #333; display:block; padding:8px 0; }
form#contact-form ul li.clear_li { border:none; padding:18px 0 0 130px; }
form#contact-form ul li #submit_btn { background: url(../images/btn_submitform.gif) no-repeat; float:left; height: 25px; text-indent: -9999px; width: 105px;}
form#contact-form ul li #submit_btn:hover {background-position: 0 -25px;}
form#contact-form ul li a#reset { background: url(../images/btn_resetform.gif) no-repeat; float:left; margin:0px 0 0 20px; height: 25px; text-indent: -9999px; width: 105px;}
form#contact-form ul li a#reset:hover {background-position: 0 -25px;}
form#contact-form ul li label { display:block; float:left; padding-right:10px; text-align:right; width:120px;}
form#contact-form ul li .forms { background:#ccc; border:1px solid #121212; color:#000; font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; padding:4px; }
form#contact-form ul li .forms:focus { background:#FF0000; color:#fff; }
/*---------------------------
=Classes
---------------------------*/
.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }
.pagepic { display: block; margin: 0 0 21px 0; }
body#drink_pics .pagepic { display: block; margin: 0; padding: 0; }
.pagepic.right {border: 1px solid #58595b; padding: 3px;}
.pagepic.left {border: 1px solid #58595b; padding: 3px; margin: 0 20px 50px 0;}
div.left-column .pagepic.left {border: none;}
.blanco { color: #ffffff; }
.reposado { color: #F9E3AA; }
#maincontent dd a.back { color: #ff0000; display: block; margin: 2em 0 0 0; }
div.extra-padding-top {left: 716px; position: absolute; top: 360px;}
/*---------------------------
=Unused Styles
---------------------------*/
/* OLD SITEMAP NAVIGATION:
#navigation { background: url(/images/navigation.jpg) 13px 0 no-repeat; height: 24px; position: absolute; right: 50px; top: 10px; width: 506px; }
#navigation li { display: block; float: left; padding: 0 0 0 13px; }
#navigation li a { display: block; height: 24px; overflow: hidden; text-indent: -10000px; }
#nav_about { background: url(/images/navigation.jpg) 13px 0 no-repeat; width: 108px; }
#nav_about:hover { background: url(/images/navigation.jpg) 13px -24px no-repeat; }
#nav_history { background: url(/images/navigation.jpg) -109px 0 no-repeat; width: 53px; }
#nav_history:hover { background: url(/images/navigation.jpg) -109px -24px no-repeat; }
#nav_recipes { background: url(/images/navigation.jpg) -175px 0 no-repeat; width: 47px; }
#nav_recipes:hover { background: url(/images/navigation.jpg) -175px -24px no-repeat; }
#nav_agave { background: url(/images/navigation.jpg) -235px 0 no-repeat; width: 39px; }
#nav_agave:hover { background: url(/images/navigation.jpg) -235px -24px no-repeat; }
#nav_reviews { background: url(/images/navigation.jpg) -287px 0 no-repeat; width: 109px; }
#nav_reviews:hover { background: url(/images/navigation.jpg) -287px -24px no-repeat; }
#nav_contact { background: url(/images/navigation.jpg) -409px 0 no-repeat; width: 72px; }
#nav_contact:hover { background: url(/images/navigation.jpg) -409px -24px no-repeat; }
#nav_lunazul { background: url(/images/navigation2.jpg) 13px 0 no-repeat; width: 55px; }
#nav_lunazul:hover, .active #nav_lunazul { background: url(/images/navigation2.jpg) 13px -24px no-repeat; }
#nav_tequila101 { background: url(/images/navigation2.jpg) -55px 0 no-repeat; width: 73px; }
#nav_tequila101:hover, .active #nav_tequila101 { background: url(/images/navigation2.jpg) -55px -24px no-repeat; }
#nav_legacy { background: url(/images/navigation2.jpg) -141px 0 no-repeat; width: 88px; }
#nav_legacy:hover, .active #nav_legacy { background: url(/images/navigation2.jpg) -141px -24px no-repeat; }
#nav_coctails { background: url(/images/navigation2.jpg) -242px 0 no-repeat; width: 124px; }
#nav_coctails:hover, .active #nav_coctails { background: url(/images/navigation2.jpg) -242px -24px no-repeat; }
#nav_praise { background: url(/images/navigation2.jpg) -380px 0 no-repeat; width: 41px; }
#nav_praise:hover, .active #nav_praise { background: url(/images/navigation2.jpg) -380px -24px no-repeat; }
#nav_contact { background: url(/images/navigation2.jpg) -434px 0 no-repeat; width: 73px; }
#nav_contact:hover, .active #nav_contact { background: url(/images/navigation2.jpg) -434px -24px no-repeat; }
*/