body { background: #000 url("images/bg_main.gif") repeat-x; color: #273500; font: normal 12px/18px Arial, sans-serif; margin: 0px; padding: 0px; text-align: center; }

* { margin: 0px; padding: 0px; border: 0px; }

a:link { color: #273500; text-decoration: underline; }

a:visited { color: #273500; text-decoration: underline; }

a:hover { color: #b8d40b; text-decoration: none; }

a:active { color: #273500; text-decoration: none; }

a:hover img { background-color: transparent; } 

h1 { color: #000; font: normal 40px/48px Arial, serif; }

h1 span { background-color: #738fb6; padding: 2px; } 

h2 { color: #000; font: normal 21px/24px Arial, serif; }

h2 span { background-color: #f0f0f0; }

h3 { font: normal 16px/18px Arial, sans-serif; font-weight: bold; }

h4 { font:  normal 11px/14px Arial, sans-serif; text-transform: uppercase; margin-bottom: 6px; }

.clearfloats { clear: both; }

#homeContainer  { width: 857px; font: normal 12px/18px Arial, sans-serif; color: #273500; margin-left: auto;
margin-right: auto; text-align: left; }

#homeTop { width: 857px; height: 493px; background: url("images/bg_home.jpg") no-repeat; }
#homeLeft { width: 288px; float: left; }
#homeCenter { width: 232px; float: left; }
#homeRight { width: 331px; float: left; }
#homeBottom { width: 857px; background: url("images/bg_home_bottom.jpg") no-repeat; }
#homeSpirit { padding-top: 420px; padding-left: 162px; }
#homeBrand { padding-top: 432px; padding-left: 55px; }
#homeDrink { padding-top: 420px; padding-left: 54px; }


#siteContainer { width: 958px; font: normal 12px/18px Arial, sans-serif; color: #273500; margin-left: auto;
margin-right: auto; text-align: left; }

#navigator { width: 261px; background: #fff; float: left; }
#buyPisco { width: 90px; padding-top: 75px; padding-right: 10px; float: left; }
#insideNav { width: 161px; float: left; } 
#theContent { width: 697px; float: left; }


#logo { margin: 25px 0px 47px 27px; background-color: transparent; }

#navSpirit { padding: 0px 0px 0px 26px; }
#navBrand { padding: 10px 0px 0px 0px; }
#navDrink { padding: 10px 0px 0px 33px; }
.nav { margin-left: 0; padding-left: 0; list-style: none; font: normal 10px/12px Arial, sans-serif; text-transform: uppercase; }
.nav li { margin: 4px 0 0px 0px; padding-left: 0px; }
.nav a:link { font: normal 10px/12px Arial, sans-serif; text-transform: uppercase; color: #273500; text-decoration: none; }
.nav a:visited { font: normal 10px/12px Arial, sans-serif; text-transform: uppercase; color: #273500; text-decoration: none; }
.nav a:hover { font: normal 10px/12px Arial, sans-serif; text-transform: uppercase; color: #fff; background: #b8d40b; text-decoration: none; }
.nav a:active { font: normal 10px/12px Arial, sans-serif; text-transform: uppercase; color: #273500; text-decoration: none; }
.nav a#current { color: #b8d40b; }


/* The Spirit */
#midSpirit { width: 240px; float: left; } 
#rgSpirit { width: 457px; float: left; }
#mainSpirit { width: 457px; }
#spiritInfo { width: 360px; padding: 190px 0 18px 0; }

.upcomingEvent { width: 209px; padding-right: 10px; color: #273500; float: left; } 
.eventTn { width: 57px; padding-right: 8px; float: left; } 
.eventInfo { width: 144px; font: normal 11px/14px Arial, sans-serif; float: left; }
.eventDate { text-transform: uppercase; }
.eventTile { font-style: italic; }
.eventLoc { font-style: italic; }

/* Calendar of Events */
#eventCorp { width: 280px; float: left; } 
#eventPromo { width: 280px; float: left; }



.rPress { width: 228px; float: left; }
.rpressTn { width: 86px; float: left; padding-right: 8px; } 
.articleTn { border: 1px solid #a6a6a6; }
.rpressInfo { width: 120px; font: normal 11px/14px Arial, sans-serif; float: left; }
.rpressDate { text-transform: uppercase; }
.rpressTile  { font-style: italic; } 
.rpressDownload { text-transform: uppercase; }


/* Press */

#midPress { width: 480px; float: left; } 
#rgPress { width: 217px; float: left; }

/* BEGIN ARTICLES */
.articleContainer { width: 442px; padding-left: 38px; margin-bottom: 20px; font: normal 10px/13px Arial, sans-serif; text-transform: uppercase; text-align: center; }
.articleSelector { width: 86px; float: left; margin-right: 30px; }
.articleImg { border: 1px solid #ebebeb; margin-bottom: 4px; }


/* The Brand */
#midBrand { width: 495px; float: left; } 
#rgBrand { width: 202px; float: left; }
#brandInfo { padding-top: 116px; }

#bottleTop { width: 495px; height: 51px; }
#bottleRed { width: 167px; height: 493px; }
#bottleGreen {  width: 162px; height: 493px; }
#bottleBlue { width: 166px; height: 493px; }
#bottleBottom { width: 495px; height: 241px; }

#brandName { padding: 68px 0 20px 0px; }
#brandAlcohol { padding-bottom: 32px; }

#bottleShowcase { width: 408px; float: left; }
#bottleInfo { width: 289px; float: left; }
.brandNav { margin-top: -10px; margin-left: 452px; position: absolute; }


/* The Drink */
#midDrink { width: 495px; float: left; } 
#rgDrink { width: 202px; float: left; }
.highlight { background: #b8d40b; color: #fff; }

#deliContainer { width: 380px; padding: 34px 52px 8px 63px; } 
#deliNumbers { width: 104px; padding-right: 25px; float: left; } 
#deliDesc { width: 251px; float: left; }

#drinksArea { width: 495px; overflow: hidden; position: relative; }
#drinksAreaInner { width: 5000px; } /*495px; */
.drinks { width: 3000px; } /*432*/
.drinksTn { padding: 0 30px 20px 0px; float: left; }
.drinksTn a { width: 110px; height: 145px; border-bottom: 1px solid #fff; display: block; }
.drinksTn a:hover { border-bottom: 1px solid #839d2a; }

#midProcess { width: 547px; float: left }
#rgProcess { width: 112px; padding-left: 38px; float: left; }

#processArea { width: 547px; height: 484px; overflow: hidden; position: relative; }
#processAreaInner { width: 5000px; } /*495px; */

.processContainer { width: 5000px; }
.processes { width: 547px; float: left; } /*432*/
.processHead { width: 507px; padding-left: 40px; padding-bottom: 20px; }
.processDesc { width: 507px; padding-left: 40px; font: normal 12px/20px Arial, sans-serif; color: #839d2a; } 

/* Mixology */
#midMixology { width: 547px; float: left; }
#mixologyArea { width: 547px; height: 484px; }
#mixologyDesc { width: 507px; padding-left: 40px; font: normal 12px/18px Arial, sans-serif; color: #839d2a; padding-bottom: 20px; padding-top: 10px; } 
#mixologyBlogs { width: 225px; float: left; padding-right: 17px; padding-left: 40px; } 
#mixologyWords { width: 265px; float: left; }


.smContent { font: normal 11px/16px Arial, sans-serif; color: #839d2a; } 

#scrollerNav { background: #b7d30b; width: 180px; color: #fff; text-align: center; text-transform: uppercase; }
#scrollerNav a { text-decoration: none; }
#scrollerNav a:hover { color: #fff; text-decoration: none; }

#footerArea { width: 396px; padding-left: 322px; text-align: center; }
#footerContainer { width: 396px; background: #839d2a; color: #fff; text-align: center; margin-bottom: 10px;  }
#footerContainer ul { font: normal 10px/12px Arial, sans-serif; text-transform: uppercase; }
#footerContainer ul li { display: inline; }
#footerContainer ul li a { padding: 5px 8px; color: #fff; text-decoration: underline; float: left;}
#footerContainer ul li a:hover { background: #839d2a; color: #fff; }
#footerContainer ul li #current { background: #839d2a; color: #fff; }
#copyright { font: normal 10px/14px Arial, sans-serif; text-transform: uppercase; color: #fff; }
#copyright a { color: #b8d40b; text-decoration: underline; }


/* Form Properties */

.labelXl { width: 637px; margin-bottom: 8px; }
.labelLg { width: 420px; margin-bottom: 8px; }
.labelSm { width: 203px; float: left; }
.labelMiddle { width: 14px; float: left; }
.inputSm { width: 190px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.inputLg { width: 410px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.selectSm { width: 192px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.selectLg { width: 410px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.textAreaLg { width: 410px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.largeTextForm { width: 410px; font: normal 24px/24px Georgia, serif; margin: 4px 0; height: 30px; border: 1px solid #abadb3; }
.formRequired { background-color: #fffbd1; display: inline; }
.inputHelper { font: normal 11px/16px Verdana, sans-serif; font-style: italic; }
.btnSubmit { padding: 5px; border: 0; background: #cecece; color: #000; font: normal 12px/12px Arial, sans-serif; text-transform: uppercase; }



/* Form Errors */
.errorArea { background-color: #F1F1F1; color: #333333; padding: 20px; width: 85%; margin-bottom: 20px; font-size: 12px; border: 1px solid #666; }
.errorText { color: #FF0000; text-transform: uppercase; }
.errorArea ul { margin-left: 15px; }