html, body { width:100%; height:100%; }
html { background:#80270D url(../images/back.jpg) top center repeat-x; }
body { background:url(../images/back2.png) top center no-repeat; }
* { margin:0; padding:0; font-family:helvetica, arial; text-decoration:none; outline:none; border:none; list-style:none; }
#logo:hover, .addthis_button:hover, .box a:hover img, #footer img:hover, .addthis_toolbox a:hover, .calendar:hover { opacity:.7; }

/* Layout */
#container { width:920px; margin:0 auto; position:relative; }
#logo { width:223px; height:58px; position:absolute; top:22px; left:46px; background:url(../images/logo.png); _background:url(../images/logo2.png); }
#logo a { width:100%; height:100%; display:block; }
#logo span { position:absolute; top:-5000px; }
.addthis_button { position:absolute; top:61px; right:261px; }
#header { width:930px; height:338px; background:url(../images/header-shadow.png); _background:none; position:absolute; top:93px; left:-5px; z-index:2; }
#header .back { width:920px; height:328px; margin:5px; background:url(../images/header-back.png); }
#gallery { width:663px; height:294px; position:absolute; top:22px; left:22px; }
#shells { width:179px; height:89px; background:url(../images/shells.png); position:absolute; top:470px; left:580px; z-index:3; }
#content { width:720px; font-size:12px; color:#715837; line-height:18px; background:url(../images/content-back.png); position:absolute; top:425px; left:11px; z-index:1; }
#copy { width:564px; min-height:845px; _height:845px; padding:73px 120px 0 36px; background:url(../images/copy-back.jpg) top no-repeat; }
#content h1, #content h2, #content h3, #content p, hr, #content ul { margin:0 0 20px 0; font-weight:normal; }
h1 { font-size:25px; color:#714612; letter-spacing:-1px; }
h2 { font-size:18px; color:#714612; }
h3 { font-size:14px; color:#A04115; font-weight:bold !important; text-transform:uppercase; }
hr { border:1px solid #F3EEE6; }
table { width:100%; }
td { vertical-align:top; }
table h3 { margin-bottom:3px !important; }
#content li { padding-left:20px; background:url(../images/li.png) top left no-repeat; }
#content p a, #content ul a, #faq a { font-weight:bold; color:#976019; }
#content p a:hover, #content ul a:hover, #faq a:hover { color:#C9AC82; }
#sidebar { position:absolute; top:16px; right:28px; z-index:3; }
#sidebar .button { margin:6px 0 0 26px; }
#mapcontainer { width:552px; height:250px; margin-bottom:22px; border:6px solid #B8A288; }
#map { width:100%; height:100%; }
.fine { font-size:10px; color:#B8A288; }
.date { float:right; }
.comment .name { margin-right:5px; font-size:14px; color:#A04115; text-transform:uppercase; font-weight:bold; }
.stars { margin-top:3px; float:right; }
.quote { margin-bottom:15px !important; padding:0 0 0 44px; background:url(../images/quote.png) top left no-repeat; }
.indent { margin-left:30px; }
.indent a { font-weight:normal !important; }
.float { float:left; margin:0 25px 10px 0; }

/* Check Availability */
#availability { width:662px; height:40px; font-size:11px; font-weight:bold; color:#FFF; position:absolute; top:426px; left:17px; z-index:5; }
.check { text-transform:uppercase; text-shadow:#291205 0 0 4px; position:absolute; top:13px; left:13px; }
#availability label { margin-right:4px; text-transform:uppercase; text-shadow:#291205 0 0 4px; }
#availability select { width:59px; height:25px; padding:3px; font:11px helvetica, arial; color:#715837; border:1px solid #8F431F; -moz-border-radius:3px; -webkit-border-radius:3px; }
#availability select:hover { border:1px solid #D0A18B; }
.arrival { position:absolute; top:7px; left:184px; }
.day { margin-left:6px; }
.calendar { position:absolute; top:6px; left:366px; }
.nights { position:absolute; top:7px; left:421px; }
.day, .nights select { width:49px !important; }
.formbutton { width:110px; height:40px; font-size:12px; font-weight:bold; color:#FFF !important; text-transform:uppercase; text-shadow:#291205 0 0 4px; background:url(../images/button.png) top; cursor:pointer; }
.formbutton:hover { background-position:bottom; }
#availability .formbutton { position:absolute; right:7px; }
#error { width:188px; height:23px; padding:7px 0 0 30px; font:bold 12px helvetica, arial; color:#FFF; background:url(../images/error.png); _background:url(../images/error2.png); position:absolute; top:45px; left:191px; }
#calendarbox { position:absolute; top:1px; left:408px; }

/* Navigation */
#nav { width:207px; margin-bottom:10px; padding:5px; background:url(../images/nav-shadow.png); _background:none; position:relative; }
#nav .back { text-align:center; text-transform:uppercase; line-height:16px; }
#nav .top { width:100%; height:124px; padding:20px 0 0 0; font-size:11px; color:#FFF; text-shadow:#291205 0 0 4px; background:url(../images/nav-top.png); }
#nav .top p span { font-size:10px; color:#D0A18B; line-height:22px; }
#nav .top strong { font-size:17px; }
#nav .top p a { color:#FFF; font-weight:bold; }
#nav .top p a:hover { color:#D0A18B; }
#nav .middle { width:183px; height:346px; padding:0 12px; font-size:13px; background:url(../images/nav-middle.png); }
#nav .middle a { width:100%; padding:5px 0 6px 0; color:#794820; display:block; border-bottom:2px solid #F3EEE6; }
#nav .middle a:hover { font-weight:bold; }
#nav .middle span { position:absolute; top:-5000px; }
#nav .middle .main li+li+li+li+li+li+li+li a, #nav .middle .sub li+li+li a { border-bottom:none !important; }
#nav .main { font-weight:bold; }
#nav .main a:hover { background:url(../images/nav-hover.png); }
#nav .sub { margin-top:16px; }
#nav .sub a { color:#913D13; }

#sub { width:121%; height:28px; margin:0 0 20px -36px; padding:12px 0 0 36px; font-weight:bold; text-transform:uppercase; background:#FCF8EC; border-top:2px solid #F3EEE6; border-bottom:2px solid #F3EEE6; }
#sub a { color:#714612; }
#sub a:hover { color:#B69F7F; }
#sub span { margin:0 8px; }

/* Specials Boxes */
#special { width:207px; height:267px; margin-bottom:35px; padding:5px; background:url(../images/specials-shadow.png); position:relative; }
#special .back { width:100%; height:100%; text-align:center; background:url(../images/specials-back.png); }
#special p { padding-top:22px; font-size:11px; font-weight:bold; text-transform:uppercase; color:#A04115; }
#special .thumb { width:173px; height:100px; margin:9px 0 10px 0; position:relative; overflow:hidden; left:17px; }
#special .cover { width:173px; height:100px; background:url(../images/special-cover.png); z-index:1; position:absolute; top:0; left:0; }
#special h4 { width:175px; margin-left:16px; font-size:16px; line-height:16px; }
#special h4 a { color:#714612; }
#special h4 a:hover { color:#B8A288; }
#special h4 span, .date { font-size:11px; font-weight:bold; text-transform:uppercase; color:#A04115; }
#special h4 .price, .box2 .price span { font-size:16px; }

/* Extras */
#extras { width:207px; height:356px; padding:5px; background:url(../images/extras-shadow.png); position:relative; }
#extras .back { width:100%; height:100%; text-align:center; background:url(../images/extras-back.png); }
#extras .reviews { padding:32px 25px 0 25px; font-size:12px; line-height:12px; font-weight:bold; color:#FFF; text-shadow:#291205 0 0 4px; }
#extras .reviews em { line-height:15px; }
#extras .reviews a { font-size:11px; color:#D0A18B; text-transform:uppercase; }
#extras .reviews a:hover { color:#FFF; }
#extras .reviews .quote1 { margin-right:6px; }
#extras .reviews .quote2 { margin-left:6px; }
#extras .subscribe { font-size:12px; color:#715837; line-height:15px; font-weight:bold; position:absolute; top:214px; left:0; }
#extras .subscribe p { padding:0 25px; }
#extras .subscribe p span { font-size:11px; line-height:0px; text-transform:uppercase; color:#A04115; }
#extras .subscribe .button { position:absolute; top:45px; left:5px; }
#extras .addthis_toolbox { font-size:12px; font-weight:bold; color:#CBBD9A; position:absolute; left:23px; bottom:27px; }
#extras .addthis_toolbox a { color:#714612; }

/* Boxes */
.box { width:569px; height:130px; margin:0 0 12px -5px; background:url(../images/box-back.jpg); position:relative; }
.box img, .box .cover { width:100px; height:100px; position:absolute; top:15px; left:15px; }
.box .cover { background:url(../images/box-cover.png); }
.box .details { padding:20px 0 0 142px; }
.box h3 { margin:0 0 10px 0 !important; font-size:18px; font-weight:normal !important; text-transform:capitalize; }
.box h3 a { color:#A04115; }
.box h3 a:hover { color:#CD9C80; }
.box p { margin-bottom:8px !important; padding-right:15px; }
.box span { font-size:16px; font-weight:bold; line-height:10px; }
.box2 { min-height:145px; _height:145px; }
.box2 .thumb { width:130px; height:130px; margin:0 15px 15px -5px; background:url(../images/thumb-back.jpg); position:relative; float:left; }
.box2 .thumb img, .thumb .cover { position:absolute; top:15px; left:15px; }
.box2 .thumb .cover { width:100px; height:100px; background:url(../images/box-cover.png); }
.box2 .imgcover { width:100px; height:100px; overflow:hidden !important; position:absolute; top:15px; left:15px; }
.box2 .imgcover img { top:0; left:0; }
.box2 .price { font-size:11px; text-transform:uppercase; color:#A04115; }
.videobg { width:564px; height:270px; background:url(../images/videobg.gif); }
.video { padding:0 150px 0 0; }

/* Buttons */
.button { font-size:13px; font-weight:bold; color:#FFF !important; text-shadow:#291205 0 0 4px; line-height:40px; text-align:center; text-transform:uppercase; background:url(../images/button-middle.png) top; display:table; cursor:pointer; }
.button span { height:40px; float:left; }
.button img { margin-bottom:-2px; } 
.button .left { margin-left:-10px; padding-left:10px; background:url(../images/button-left.png) top left no-repeat; }
.button .right { width:10px; margin-right:-10px; background:url(../images/button-right.png) top right no-repeat; }
.button:hover, .button:hover span { color:#FFF; background-position:bottom left !important; }
.button.small .left { width:52px; }
.button.large .left { width:155px; }

/* Forms */
#form label { margin:6px 0 0 0; position:absolute; }
.text1, .text2, .cat_textbox { width:250px; margin:2px 0 2px 150px; padding:3px; font-size:12px; color:#715837; border:1px solid #DDD; }
.text2 { width:84px; margin:2px 0 2px 0 !important; }
.cat_textbox { width:152px !important; margin:0; }
.text1:hover, .text2:hover, .cat_textbox:hover { border-color:#CFA08A; }
.mandatory { font-weight:bold; color:#A04115; }

/* Footer */
#footer { margin:32px 0 0 0; padding:0 100px 0 36px; font-size:11px; float:left; }
#footer span { margin:0 3px; font-weight:bold; }
#shells2 { width:488px; height:199px; margin:-100px 0 0 427px; background:url(../images/footer-back.jpg); }