@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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }

/* General Settings */
body { background:#377d9f url(../imgs/main/sky-bg.gif) top repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#444; }
h1,h2,h3,h4,h5,h6 { text-align:left; }
p { text-align:justify; line-height:140%; margin-bottom:10px; }
a { color:#666; text-decoration:underline; cursor:pointer; }
a:hover { color:#333; text-decoration:none; }
input, textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
input[type="text"], textarea { background-color:#f9f9f9; border:1px solid #999; padding:3px; overflow:auto; }
input[type="text"]:focus, textarea:focus { background-color:#fff; border-color:#093c51; }
select { background-color:#f9f9f9; border:1px solid #999; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
select:focus { background-color:#fff; border-color:#093c51; }
option { background-color:#fff; padding:1px 3px; }

.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; display:block; height:0; }

/* Header */
#waves { position:absolute; top:115px; left:0; height:106px; width:100%; background:url(../imgs/main/waves.gif) repeat-x; }
#header { position:relative; height:165px; width:980px; margin:0 auto; }
#header #logo { position:absolute; top:35px; left:37px; }
#header #sunset { position:absolute; top:15px; right:64px; }

/* Menu */
#menu { position:relative; height:41px; width:900px; background:url(../imgs/main/menu.gif); margin:0 auto; padding:9px 40px; }
#menu #menutop { position:absolute; top:-20px; left:0; }
#menu li { float:left; }
#menu li a { display:block; position:relative; margin-right:4px; padding:13px 16px; color:#093c51; font-size:16px; text-decoration:none; }
#menu li a:hover, #menu li a.active { background:url(../imgs/main/menu-active.gif) left; color:#f6d61f; }
#menu li a:hover span, #menu li a.active span { position:absolute; top:0; right:0; height:41px; width:5px; background:url(../imgs/main/menu-active-right.gif); }

/* Flags */
#menu #flags { position:absolute; top:15px; right:12px; width:20px; }
#menu #flags a { display:block; height:11px; width:16px; padding:2px; }

/* Homepage */
#homepage { position:relative; width:902px; margin:20px auto; }
#homepage #areamenu { position:absolute; top:-70px; right:-1px; width:262px; padding:0 9px }
#homepage #areamenu a { float:left; padding:13px 10px; color:#fff; font-size:15px; font-weight:bold; text-decoration:none; }
#homepage #areamenu a:hover { color:#f6d61f; }
#homepage #mainapts { position:relative; width:900px; height:300px; background-color:#377d9f; padding:1px; }
#homepage #mainapts img { float:left; }
#homepage #mainapts ul { float:right; }
#homepage #mainapts li a { display:block; height:0; width:279px; background:url(../imgs/homepage/mainaparts.jpg); padding-top:100px; overflow:hidden; }
#homepage #mainapts li a#apt1,#homepage #mainapts li a#apt1.normal { background-position:-279px 0; }
#homepage #mainapts li a#apt2,#homepage #mainapts li a#apt2.normal { background-position:-279px -100px; }
#homepage #mainapts li a#apt3,#homepage #mainapts li a#apt3.normal { background-position:-279px -200px; }
#homepage #mainapts li a:hover#apt1,#homepage #mainapts li a#apt1.active { background-position:-558px 0; }
#homepage #mainapts li a:hover#apt2,#homepage #mainapts li a#apt2.active { background-position:-558px -100px; }
#homepage #mainapts li a:hover#apt3,#homepage #mainapts li a#apt3.active { background-position:-558px -200px; }

/* Main Areas */
#mainareas { background-color:#fff; width:964px; margin:0 8px 0 8px; overflow:hidden; }
#mainareas .tabnav { height:39px; width:932px; background:url(../imgs/homepage/tabnav-bg.gif) repeat-x; padding:1px 0 1px 32px; overflow:hidden; }
#mainareas .tabnav li { float:left; background:none; margin-right:30px; }
#mainareas .tabnav li a { display:block; height:30px; width:280px; padding-top:9px; color:#fff; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; }
#mainareas .tabnav li a:hover { color:#f6d61f; }
#mainareas .tabnav li a.active { background:url(../imgs/homepage/activetab.gif); color:#093c51; }
#mainareas .tabbody { height:auto; background-color:#fff; padding:20px 12px 15px 32px; overflow:hidden; }
#mainareas .tabbody a.linkframe { position:relative; float:left; height:146px; width:438px; background-color:#c7e0ee; border:1px solid #377d9f; margin:0 20px 10px 0; text-decoration:none; }
#mainareas .tabbody a.linkframe img { float:right; border:0; }
#mainareas .tabbody a.linkframe .textframe { float:left; width:200px; padding:10px 20px; }
#mainareas .tabbody a.linkframe .textframe h1 { font-size:18px; color:#377d9f; margin-bottom:8px; }
#mainareas .tabbody a.linkframe .textframe ul { list-style:circle; list-style-position:inside; }
#mainareas .tabbody a.linkframe .textframe li { padding:2px; }
#mainareas .tabbody a.linkframe .textframe h2 { position:absolute; bottom:10px; font-size:12px; color:#666; }
#mainareas .tabbody a.linkframe .textframe h2 span { font-size:22px; color:#444; }
#mainareas .tabbody a:hover.linkframe { background-color:#f6d61f; border-color:#eba817; color:#333; }
#mainareas .tabbody a:hover.linkframe h1 { color:#093c51; }
#mainareas .seemore { font-size:16px;font-weight:bold;text-align:center;padding:5px 20px 15px 0; }

#mainareas .hometext { border-top:1px dotted #ccc; margin:10px 32px 40px 32px; padding-top:20px; }
#mainareas .hometext h1 { color:#093c51; font-size:30px; margin-bottom:5px; }
#mainareas .hometext h2 { color:#377d9f; font-size:16px; margin-bottom:15px; }

/* Main Content */
#wrapper { position:relative; height:auto; width:980px; background:url(../imgs/main/maincont-bg.gif) repeat-y; margin:0 auto; }
#maincont { position:relative; float:left; width:630px; padding:20px 0 40px 0; }
#maincont .topnav { width:590px; margin:0 0 25px 40px; }
#maincont .topnav a { color:#377d9f; }
#maincont .topnav b { color:#377d9f; }
#maincont .addthis { position:absolute; top:20px; right:0; }
#maincont #description { width:590px; margin-left:40px; }
#maincont #description h1 { color:#093c51; font-size:22px; margin-bottom:5px; }
#maincont #description h2 { color:#377d9f; font-size:16px; margin-bottom:15px; }
#maincont #gallery { width:652px; background-color:#C7E0EE; border:solid #377d9f; border-width:1px 0 1px 0; margin:10px 0 10px 8px; }
#maincont #gallery .title { display:block; margin:10px 0 5px 20px; color:#377d9f; text-align:left; }
#maincont #gallery .title b { color:#093c51; }
#maincont #gallery td { text-align:center; vertical-align:top; padding-bottom:5px; }
#maincont #gallery a { display:block; background-color:#fff; border:1px solid #377d9f; padding:3px; }
#maincont #gallery a:hover { background-color:#f6d61f; border-color:#093c51; }
#maincont #features { clear:both; width:590px; margin-left:40px; }
#maincont #features h1 { display:block; height:20px; width:auto; border-bottom:1px solid #377d9f; color:#377d9f; font-size:16px; padding-top:15px; }
#maincont #features table { width:590px; text-align:center; margin:10px 0 15px -1px; border-top:1px solid #ccc; }
#maincont #features td { background-color:#eee; border:1px solid #fff; border-bottom-color:#ccc; border-right-width:0; border-top-width:0; padding:8px; }
#maincont #location { width:590px; margin-left:40px; }
#maincont #location h1 { display:block; height:20px; width:auto; border-bottom:1px solid #377d9f; color:#377d9f; font-size:16px; margin:15px 0 5px 0; }
#maincont #location #map { width:590px; height:400px; line-height:1.4em; }
#maincont #prices { clear:both; width:590px; margin-left:40px; }
#maincont #prices h1 { display:block; height:20px; width:auto; border-bottom:1px solid #377d9f; color:#377d9f; font-size:16px; padding-top:15px; }
#maincont #prices h1 a { color:#093c51; font-size:14px; }
#maincont #prices table { width:590px; text-align:center; margin:10px 0 15px -1px; }
#maincont #prices tr.title td { background-color:#377d9f; border-bottom-color:#093c51; color:#fff; font-size:13px; font-weight:bold; }
#maincont #prices td { background-color:#eee; border:1px solid #fff; border-right-width:0; border-top-width:0; padding:8px 0; font-size:16px; }
#maincont #prices h4 { font-size:14px; margin-bottom:5px; }
#maincont #prices ul { list-style:inside; }
#maincont #prices ul li { list-style:inside; line-height:1.2em; }

#carhire { width:590px; background-color:#C7E0EE; border-top:1px solid #377d9f; }
#carhire tr.title td { background-color:#377d9f; padding:8px; color:#fff; font-weight:bold; }
#carhire td { border-bottom:1px solid #377d9f; padding:8px; color:#333; text-align:center; vertical-align:middle; }
#chgenconds { padding:40px 20px; }
#chgenconds h3 { color:#093c51; font-size:16px; margin-bottom:10px; }
#chgenconds li { margin-bottom:5px; line-height:1.4em; }

.latestpromo table { margin-bottom:10px; line-height:1.4em; }
.latestpromo table tr.title td { background-color:#666; color:#fff; font-weight:bold; }
.latestpromo table tr.title td a { color:#fff; }
.latestpromo table td table td { border-bottom:1px solid #666; padding:5px; }

#bookbox { border-top:1px solid #377d9f; margin:20px -30px 0 0; padding-top:20px; }
#bookbox label { position:relative; display:block; float:left; height:30px; margin-right:10px; }
#bookbox label b { float:left; display:block; padding:6px 2px 4px 2px; font-size:11px; }
#bookbox label input,#bookbox label select { position:absolute; top:0; right:0; display:inline; }
#bookbox .date { position:relative; display:block; float:left; height:30px; width:290px; margin-right:10px; }
#bookbox .date b { float:left; display:block; width:100px; padding:6px 2px 0 2px; font-size:11px; }
#bookbox .finalbtns { width:590px; }
#bookbox .finalbtns input { float:right; margin:0 1px 0 3px; }

#contbottom { clear:both; height:7px; width:980px; background:#377d9f url(../imgs/main/maincont-bottom.gif) no-repeat top; }

/* Sidebar */
#sidebar { position:relative; float:right; width:309px; padding:20px 9px 40px 0; }
#sidebar #areamenu { position:absolute; top:-50px; left:0; width:262px; padding:0 9px }
#sidebar #areamenu a { float:left; padding:13px 10px; color:#fff; font-size:15px; font-weight:bold; text-decoration:none; }
#sidebar #areamenu a:hover { color:#f6d61f; }
#sidebar #areamenu a.active { background:url(../imgs/main/areamenu-arrow.gif) no-repeat bottom center; color:#f6d61f; }
#sidebar #area{ display:block; color:#377d9f; margin:0 0 30px 24px; }
#sidebar .type { display:block; border-bottom:1px solid #377d9f; padding:5px 24px; color:#377d9f; font-size:15px; font-weight:bold; }
#sidebar table { margin-bottom:15px; }
#sidebar table a { display:block; width:261px; border-bottom:1px solid #999; border-top:1px solid #fff; padding:8px 24px; text-decoration:none; }
#sidebar table a:hover { background:url(../imgs/main/menu.gif) center; color:#093c51; }

/* Footer */
#footwrap { position:relative; height:auto; width:980px; background:url(../imgs/main/footer-stretch.gif) repeat-y; margin:0 auto; }
#footer { position:relative; height:auto; width:900px; background:url(../imgs/main/footer.gif) no-repeat top; margin:0 auto; padding:20px 40px; }
#sitemap { height:20px; width:900px; border-bottom:1px dotted #093c51; margin-bottom:10px; padding:5px 0; color:#093c51; font-size:12px; text-align:center; }
#sitemap li { display:inline; }
#sitemap a { color:#377d9f; text-decoration:none; }
#sitemap a b { color:#093c51; }
#sitemap a:hover { color:#093c51; text-decoration:underline; }
#contacts .title { color:#093c51; font-size:16px; font-weight:bold; line-height:18px; margin:15px 0 5px 0; }
#contacts .copy p { color:#333; font-size:12px; margin:15px 0; text-align:left; }
#contacts #form { float:left; width:590px; }
#contacts #form input, #contacts #form textarea { color:#444; margin-top:5px; }
#contacts #form label { position:relative; display:block; height:20px; width:592px; padding-top:10px; }
#contacts #form #name, #contacts #form #email, #contacts #form #property { position:absolute; top:0; right:0; width:480px; height:18px; padding:3px 5px; }
#contacts #form #message { width:580px; padding:3px 5px; }
#contacts #clist { float:right; width:275px; line-height:140%; }
#contacts #clist dt { display:block; float:left; width:65px; padding:3px 0; color:#377d9f; font-weight:bold; }
#contacts #clist dd { display:block; float:left; width:200px; padding:3px 0; color:#333; }
#contacts #clist dd a { color:#093c51; }