/* Reset Browser Defaults */
html, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ul{ list-style: none; }
table{ border-collapse: collapse; border-spacing: 0; }
caption, th, td{ text-align: left; font-weight: normal; font-size: 11px; margin: 0 0 5px 0; line-height: 1.5em; }
/* Style Guide */
body{ color: #d8d7c5; font-family: Arial, sans-serif; background: #000 url('../img/bg-site.gif') center -100px repeat-x;}
a{ color: #fda213; text-decoration: none; font-weight: bold;}
a:link{ }
a:visited{ }
a:hover{ color: #b98429;}
a:active{ }
h1, h2{ }
h2{ background: url('../img/bg-title.gif') 0 17px repeat-x;}
h2 span { float: right; }
h3{ }
h4{ color: #d57511; font-size: 11px; font-weight: bold; padding: 0 0 2px 0; }
h4 a{ color: #fcb801; }
h4.large{ font-size: 14px; padding: 0 0 20px 0; }
h5{ font: normal 17px Arial, sans-serif; color: #cbc8ab; margin: 0 15px 15px 0; }
h6{ color: #33332e; font-size: 10.5px; margin: 20px 0 0 0; }
p{ font-size: 11px; margin: 0 0 11px 0; line-height: 1.3em; }
img{ }
strong{ font-weight: bold; }
em{ font-style: italic; }
sup{ font-size: .8em; vertical-align: super; text-transform: uppercase; }
table{ margin: 10px 0 0 0; }
table th{ color: #FDA213; padding: 0 10px 0 0; font-size: 13px; font-weight: bold; }
table td{ padding: 0 0 20px 0; }
label{ }
input{ }

#coastline{ background: #000 url('../img/bg-content.jpg') left top no-repeat; width: 943px; margin: 0 auto; position: relative; padding: 0 10px;}
.home #coastline{ background-image: url('../img/bg-content-home.jpg'); }

#header{ margin: 0 0 20px; }
.home #header{ margin: 0 0 240px; }
#header .logo{ display: block; text-align: right; padding: 25px 25px 0 0; margin: 0 0 0 560px; }
#header .mews{ display: block; text-align: right; padding: 0 25px 28px 0; margin: 0 0 0 560px; }
#header .nav{ width: 222px; float: left; margin: 41px 0 0 0; }
#header .nav li{ }
#header .nav li a{ display: block; width: 222px; height: 0; background: url('../img/main-nav.gif') right 0 no-repeat; overflow: hidden; padding: 27px 0 0 0; margin: 0 0 4px 0; }
#header .nav li.about a{ background-position: right 0; }
#header .nav li.charity a{ background-position: right -31px; }
#header .nav li.tour a{ background-position: right -62px; }
#header .nav li.designers a{ background-position: right -93px; }
#header .nav li.partners a{ background-position: right -124px; }

#header .nav li.about a:hover{ background-position: 0 0; }
#header .nav li.charity a:hover{ background-position: 0 -31px; }
#header .nav li.tour a:hover{ background-position: 0 -62px; }
#header .nav li.designers a:hover{ background-position: 0 -93px; }
#header .nav li.partners a:hover{ background-position: 0 -124px; }

#header .nav li.about a.current{ background-position: -222px 0; }
#header .nav li.charity a.current{ background-position: -222px -31px; }
#header .nav li.tour a.current{ background-position: -222px -62px; }
#header .nav li.designers a.current{ background-position: -222px -93px; }
#header .nav li.partners a.current{ background-position: -222px -124px; }

#content{ width: 100%; display: inline-block; }
.preview{ display: inline-block; width: 100%; }
.row{ display: inline-block; margin: 15px 0 25px 0; width: 100%; clear: both; }
.row h2{ margin: 0 0 20px 0; }

.full-col{  }
.left-col{ width: 624px; float: left; }
.right-col{ width: 300px; float: left; }

.on-left{ margin: 0 9px 0 0; }
.on-right{ margin: 0 0 0 9px; }
.in-middle{ margin: 0 12px; }

.resources{  }
.room-list{ display: inline-block; width: 100%; border-bottom: 1px solid #454437; padding: 0 0 25px 0; }
.room-list li{ float: left; width: 188px; margin: 10px 0; text-transform: uppercase; font-size: 13px; }
.room-list a{ font-weight: normal; color: #D57511; }
.resources dl{ float: left; width: 310px; height: 110px; padding: 15px 0 0; font-size: 12px; }
.resources dt{ color: #fff; font-weight: bold; }
.resources dd a{ color: #D8D7C5; font-weight: normal; }
.resources dd a:hover{ color: #c7c6b6; }
.resources dd{ padding: 3px 0 0 90px; line-height: 17px; }
.resources h4{ clear: both; font-size: 15px; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #454437; padding: 30px 0 12px 0; margin: 0 0 10px 0; }
.back-to-top{ display: block; width: 200px; clear: both; text-transform: uppercase; margin: 0 0 50px 0; font-size: 14px; }

.small{ background: #181712; padding: 10px;}
.alt-bg{ background: #1d1c13; padding: 10px; }
.alt-bg h4{ color: #a5a595; font-size: 18px; margin: 0 0 5px 0; }
.alt-bg h4 em{ color: #fff; font-style: normal; }
.featured{ clear: both; display: inline-block; }
.featured img{ float: left; margin: 0 10px 0 0; }
.featured p a{ text-decoration: underline; color: #fff; } 

.designer{ background: url('../img/designers/laslo-bg.jpg') left top no-repeat; width: 147px; height: 199px; vertical-align: top; display: inline-block; font-size: 15px; }
.designer dt{ padding: 115px 0 0 15px; color: #9b9b8c; }
.designer dd{ padding: 0 0 0 15px; }
dl.bradfield{ background-image: url('../img/designers/bradfield-bg.jpg'); }
dl.delrose{ background-image: url('../img/designers/delrose-bg.jpg'); }
dl.kuriger{ background-image: url('../img/designers/kuriger-bg.jpg'); }
dl.mason{ background-image: url('../img/designers/mason-bg.jpg'); }
dl.mcginniss{ background-image: url('../img/designers/mcginniss-bg.jpg'); }
dl.raymond{ background-image: url('../img/designers/raymond-bg.jpg'); }
dl.thorpe{ background-image: url('../img/designers/thorpe-bg.jpg'); }
dl.unknown{ background-image: url('../img/designers/unknown-bg.jpg'); }
dl.kondylis{ background-image: url('../img/designers/bg-kondylis.jpg'); }
dl.valcucine{ background-image: url('../img/designers/bg-valcucine.jpg'); }

dl.bar{ background-image: url('../img/designers/ascalon-bg.jpg'); }
dl.poker{ background-image: url('../img/rooms/room-laslo.jpg'); }
dl.master{ background-image: url('../img/rooms/room-delrose.jpg'); }
dl.lounge{ background-image: url('../img/rooms/room-raymond.jpg'); }
dl.music{ background-image: url('../img/rooms/room-kuriger.jpg'); }
dl.office{ background-image: url('../img/rooms/room-mason.jpg'); }
dl.terrace{ background-image: url('../img/rooms/room-thorpe.jpg'); }
dl.great{ background-image: url('../img/rooms/room-bradfield.jpg'); }
dl.kitchen{ background-image: url('../img/rooms/room-mcginniss.jpg'); }
dl.living{ background-image: url('../img/rooms/room-kondylis.jpg'); }

.link-arrow{ display: block; font: normal 12px Arial, sans-serif; margin: 20px 0 0 0; background: url('../img/arrow-right.gif') 1px 2px no-repeat; padding: 0 0 0 11px; text-transform: uppercase; }
.link-arrow:hover{ color: #fff;}
.link-prev{ float: left; background: url('../img/arrow-left.gif') 1px 2px no-repeat; }
.link-next{ float: right; padding: 0 11px 0 0; background-position: right 2px; }

.gallery{ display: inline-block; width: 622px; border: 1px solid #32322c; overflow: hidden; }
.gallery ul{ display: inline-block; margin: 10px 10px 10px 0; width: 100%; clear: both; }
.gallery li{ float: left; padding: 0 10px; font-size: 11px; font-weight: bold; width: 140px; }
.gallery li.first{ /*padding: 0 10px 0 0;*/ }
.gallery li img{ display: block; margin: 0 0 5px 0; }
.gallery li a{ color: #b0ab81; }
.gallery-nav{ border-top: 1px solid #32322c; padding: 4px 5px 1px 5px; width: 612px; display: block; clear: both; height: 19px; }
.gallery-nav .prev{ width: 17px; height: 0; background: url('../img/bg-prev-next.gif') left top no-repeat; float: left; padding: 16px 0 0 0; overflow: hidden; }
.gallery-nav .next{ width: 17px; height: 0; background: url('../img/bg-prev-next.gif') right top no-repeat; float: right; padding: 16px 0 0 0; overflow: hidden; }
.gallery-nav ul{ clear: none; margin: 3px auto 0 auto; width: 200px; text-align: center; display: block; }
.gallery-nav li{ float: left; display: inline-block; background: url('../img/bg-scroll.gif') right top no-repeat; width: 11px; height: 0; padding: 11px 0 0 0; overflow: hidden; cursor: pointer; margin: 0 4px; }
.gallery-nav li.current{ background-position: left top; }

.slide-list li{ border-top: 1px solid #23221c; display: block; padding: 8px 0 10px; position: relative; }
.slide-list .preview{ cursor: pointer; }
.slide-list .preview h3{ float: left; text-transform: uppercase; font-size: 15px; padding: 3px 0 0 0; }
.slide-list .preview p{ margin: 4px 0 0 300px; color: #a5a595; font-size: 12px; font-weight: bold; }
.slide-list .preview p strong{ color: #fff;}
.slide-list .preview .more{ float: right;}
.slide-list .row{ display: none; margin: 0; height: 239px; overflow: hidden; }
.slide-list .row h3{ color: #fd9002; font-size: 20px; margin: 0 0 15px 0; text-transform: uppercase; }
.slide-list .row .close{ float: right; margin: 5px 0 0;}
.slide-list .row img{ vertical-align: top;}
.slide-list .row .small{ margin: 20px 0 0 0; width: 280px; text-align: right; display: inline-block; background: #37352d; }
.slide-list .row .room{ height: 199px; }

.description{ font-size: 12px; }
.description dt{ color: #A5A595; font-weight: bold; margin: 0 0 15px 0;}
.description dd{ color: #fff; }

.details{ border: 1px solid #3E3D2E; border-left: none; border-right: none; padding: 15px 10px; margin: 3px 0 0; }
.details dt{ font-size: 15px; padding: 0 0 12px 0; text-align: left; }
.details dd{ color: #cbc8ab; font-size: 13px; font-style: italic; line-height: 1.4em; padding: 0 0 10px 0; }
.details dd li{}

div.lb-content{ background: #fff; border: none; display: none; width: auto; height: auto; left: 200px; padding: 10px 10px 15px; position: absolute; top: 65px; z-index: 502; }
.slide-list .row div.lb-content{ position: fixed; }
div.lb-content .close{ width: 32px; height: 0; padding: 30px 0 0 0; position: absolute; top: 10px; right: 10px; overflow: hidden; background: url('../img/ex.png') left top no-repeat; margin: 0 !important; }
div.lb-content span{ color: #323232; display: block; text-align: center; padding: 10px 0 0 0; }
div.lb-background{ background: transparent url('../img/bg-lightbox.png') repeat scroll left top; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 400; }

#footer{ font-size: 10px; font-family: Arial, sans-serif; padding: 10px 0; border-top: 1px solid #3e3d2e; clear: both; }
#footer a{ color :#fff; }
#footer span{ float: right; color: #928d60; }
#footer span a{ background: url('../img/bug.gif') right top no-repeat; padding: 5px 24px 2px 0; }

object#myAlternativeContent{ z-index: 0; }

.subtext{ line-height: 10px;}
.subtext a{ color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; }
