html * { margin: 0; padding: 0; font-family: Arial, Trebuchet, sans-serif; font-size: 1.0em; color: #fff; line-height: 1.5; }
body { font-size: 0.7em; background: #a19b9b; }
a { color: #fae9b1; outline: 0; text-decoration: none; }
a:hover { text-decoration: underline; }
a.bold { font-weight: bold; }
h1 { font-size: 1.7em; margin: 0; padding: 0 0 10px 0; line-height: 1.2; }
h2 { font-size: 1.5em; font-weight: normal; line-height: 1.2; }
h1 span, h2 span { display: none; }
h3 { font-size: 1.1em; line-height: 1.2; }
h2, h3, h5 { color: #f8d96f; padding: 0 0 14px 0; line-height: 1.2; }
h4 { color: #5f5e5e; line-height: 1.2; }
hr { height: 1px; color: #231f20; margin: 5px 0 20px 0; padding: 0; background: #231f20; border: 0; }
p { padding: 0 0 15px 0; }
ul, ol { padding: 0 0 17px 13px; }
img { border: 0; display: block; }
blockquote { font-style: italic; }

h1.contact-soul { height: 23px; background: url(/images/headings/contact_soul.png) no-repeat; }
h1.tv-advert { height: 23px; padding-bottom: 27px; background: url(/images/headings/tv_advert.png) no-repeat; }
h1.mixology { height: 29px; padding-bottom: 1px; background: url(/images/headings/mixology.png) no-repeat; }
h1.trade { height: 23px; background: url(/images/headings/trade.png) no-repeat; }
h1.soul { height: 23px; background: url(/images/headings/soul.png) no-repeat; }
h1.products { height: 29px; padding-bottom: 1px; background: url(/images/headings/products.png) no-repeat; }
h2.we-like-feedback { height: 16px; padding-bottom: 21px; background: url(/images/headings/we_like_feedback.png) no-repeat; }
h2.cosmopolitan { height: 21px; background: url(/images/headings/cosmopolitan.png) no-repeat; }
h2.virgin-cosmopolitan { height: 23px; background: url(/images/headings/virgin_cosmopolitan.png) no-repeat; }
h2.mojito { height: 21px; background: url(/images/headings/mojito.png) no-repeat; }
h2.virgin-mojito { height: 24px; background: url(/images/headings/virgin_mojito.png) no-repeat; }
h2.pina-colada { height: 21px; background: url(/images/headings/pina_colada.png) no-repeat; }
h2.virgin-pina-colada { height: 23px; background: url(/images/headings/virgin_pina_colada.png) no-repeat; }

.lft { float: left; width: 355px; }
.rgt { float: left; width: 230px; padding-top: 50px; }

h1, .indent { margin-left: 22px; }
.indent { width: 544px; padding: 30px 30px 0 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { min-height: 10px; display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.width { width: 936px; margin: 0 auto; }

#header { background: #000; }
#header #logo { position: absolute; padding-left: 47px; z-index: 10000; }
#header #nav { padding: 14px 0 15px 277px; }
#header #nav p { color: #959595; height: 23px; font-size: 0.9em; letter-spacing: -0.3px; text-transform: uppercase; }
#header #nav ul { margin: 0; padding: 0; list-style: none; }
#header #nav ul li { margin: 0; padding: 0; display: inline; }
#header #nav ul li a { float: left; color: #fff; font-size: 1.45em; margin: 0 15px; padding: 0; display: block; text-transform: lowercase; }
#header #nav ul li.first a { margin-left: 0; }

#wrapper { min-height: 708px; height: auto !important; height: 708px; background: url(/images/bg_wrapper.png) repeat-x #ded9d9; }

#wrapper #container { background: url(/images/bg_container_mdl.png) repeat-y; }
#wrapper #container #lft { float: left; width: 614px; min-height: 525px; margin-left: 12px; padding: 61px 0 0 50px; background: #fff; }
#wrapper #container #lft * { color: #000; }
#wrapper #container #lft p { padding-bottom: 19px; }
#wrapper #container #lft a, #wrapper #container #lft p span { color: #ce202e; }
#wrapper #container #lft.home { padding-left: 47px; }
#wrapper #container #lft.home .images { width: 572px; height: 446px; background: #78b465; padding-top: 12px; }

#wrapper #container #rgt { float: right; width: 204px; min-height: 536px; font-size: 1.1em; margin-right: 12px; padding: 14px 21px 36px 23px; background: #ce202e; }
#wrapper #container #rgt * { line-height: 1.7; }
#wrapper #container #rgt .brd-btm { padding: 17px 5px 8px 5px; background: url(/images/bg_dash.png) no-repeat bottom left; }
#wrapper #container #rgt h2 { padding: 0 0 22px 0; }
#wrapper #container #rgt h2.soul-searching { height: 39px; background: url(/images/headings/soul_searching.png) no-repeat; }
#wrapper #container #rgt h2.get-soul { height: 20px; margin-top: 6px; padding-bottom: 17px; background: url(/images/headings/get_soul.png) no-repeat; }
#wrapper #container #rgt .dark { color: #000; }
#wrapper #container #rgt .facebook { font-size: 0.9em; padding-bottom: 22px; }
#wrapper #container #rgt .facebook a { min-height: 45px; height: auto !important; height: 45px; color: #fff; font-weight: normal; padding: 5px 0 0 56px; display: block; background: url(/images/icon_facebook.png) no-repeat left; line-height: 1.6; }

#wrapper #footer-nav { clear: both; font-size: 0.9em; padding-bottom: 59px; text-transform: uppercase; background: url(/images/bg_container_btm.png) no-repeat top; }
#wrapper #footer-nav .width { width: 817px; padding: 41px 74px 7px 26px; border-bottom: 1px solid #6d6a6a; }
#wrapper #footer-nav ul { float: left; margin: 0; padding: 0; list-style: none; }
#wrapper #footer-nav ul li { margin: 0; padding: 0; display: inline; }
#wrapper #footer-nav ul li a { float: left; color: #231f20; margin: 0; padding: 0 21px 0 18px; display: block; background: url(/images/bg_footer_nav.png) no-repeat right; }
#wrapper #footer-nav ul li.last a { background: none; }
#wrapper #footer-nav .copyright { float: right; color: #929496; }

#footer { font-size: 0.9em; padding: 26px 0; text-align: center; text-transform: uppercase; border-top: 1px solid #676666; }
#footer * { color: #fff; }

.box { width: 292px; margin: 25px 0 61px 0; padding: 26px 42px 6px 240px; background: #c41e2b; border-bottom: 5px solid #000; }
.box .img { position: absolute; margin: -61px 0 0 -226px; }
.box ul li, .box p { color: #fff !important; }
.box p { line-height: 1.7; }
.box a { color: #fae9b1 !important; }

div.mojito { margin-bottom: 63px; background: #77b565; }
div.mojito .img { position: absolute; margin: -67px 0 0 -235px; }
div.pina-colada { margin-bottom: 73px; background: #e2c422; }

div.virgin-cosmopolitan, div.virgin-mojito, div.virgin-pina-colada { min-height: 216px; height: auto !important; height: 216px; margin: 43px 0 50px 0; }
div.virgin-cosmopolitan .img { margin: -61px 0 0 -225px; }
div.virgin-mojito { margin-bottom: 52px; background: #77b565; }
div.virgin-mojito .img { position: absolute; margin: -58px 0 0 -220px; }
div.virgin-pina-colada { margin-bottom: 63px; background: #e2c422; }
div.virgin-pina-colada .img { position: absolute; margin: -60px 0 0 -230px; }

/*ul#photo-slideshow { min-height: 433px; display: block; margin: 0 !important; padding: 0 !important; list-style: none; }
ul#photo-slideshow li { position: absolute; width: 572px; margin: 0 !important; padding: 20px 0 0 0; }
ul#photo-slideshow li.img1 { padding: 15px 0 0 57px; }
ul#photo-slideshow li.img2 { padding: 33px 0 0 79px; }
ul#photo-slideshow li.img3 { padding: 50px 0 0 82px; }
ul#photo-slideshow li.img4 { padding: 29px 0 0 65px; }
ul#photo-slideshow li.img5 { padding: 36px 0 0 105px; }*/
#photo-slideshow { width: 457px; height: 433px; overflow:hidden; display: block; margin: 0 0 0 57px !important; padding: 0 !important; list-style: none; }
#photo-slideshow li { width: 100%; height: 100%; margin: 0; padding: 0; } 
#photo-slideshow { position:relative; height:433px; }

#photo-slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}

#photo-slideshow img.active { z-index:10; opacity:1.0; }

#photo-slideshow img.last-active { z-index:9; }

#about-slideshow { width: 341px; height: 321px; overflow:hidden; display: block; margin: 0 !important; padding: 0 !important; list-style: none; }
#about-slideshow { position:relative; height:321px; }

#about-slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}

#about-slideshow img.active { z-index:10; opacity:1.0; }

#about-slideshow img.last-active { z-index:9; }



