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

/* Navigation */
#nav { font-size:20px; text-transform:lowercase; text-shadow:#3D96C3 0 0 3px; position:absolute; top:470px; z-index:10; }
#nav ul { margin:0; padding:0; }
#nav li { margin:0; padding:0; float:left; list-style:none; background:url(../images/nav-break.png) right no-repeat; }
#nav .first a { margin-left:18px; }
#nav .last { background:none; }
#nav .last a { margin-right:0; }
#nav a { height:25px; display:block; _display:inline; margin:0 21px; padding-bottom:1px; color:#FFF; }
#nav a:hover { background:url(../images/nav-border.png) bottom repeat-x; }

/* Layout */
#container { width:892px; margin:0 auto; position:relative; }
#logo { position:absolute; top:18px; left:0; z-index:10; }
#header { width:400px; font-size:20px; color:#FFF; text-align:right; line-height:16px; position:absolute; top:25px; right:33px; z-index:10; }
#header div { float:right; }
#header .contact { font-weight:bold; text-shadow:#777 0 0 3px; }
#header .contact span { font-size:11px; text-transform:uppercase; }
#header .contact a { color:#FFF; }
#header .contact a:hover { color:#266CA9; text-shadow:#FFF 0 0 3px; }
#header .button { margin:0 0 0 14px; }
#header .tagline { height:40px; font-size:22px; color:#FFF; position:absolute; top:59px; right:0; display:block; }
#gallery { position:absolute; top:121px; right:4px; z-index:10; }
#content { width:100%; padding:519px 0 188px 0; position:relative; }
#copy { width:564px; margin-left:-14px; font-size:12px; color:#566976; }
#copy .top { width:100%; height:7px; background:url(../images/content-top.png); _background:url(../images/content-top2.png) bottom no-repeat; }
#copy .middle { width:470px; min-height:540px; padding:22px 47px; background:url(../images/content-back.png); _background:url(../images/content-back2.png); }
#copy .bottom { width:100%; height:7px; background:url(../images/content-bottom.png); _background:url(../images/content-bottom2.png) top no-repeat; }
h1, h2, h3, h4, #copy p, hr, #copy ul { margin:0 0 18px 0; padding:0; }
h1 { font-size:26px; color:#89C1E5; font-weight:normal; }
h3 { margin-bottom:8px; font-size:14px; color:#064D91; text-transform:uppercase; }
h3 span { margin-left:5px; font-size:12px; font-weight:normal; color:#566976; text-transform:none; }
h2, h4 { font-size:19px; color:#064D91; font-weight:normal; }
#copy p, #copy li { line-height:20px; }
#copy a { font-weight:bold; color:#8BC3E5; }
#copy a:hover { color:#064D91; }
#copy li { margin:0; padding:0; padding-left:18px; list-style:none; background:url(../images/li.png) top left no-repeat; }
#copy .button { margin-top:-3px; float:right; }
hr { margin-bottom:26px; border:1px solid #FFF; border-bottom:2px dotted #DDD; }
#sidebar { width:351px; position:absolute; top:505px; right:-14px; }
#sidebar hr { margin:14px; }
#sidebar ul { margin:52px 0 20px 14px; padding:0; display:table; }
#sidebar li { margin:0; padding:0; list-style:none; font-size:16px; border-bottom:2px solid #E4F1FA; }
#sidebar li.first { border-top:2px solid #C3E1F5; border-bottom:2px solid #CFE7F7; }
#sidebar li.second { border-bottom:2px solid #DAEDF9; }
#sidebar li a { padding:5px 0; color:#566976; display:block; }
#sidebar li a:hover { color:#064D91; }
table { width:100%; }
td { vertical-align:top; }
p.fine { font-size:11px; color:#AAB4BA; line-height:16px !important; }
.addthis_button { margin:8px 0 0 0; float:right; }
#mapcontainer { width:448px; height:240px; margin-bottom:20px; border:11px solid #D1E7F5; }
#map { width:100%; height:100%; -moz-border-radius:3px; -webkit-border-radius:3px; }
.indent { margin-left:30px !important; font-size:11px; line-height:18px !important; }
.comment .name { margin-right:5px; font-size:14px; color:#064D91; text-transform:uppercase; font-weight:bold; }
.stars { margin-top:3px; float:right; }
.quote { margin-bottom:15px !important; padding:0 0 0 44px !important; background:url(../images/quote.png) top left no-repeat; }
.parking { margin:8px 0 0 11px; font-size:16px; }
.capacities { width:100%; margin:0 0 15px 0; text-align:center; }
.capacities span { font-size:9px; font-weight:normal; }
.capacities th { padding:5px 4px; font-size:11px; color:#FFF; text-transform:uppercase; background:#064D91; }
.capacities td { padding:6px 0; }
.capacities tbody tr:hover td { background:#DEEDF9; }
.room { padding-left:5px !important; font:bold 11px arial; text-transform:uppercase; text-align:left; }

/* Boxes */
.box { width:100%; line-height:20px; display:table; }
.box div { clear:none; }
.box .thumb { width:100px; height:100px; margin-bottom:22px; padding:16px; background:url(../images/thumb-back.png); float:left; position:relative; }
.box .thumb .cover { width:100px; height:100px; background:url(../images/thumb-cover.png); _background:none; position:absolute; top:16px; }
.box .detail { width:300px; margin-left:32px; float:left; }
.box h3 a { color:#064D91 !important; }
.box h3 a:hover { color:#8BC3E5 !important; }
.box p { margin-bottom:7px !important; }
.box li { margin-right:20px !important; font-size:11px; line-height:16px !important; float:left; }
.special li { font-size:12px !important; line-height:20px !important; float:none !important; }

/* Buttons */
.button { width:107px; height:28px; font-size:12px; font-weight:bold; text-align:center; text-shadow:#1B72BB 0 0 4px; text-transform:uppercase; }
.button a { width:100%; height:14px; padding:7px 0; color:#FFF !important; background:url(../images/button.png) left; _background:url(../images/button2.png) left; display:block; }
.button a:hover { background-position:right; }

/* Check Availability */
#availability { width:351px; height:187px; background:url(../images/availability-back.png); _background:url(../images/availability-back2.png); position:relative; }
#availability label { font-size:12px; color:#566976; }
#availability h4 { position:absolute; top:28px; left:28px; }
#availability select { width:59px; height:24px; padding:3px; font:12px helvetica, arial; color:#566976; border:1px solid #D3D3D3; -moz-border-radius:3px; -webkit-border-radius:3px; }
#availability select:hover { border:1px solid #89C1E5; }
#availability .fine { font-size:9px; color:#AAA; }
.codes { display:none; }
.arrival { position:absolute; top:62px; left:28px; }
.day { margin-left:6px; }
.calendar { position:absolute; top:58px; right:28px; }
.adults { position:absolute; top:95px; left:28px; }
.children { position:absolute; top:95px; left:176px; }
.adults label, .children label { margin:1px 4px 0 0; line-height:11px; float:left; }
.adults select, .children select { margin-left:1px; }
.nights { position:absolute; top:128px; left:28px; }
#availability .formbutton { position:absolute; top:128px; right:31px; }
#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:89px; left:102px; }
#calendarbox { position:absolute; top:89px; left:125px; }

/* Specials */
#special { width:351px; height:101px; position:relative; }
#news { width:351px; height:101px; position:relative; }
.sidebox a { width:328px; height:80px; padding:21px 0 0 23px; color:#FFF; display:block; cursor:pointer; }
#news a { background:url(../images/news-back.jpg) top; }
#special a.orange { background:url(../images/specials-back-orange.jpg) top; }
#special a.blue { background:url(../images/specials-back-blue.jpg) top; }
#special a.green { background:url(../images/specials-back-green.jpg) top; }
#special p { font-weight:bold; }
.sidebox a h4 { margin:0 0 4px 0; color:#FFF; text-shadow:#777 0 0 3px; }
.sidebox p { width:190px; height:30px; margin:0; padding:0; font-size:11px; text-shadow:#999 0 0 3px; line-height:15px; overflow:hidden; }
.sidebox a:hover { background-position:bottom !important; }
.sidebox div { width:107px; font-size:12px; font-weight:bold; text-align:center; text-transform:uppercase; position:absolute; bottom:27px; right:21px; }
#special a.orange div { text-shadow:#BF3B01 0 0 4px; }
#special a.blue div { text-shadow:#1B72BB 0 0 4px; }
#special a.green div { text-shadow:#7C8814 0 0 4px; }
#news div { text-shadow:#1B72BB 0 0 4px; }

/* Forms */
#form label { margin:6px 0 0 0; position:absolute; }
.text1, .text2, .cat_textbox { width:250px; margin:2px 0 2px 150px !important; padding:3px !important; font-size:12px; color:#566976; border:1px solid #DDD; }
.text2 { width:84px; margin:2px 0 2px 0 !important; }
.dropdown { width:258px !important; }
.cat_textbox { width:152px !important; margin:0 !important; }
.text1:hover, .text2:hover, .cat_textbox:hover { border-color:#8BC3E5; }
.mandatory { font-weight:bold; color:#059BDB; }
.formbutton { width:107px; height:28px; font-size:12px; color:#FFF; font-weight:bold; text-align:center; text-shadow:#1B72BB 0 0 4px; text-transform:uppercase; background:url(../images/button.png) left; _background:url(../images/button2.png) left; cursor:pointer; }
.formbutton:hover { background-position:right; }

/* Footer */
.icon { font-size:16px; position:absolute; left:568px; }
.icon.reviews { height:33px; bottom:300px; }
.icon.reviews a { background:url(../images/i-reviews.png) left no-repeat; _background:url(../images/i-reviews2.png) left no-repeat; }
.icon.subscribe { height:35px; bottom:247px; }
.icon.subscribe a { background:url(../images/i-subscribe.png) left no-repeat; _background:url(../images/i-subscribe2.png) left no-repeat; }
.icon span { font-size:12px; font-weight:bold; color:#059BDB; }
.icon a { height:100%; padding:2px 0 0 48px; color:#064D91; display:block; }
.icon a:hover, .icon a:hover span { color:#8BC3E5; }
.addthis_toolbox { font-size:12px; font-weight:bold; position:absolute; bottom:210px; left:562px; }
.addthis_toolbox a { margin:0 3px; color:#064D91; }
.addthis_toolbox span { color:#566976; }
#footer { width:100%; height:50px; font-size:11px; color:#566976; line-height:19px; position:absolute; bottom:30px; background:url(../images/footer-back2.png); }
#footer div { position:absolute; }
#footer a { color:#566976; }
#footer a:hover { color:#0099DB; }
#footer span { margin:0 6px; color:#0099DB; }
#footer .left { top:4px; }
#footer .left div { font-size:10px; }
#footer .left div span { margin:0 4px; }
#footer .frequentflyer { left:463px; }
#footer .bestmanagement { top:8px; right:0; }