@charset "UTF-8";


/****************************
CSS 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, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/****************************
USED THROUGHOUT
****************************/
html { height:100%; }
body { 
	height:100%;
	line-height:1; 
	background-color:#000;
	font-family:Verdana, Geneva, sans-serif;
}
/*Opera Fix for Sticky Footer*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/*END Opera Fix for Sticky Footer*/
a:link, a:visited {
	text-decoration:none;
	color:#ffba4c;
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
a:hover, a:active {
	text-decoration:underline;
	color:#ffba4c;
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.container { 
	width:100%; 
	height:100%;
	position: relative;
	overflow:auto;
}
.wrapper-for-footer {
	position:relative;
	width:960px;
	max-width:60em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -3.563em; /* -57px */
}
.wrapper {
	width:100%;
	position:relative;
	max-width:60em;
	margin:0 auto;
}
#main-content {
	overflow:auto;
	padding-bottom: 3.563em; /* 57px */
}
#mast {
	position:absolute;
	top:0;
	left:0;
	height:4.563em;  /* 105px */
	width:100%;
	z-index:100;
	background:url(../images/bg-top.jpg) center center; 
}
#logo {
	position:absolute;
	top:16px;
	left:0;
	width:126px;
	height:158px;
	background:url(../images/logo-header.png) no-repeat;
	z-index:150;
	margin-left:-7px;
}
#logo-bday {
	position:absolute;
	top:16px;
	left:50%;
	width:126px;
	height:158px;
	background:url(../images/logo-header.png) no-repeat;
	z-index:150;
	margin-left:-63px;
}
.box-content a:link, .box-content a:visited { color:#eac33f; text-decoration:none; }
.box-content a:active, .box-content a:hover { color:#eac33f; text-decoration:underline; }

/****************************
PAGE BACKGROUNDS
****************************/
.home {
	background:url(../images/home-barrel3.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.fermentation {
	background:url(../images/bg-fermentation2.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.commitment {
	background:url(../images/bg-commitment2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.ageing {
	background:url(../images/bg-ageing2.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.antigua-barbuda {
	background:url(../images/bg-antigua-barbuda.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.giant-grass {
	background:url(../images/bg-giant-grass.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.white-gold {
	background:url(../images/white-sugar.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.heritage {
	background:url(../images/antigua-sugar-factory.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.story {
	background:url(../images/story-of-sugar-in-antigua.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.sourcing-molasses {
	background:url(../images/molasses2.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.how-rum-is-made {
	background:url(../images/alchemy.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.rum-culture {
	background:url(../images/rum-shop.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bday {
	background:url(../images/bday3.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.distillery {
	background:url(../images/distillery.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.rum-makers {
	background:url(../images/rum-makers.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.distillation {
	background:url(../images/distillation.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.our-range {
	background:url(../images/our-range3.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.kokocaribe {
	background:url(../images/kokocaribe.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.cavalier {
	background:url(../images/cavalier.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.oasis {
	background:url(../images/oasis2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.rum-punch {
	background:url(../images/cavalier-rum-punch.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.english-harbour {
	background:url(../images/english-harbour.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.sailing-week {
	background:url(../images/antigua-sailing-week.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.fishing {
	background:url(../images/antigua-sport-fishing.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.carnival {
	background:url(../images/antigua-carnival.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.recipes {
	background:url(../images/cocktails2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.rumfest {
	background:url(../images/rumfest.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.jobs {
	background:url(../images/jobs.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.terms {
	background:url(../images/terms.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.privacy {
	background:url(../images/privacy.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.responsibility {
	background:url(../images/responsibility.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.distributors {
	background:url(../images/distributor-map.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.history {
	background:url(../images/history.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.blending {
	background:url(../images/blending.jpg) no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contact {
	background:url(../images/contact.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.distrib-login {
	background:url(../images/distributor-login.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.ubersoca-cruise {
	background:url(../images/ubersoca-cruise-carnival.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/****************************
DISTILLERY
****************************/
.distillery-button {
	width:25%;
	float:left;
	padding:10px 0;
	margin-bottom:12px;
	display:block;
	text-align:center;
}
#distillery-clear-both {
	clear:both;
}
.distillery-button-spacer {
	width:12.5%;
	float:left;
	margin-bottom:12px;
	display:block;
}
.distillery-buttons-container {
	display:block;
	width:auto;
	height:auto;
}
.dist-img {
	-webkit-opacity:0.8;
	   -moz-opacity:0.8;
	    -ms-opacity:0.8;
	     -o-opacity:0.8;
	        opacity:0.8;
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.dist-img:hover {
	-webkit-opacity:1.0;
	   -moz-opacity:1.0;
	    -ms-opacity:1.0;
	     -o-opacity:1.0;
	        opacity:1.0;
}
/****************************
RANGE
****************************/
.range-container {
	position:absolute; 
	top:42%;
	left:10%;
	z-index:2; 
	width:90%;
	height:133px;
}
.range-box {
	position:absolute!important; 
	top:50%;
	left:5%;
}
.range-logo { 
    float:left; 
	display:block; 
	-webkit-opacity:0.8;
	   -moz-opacity:0.8;
	    -ms-opacity:0.8;
	     -o-opacity:0.8;
	        opacity:0.8;
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.range-logo:hover {
	-webkit-opacity:1.0;
	   -moz-opacity:1.0;
	    -ms-opacity:1.0;
	     -o-opacity:1.0;
	        opacity:1.0;
}
.eh { 
    padding-top:7px; 
	padding-right:5px;
}
.cav { 
    padding-right:5px;
}
.koko { 
    padding-top:13px; 
	padding-right:5px;
}
.punch { 
    padding-top:5px; 
	padding-right:5px;
}
.oa { 
    padding-top:7px;
}
.kokobox {
	position:absolute!important;
	top:40%;
	left:5%;
}
#koko-header {
	position:absolute; 
	top:33%; 
	right:8%; 
	z-index:2;
}
#eh-header {
	position:absolute; 
	top:140px; 
	right:7.5%; 
	z-index:2;
}
#cav-header {
	position:absolute; 
	top:130px; 
	right:8%; 
	z-index:2;
}
.rumpunchbox {
	position:absolute!important;
	top:35%;
	left:5%;
}
#rumpunch-header {
	position:absolute; 
	top:26%; 
	right:8%; 
	z-index:2;
}
#oasis-header {
	position:absolute; 
	top:120px; 
	right:8%; 
	z-index:2;
}

/****************************
EVENTS
****************************/
#sailing-week-header {
	position:absolute; 
	top:120px; 
	right:8%; 
	z-index:2;
}
#rumfest-header {
	position:absolute; 
	top:120px; 
	right:8%; 
	z-index:2;
}


/****************************
BDAY AGE VERIFY & DISTRIB LOGIN
****************************/
.bdaybox {
	width:310px!important;
	text-align:center;
	position:absolute!important;
	top:30%;
	left:31%;
}
.bday-label {
	font-size:14px; 
	font-weight:bold; 
	color:#e5e5e5; 
	margin-bottom:12px;
	text-align:center;
}
.bday-fineprint {
	text-align:center;
	margin-bottom:10px;
	font-size:12px;
	line-height:18px;
}
#bday-country {
	width:199px; 
	height:32px; 
	background:url(../images/bday-country-bg.png) no-repeat; 
	margin:0 auto 20px auto;
	overflow:hidden;
}
.distrib-login-field {
	width:199px; 
	height:32px; 
	background:url(../images/distrib-login-field-bg.png) no-repeat; 
	margin:0 auto 20px auto;
	overflow:hidden;
}
.distrib-field {
	width:199px; 
	height:28px; 
	text-align:center; 
	border:0; 
	margin:1px 0 0 -3px; 
	background:url(../images/trans.gif); 
	color:#e5e5e5;
}
#country {
	width:223px; 
	font-size:12px; 
	border:0; 
	margin:8px 8px 0 8px; 
	background:url(../images/trans.gif); 
	color:#e5e5e5; 
	-webkit-appearance: none;
}
.bday-date {
	width:199px; 
	height:32px; 
	background:url(../images/bday-date-bg.png) no-repeat; 
	margin:0 auto;
}
#bday-month {
	width:53px; 
	height:28px; 
	text-align:center; 
	border:0; 
	margin-top:1px; 
	background:url(../images/trans.gif); color:#e5e5e5;
}
#bday-day {
	width:53px; 
	height:28px; 
	text-align:center; 
	border:0; 
	margin:1px 0 0 -3px; 
	background:url(../images/trans.gif); 
	color:#e5e5e5;
}
#bday-year {
	width:83px; 
	height:28px; 
	text-align:center; 
	border:0; 
	margin:1px 0 0 -3px; 
	background:url(../images/trans.gif); 
	color:#e5e5e5;
}
#bday-submit-container {
	margin:20px 0;
}
#bday-submit {
	width:90px; 
	height:32px; 
	border:none; 
	margin:20px auto;
	background:url(../images/bday-enter-gb.gif) repeat-x; 
	color:#FFF;
	font-size:12px; 
	line-height:20px; 
	font-weight:bold; 
	text-shadow:1px 1px #000; 
	-webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.7);
	   -moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.7);
	        box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.7);
}

/****************************
TOP NAV
****************************/
.nav-wrapper {
	width:960px;
	max-width:60em;
	margin:0 auto;
	text-align:right;
}
#navigation-btn { 
	display:none;
	height:32px;
	margin:0 auto;
	border-right:#5e5e5e 1px solid;
	border-left:#5e5e5e 1px solid;
}
#top-nav-back {
	position:absolute;
	top:4.563em;
	left:0;
	z-index:100;
	height:2em;
	width:100%;
	background: url(../images/bg-nav.gif);
	-webkit-box-shadow: 0em 0.2em 0.7em rgba(0,0,0,0.7);
	   -moz-box-shadow: 0em 0.2em 0.7em rgba(0,0,0,0.7);
	     -o-box-shadow: 0em 0.2em 0.7em rgba(0,0,0,0.7);
            box-shadow: 0em 0.2em 0.7em rgba(0,0,0,0.7);
}
#top-nav {
	position:relative;
	margin-left:115px;
	height:32px;
	font-size:0.75em;
	font-weight:bold;
	color:#ccc;
	line-height:100%;
}
#top-nav li {
	list-style:none;
	text-align:left;
	position:relative;
	float:right;
	border-left:#5e5e5e 1px solid;
	text-transform:uppercase;
}
.nav-heritage {
	text-align:center!important;
	width:13%;
	border:none!important;
}
.nav-distillery {
	text-align:center!important;
	width:19%;
}
.nav-range {
	text-align:center!important;
	width:15%;
}
.nav-awards {
	text-align:center!important;
	width:12%;
}
.nav-events {
	text-align:center!important;
	width:11%;
}
.nav-recipes {
	text-align:center!important;
	width:12%;
}
.nav-distributors {
	text-align:center!important;
	width:17%;
}
#top-nav a {
	display:block;
	height:32px;
	color: #ccc;
	text-decoration:none;
	line-height:32px;
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
#top-nav li:hover > a {
	color: white;
	text-decoration:none;
	background:#000;
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
#top-nav li:hover > a:last-child {
	padding-bottom:0em;
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
#top-nav ul {
	visibility:hidden;
	opacity:0;
	position:absolute;
	top:32px;
	left:-1px;
	width:260px;
	padding:8px 0;
	background:#000;
	background:rgba(0,0,0,0.8);
	border-left:#5e5e5e 1px solid;
	border-right:#5e5e5e 1px solid;
	border-bottom:#5e5e5e 1px solid;
	-webkit-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
	   -moz-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
	     -o-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
            box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
#top-nav li:hover > ul {
	visibility:visible;
	opacity:1;
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
#top-nav ul li {
	float:none;
	margin:0;
	font-size:0.9em;
	border:none;
}
#top-nav ul li > a{
	display:block;
	padding:0 1.7em;
}
#top-nav ul li:hover > a {
	color:white;
	background-color:#ba6d07;
}

/****************************
HOME
****************************/
#header-home {
	position:absolute;
	top:40%;
	left:50%;
	margin-left:-30em;
	width:98%;
	max-width:60em;
	text-align:right;
	height:81px;
	display:block;
	background:url(../images/header-big.png) right no-repeat;
}
#features {
	width:98%;
	max-width:58.8em;
	margin:0 1%;
	position:absolute;
	top:65%;
}
.feature {
	float:left;
	width:30.625%;  /* 294/960 */
	height:123px;
	display:block;
	margin-left:4.0625%;  /* 39/960 */
	-webkit-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
	   -moz-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
	     -o-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
            box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
}
img.feature-img { 
	opacity: 0.5; 
	-webkit-transition: opacity 0.3s;
       -moz-transition: opacity 0.3s;
         -o-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
            transition: opacity 0.3s;
}
img.feature-img:hover { 
	opacity: 0; 
	-webkit-transition: opacity 0.3s;
       -moz-transition: opacity 0.3s;
         -o-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
            transition: opacity 0.3s;
}
#feature1 {
	background:url(../images/bg-feature-facebook-on.png) top left no-repeat;
}
#feature2 {
	background:url(../images/bg-feature-range-on.png) top left no-repeat;
}
#feature3 {
	background:url(../images/bg-feature-mix-on.png) top left no-repeat;
}
.feature:first-child {
	margin:0;
}
.clearboth {
	clear:both;
}

/****************************
BOX
****************************/

.box-top-spacer {
	padding-top:165px;
	display:block;
}
.box {
	position:relative;
	width:85%; 
	margin:0 auto;
	padding:30px 30px 18px;
	color:white;
	background:rgba(0,0,0,0.8);
	-webkit-border-radius: 0.5em;
	   -moz-border-radius: 0.5em;
	     -o-border-radius: 0.5em;
            border-radius: 0.5em;
	-webkit-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
	   -moz-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
	     -o-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
            box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.7);
	font-family: 'Open Sans', sans-serif; font-weight:300; font-size:15px; line-height:25px; letter-spacing:1px; display:none;
}
.box h1 {
	font-family: 'Raleway', sans-serif; font-size:36px; font-weight:400; margin-bottom:30px; line-height:40px;
}
.box h2 {
	font-size:16px;
	color:#ffba4c;
	font-family:inherit;
}
.box p {
	margin-bottom:12px;
}
.box-clear {
	clear:both; 
	height:60px; 
	display:block;
}
.slider-image {
	width: 242px;
	text-align:right;
	float:right;
	display: block;
	margin:0 12px 8px 55px;
}
.slider-image img {
	width: 242px;
}

/****************************
FOOTER
****************************/
#footer {
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	margin-top:-3.5625em; /* -57px */
	z-index:200;
	height:3.5625em; /* 57px */
	width:100%;
	background:url(../images/bg-footer.png);
	clear:both;
}
#bottom-nav {
	float:right;
	display:block;
	margin:26px 16px 0px 0px;
}
#bottom-nav li {
	font-size:0.65em;
	color:#999;
	display:inline;
	float:left;
	padding:0 0.7em;
	border-left:#5e5e5e 1px solid;
}
#bottom-nav li:first-child {
	border-left:none;
}
#bottom-nav li a:link, #bottom-nav li a:visited {
	color:#999;
	text-decoration:none;
}
#bottom-nav li a:hover, #bottom-nav li a:active {
	color: white;
	text-decoration:none;
}
#bottom-nav li a:hover, #bottom-nav li a:link {
	-webkit-transition: color 0.3s;
       -moz-transition: color 0.3s;
         -o-transition: color 0.3s;
        -ms-transition: color 0.3s;
            transition: color 0.3s;
}
#copyright {
	font-size:0.65em;
	color:#999;
	padding:26px 0px 0px 12px;
}

/****************************
DRINKS
****************************/

.drink-category-container {
	border-top:1px solid rgba(255,255,255,.1);
	border-bottom:1px solid rgba(255,255,255,.1);
	position:relative;
	height:auto;
	margin-bottom:20px;
}
.drink-category {
	position:absolute;
	right:0;
	width:180px;
	height:100%;
	background-color:rgba(255,255,255,.1);
	display:block;
	overflow:hidden;
}
.drink-container {
	position:relative; 
	margin:0 220px 20px 0;
}
.drink-container img {
	 margin:20px 20px 0 0;
}
.drink-header {
	font-family: 'Domine', serif; 
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	margin:14px 0 0 0;
}
span#signature-cocktail { 
	display:block; 
	font:inherit; 
	color:#ffba4c; 
	font-size:16px; 
	font-weight:bold; 
	margin-bottom:10px; 
}
.drink-title {
	font-family: 'Domine', serif; 
	color:#fff; 
	display:block; 
	font-size:28px; 
	font-weight:400; 
	padding:40px 0 4px;
}
span.drink-title {
	font-family: 'Domine', serif; 
	color:#fff; 
	display:block; 
	font-size:28px; 
	font-weight:400; 
	padding:4px 0;
}
hr.drink-title-sep {
	border: 0 none;
  	border-top: 1px dashed #666;
  	background: none;
  	height:0;
 	margin-bottom:12px;
}
hr.drink-sep {
	border: 0 none;
  	border-top: 1px solid rgba(255,255,255,.1);
  	background: none;
  	height:0;
  	margin:0 180px 4px 0;
}


.StMaarten {
	width:375px;
}

.Barbados {
	width:390px;
}