@import 'master.css';
@import 'jquery.fancybox-1.3.4.css';

/* -- nav -- */
ul.nav,ul.nav li{list-style-type:none;margin:0;padding:0;}
ul.nav{bottom:5px;left:228px;overflow:hidden;position:absolute;}
ul.nav li{float:left;}
ul.nav li a{display:block;height:14px;text-indent:-9999px;}
ul.nav a.home{background:transparent url(../images/structure/navSprite_v1.gif) 0 0;width:99px;}
ul.nav a.difference{background:transparent url(../images/structure/navSprite_v1.gif) -99px 0;width:123px;}
ul.nav a.guide{background:transparent url(../images/structure/navSprite_v1.gif) -222px 0;width:91px;}
ul.nav a.island_life{background:transparent url(../images/structure/navSprite_v1.gif) -313px 0;width:93px;}
ul.nav a.news_blog{background:transparent url(../images/structure/navSprite_v1.gif) -406px 0;width:100px;}
ul.nav a.contact{background:transparent url(../images/structure/navSprite_v1.gif) -506px 0;width:66px;}
ul.nav a.home:hover{background-position:0 -17px;}
ul.nav a.difference:hover{background-position:-99px -17px;}
ul.nav a.guide:hover{background-position:-222px -17px;}
ul.nav a.island_life:hover{background-position:-313px -17px;}
ul.nav a.news_blog:hover{background-position:-406px -17px;}
ul.nav a.contact:hover{background-position:-506px -17px;}
/* -- nav 2 -- */
ul.nav2,ul.nav2 li{list-style-type:none;margin:0;padding:0;}
ul.nav2{bottom:5px;left:8px;overflow:hidden;position:absolute;}
li.separator{height:13px;width:194px;}
ul.nav2 li{float:left;}
ul.nav2 li a{display:block;height:13px;text-indent:-9999px;}
ul.nav2 a.home{background:transparent url(../images/structure/navSprite2_v1.gif) 0 0;width:110px;}
ul.nav2 a.difference{background:transparent url(../images/structure/navSprite2_v1.gif) -110px 0;width:121px;}
ul.nav2 a.guide{background:transparent url(../images/structure/navSprite2_v1.gif) -231px 0;width:84px;}
ul.nav2 a.island_life{background:transparent url(../images/structure/navSprite2_v1.gif) -490px 0;width:92px;}
ul.nav2 a.news_blog{background:transparent url(../images/structure/navSprite2_v1.gif) -582px 0;width:121px;}
ul.nav2 a.contact{background:transparent url(../images/structure/navSprite2_v1.gif) -703px 0;width:77px;}
ul.nav2 a.home:hover{background-position:0 -18px;}
ul.nav2 a.difference:hover{background-position:-110px -18px;}
ul.nav2 a.guide:hover{background-position:-231px -18px;}
ul.nav2 a.island_life:hover{background-position:-490px -18px;}
ul.nav2 a.news_blog:hover{background-position:-582px -18px;}
ul.nav2 a.contact:hover{background-position:-703px -18px;}
/*MAIN STRUCTURE*/
#container{margin:50px auto 0 auto;width:840px;}
#T1o{background:#FFF7D5;border:15px solid #000;border-bottom:10px solid #000;height:62px;position:relative;z-index:100;}
#T2i{height:266px;overflow:hidden;z-index:100;}
#page_title{color:#62947F;position:absolute;right:5px;top:5px;letter-spacing:2px;margin:7px 4px 0 0;font-variant:small-caps;}
#C{background:#FFF7D5 url(../images/structure/thatchBG.gif);border:15px solid #000;border-top:10px solid #000;border-bottom:10px solid #000;padding:15px;position:relative;z-index:1000;}
#B{position:relative;z-index:1000;}
#F{background:#000;color:#FFF;padding-bottom:10px;text-align:center;margin:auto;width:840px;}
#F a{color:#FFF;font-size:11px;}
#F a:hover{color:#FFF7D5;}
/*HOME STRUCTURE*/
#logo_home{left:50%;margin-left:-85px;margin-top:-83px;position:absolute;top:50%;}
#T2i.secondary{height:266px;overflow:hidden;position:absolute;z-index:200;}
#T2left{background:#fff;height:266px;position:relative;width:305px;z-index:100;}
#flashHome{position:absolute;z-index:9998;}
#Cleft{position:relative;width:500px;}
#fields{background:#00516A;bottom:0;height:50px;left:0;position:absolute;width:305px;z-index:9999;}
#social_links{position:absolute;right:5px;top:5px;}
#social_links a{display:block;text-indent:-9999px;float:left;height:25px;width:25px;background:url('../images/social_icons.png') no-repeat left top;}
#social_links a.email{width:30px;}
#social_links a.facebook{background-position:-30px top;}
#social_links a.twitter{background-position:-55px top;}
#social_links a.email:hover{background-position:0 -25px;}
#social_links a.facebook:hover{background-position:-30px -25px;}
#social_links a.twitter:hover{background-position:-55px -25px;}
#emailForm{width:288px;background:url('../images/popupBg.gif') no-repeat left top;padding:4px;}
#emailFormInner{border:2px solid #72A492;padding:5px;}
#emailForm h2{text-align:center;color:#000;font-size:17px;letter-spacing:2px;font-weight:normal;margin-top:10px;}
#emailForm dl{margin-bottom:5px;}
#emailForm dt{width:95px;float:left;font-size:9px;font-weight:normal;letter-spacing:1px;line-height:30px;height:30px;text-align:right;padding-right:5px;margin-bottom:5px;}
#emailForm dd{margin-left:95px;margin-bottom:5px;height:30px;}
#emailForm .input{font-family:Georgia, Times, "Times New Roman", serif;display:block;border:1px solid #fff;background:#fff;opacity:0.9;line-height:18px;height:18px;width:153px;padding:5px;}
#emailForm .input.error{border-color:#f00;margin-bottom:0;}
#emailForm .submit{float:right;font-family:Georgia, Times, "Times New Roman", serif;background:#00394D;color:#fff;padding:5px 8px;border:none;font-size:12px;}
/*SECONDARY STRUCTURE*/
#logo_secondary{left:20px;margin-top:-83px;position:absolute;top:50%;z-index:9999;}
#T2o.secondary{height:266px;position:relative;width:840px;z-index:100;}
#Cleft.secondary{color:#00394D;font:14px "Myriad","Lucida Grande","Trebuchet MS",Verdana,sans-serif;line-height:1.5em;position:relative;width:530px;}
#Cright.secondary{position:absolute;right:15px;top:-60px;z-index:9999;}
/*TERTIARY STRUCTURE*/
#tertiary_links{background:#005168;bottom:0;height:20px;left:0;padding-left:17px;position:absolute;width:550px;}
/* BLOG */
#BlogCat{background:url(../images/structure/featured_listingBG.png) no-repeat;font-size:10px;height:50px;width:75px;padding:12px 12px 10px 12px;position:relative;text-align:center;}
/*FEATURED LISTING*/
#Cright{background:url(../images/structure/featured_listingBG.png) no-repeat;font-size:10px;height:111px;padding:12px 12px 10px 12px;position:relative;text-align:center;width:250px;}
#Crighti{height:111px;overflow:hidden;width:250px;}
#feature_slideshow{height:111px;overflow:hidden;width:141px;}
#home_slideshow{height:266px;overflow:hidden;width:535px;}
#Crighti a{color:#00394D;}
#Crighti a:hover{text-decoration:underline;}
.featured_title{color:#00394D;font-weight:bold;}
a.feature_prev{background:transparent url(../images/structure/feature_prev.png);bottom:14px;display:block;height:14px;left:16px;position:absolute;width:7px;z-index:999;}
a.feature_next{background:transparent url(../images/structure/feature_next.png);bottom:14px;display:block;height:14px;left:28px;position:absolute;width:7px;z-index:999;}
#enews-signup{background:#00394D;display:block;width:244px;height:26px;padding:8px;color:#fff;margin:25px 7px 0 0;font-family:Arial,Helvetica,sans-serif;}
#enews-signup p{display:inline-block;width:57px;height:26px;line-height:13px;font-size:10px;text-align:right;font-weight:bold;vertical-align:middle;margin:0;}
#enews-signup .input-contain{position:relative;display:inline-block;width:144px;height:26px;vertical-align:middle;margin:0 5px 0 5px;}
#enews-signup .input-contain label,
#enews-signup .input-contain input{display:block;width:139px;height:26px;font-size:12px;line-height:26px;padding-left:5px;font-weight:normal;text-align:left;}
#enews-signup .input-contain label{background:#fff6d4;color:#aea479;}
#enews-signup .input-contain input{position:absolute;left:0;top:0;border:none;background:transparent;outline:none;}
#enews-signup .submit-button{width:26px;height:26px;border:none;background:#fff6d4;vertical-align:middle;display:inline-block;background:url('../images/submit_button.png') no-repeat left top;text-indent:-9999px;cursor:pointer;}
#enews-signup .submit-button:hover{background-position:left -26px;}
#enews-thanks{float:right;background:#00394D;display:block;width:244px;height:26px;padding:8px;color:#fff;margin:0 7px 0 0;font-family:Arial,Helvetica,sans-serif;line-height:13px;font-size:10px;}
/*HOME SEARCH*/
input.field_text{border:1px solid #FFF;color:#00516A;font-size:6px;padding:0;width:10px;height:10px;}
select.field_text{font-size:9px;width:80px;padding:0px;margin:0 0 0 3px;}
/*CHECKBOX STYLE*/
/* ------------------------------------------------------------------------
This you can customize
------------------------------------------------------------------------- */
label.checkbox span.holder{height:61px;/* Total height of your checkbox image */
background:url(../images/form/checkbox.gif) 0 -1px no-repeat;/* Path to your checkbox image */}
label.radio span.holder{height:61px;/* Total height of your radio buttons image */
background:url(../images/form/checkbox.gif) 0 -1px no-repeat;/* Path to your radio button image */}
label.checkbox:hover span.holder,
label.radio:hover span.holder{top:-21px !important;}
/* Background position on mouseover */
label.checked span.holder,
label.checked span.holder,
label.checked:hover span.holder,
label.checked:hover span.holder{top:-42px !important;}
/* Background position when checked */
/* ------------------------------------------------------------------------
Customize at your own risk
------------------------------------------------------------------------- */
label.list{float:left;clear:left;margin:0 0 5px 0;}
label.inline{float:left;margin:0 30px 0 0;}
input.hiddenCheckbox{position:absolute;left:-10000px;/* Hide the input */}
label.prettyCheckbox span.holderWrap{display:block;float:left;position:relative;margin-right:5px;margin-top:1px;overflow:hidden;}
label.prettyCheckbox span.holder{display:block;position:absolute;top:0;left:0;}
#listdetail{clear:left;margin-top:30px;font-size:12px;}
#listdetail table,tr,td{text-align:left;}
#listdetail h1{font-size:17px;color:#00394d;font-weight:bold;}
#listdetail h2{font-size:15px;color:#00394d;font-weight:bold;}
#listdetail span.foot{font-size:10px;color:#aaa;}
#listdetail a{color:#00394d;text-decoration:none;font-size:11px;}
#listdetail a:hover{color:#366474;}
#listdetail div.photogal1{width:452px;margin:30px 0 0 120px;}
#listlist{clear:left;margin-top:30px;font-size:12px;}
#listlist table,tr,td{text-align:left;}
#listlist h1{font-size:17px;color:#00394d;font-weight:bold;}
#listlist h2{font-size:15px;color:#00394d;font-weight:bold;}
#listlist span.foot{font-size:10px;color:#aaa;}
#listlist a{color:#00394d;text-decoration:none;font-size:11px;}
#listlist a:hover{color:#366474;}
#listlist div.photogal1{width:452px;margin:30px 0 0 120px;}
#contactform{margin:15px auto 0 auto;width:500px;padding:0px;}
#contactform p{margin:6px 0 6px 0;}
#contactform input{width:200px;}
#contactform textarea{width:250px;height:80px;}
a.navpull{border:solid 1px #000;display:block;padding:3px 6px 3px 6px;background-color:#fff7d5;color:#00394e;}
a.navpull:hover{color:#629480;}
.header{font-size:13px;color:#00394e;font-weight:bold;}
p.float-left{margin:0px 5px 0px 0;padding:0px;}
p.float-left img{margin:0px;padding:0px;}
p.quote{font-size:10px;display:block;line-height:14px;width:500px;}
#listnav{width:615px;font-family:arial;font-size:11px;position:absolute;top:-7px;height:80px;right:0px;}
#listnav .left{width:615px;padding-top:10px;height:30px;}
#listnav .right{height:16px;margin:15px 0px 0 0;clear:right;padding-right:15px;float:right;}
#listnav .label{margin-top:-5px;}
#listnav a.pre{display:block;float:left;color:#ccc;width:16px;height:16px;background-image:URL(../images/a_pre.gif);margin-right:7px;}
#listnav a.pre:hover{background-image:URL(../images/a_pre_o.gif);}
#listnav a.next{display:block;float:left;color:#ccc;width:16px;height:16px;background-image:URL(../images/a_next.gif);}
#listnav a.next:hover{background-image:URL(../images/a_next_o.gif);}
#listnav a.num{display:block;float:left;width:16px;height:16px;text-decoration:none;text-align:center;background-image:URL(../images/a_num.gif);color:#0072df;margin-right:7px;}
#listnav a.num:hover{background-image:URL(../images/a_num_o.gif);color:#fff;}
#listnav a.over{display:block;float:left;width:16px;height:16px;text-decoration:none;text-align:center;background-image:URL(../images/a_num_o.gif);color:#fff;margin-right:7px;}
#listnavbottom{width:615px;font-family:arial;font-size:11px;height:30px;right:0px;float:right;margin-right:-50px;}
#listnavbottom .left{width:615px;padding-top:10px;height:30px;}
#listnavbottom .right{height:16px;margin:15px 0px 0 0;clear:right;padding-right:15px;float:right;}
#listnavbottom .label{margin-top:-5px;}
#listnavbottom a.pre{display:block;float:left;color:#ccc;width:16px;height:16px;background-image:URL(../images/a_pre.gif);margin-right:7px;}
#listnavbottom a.pre:hover{background-image:URL(../images/a_pre_o.gif);}
#listnavbottom a.next{display:block;float:left;color:#ccc;width:16px;height:16px;background-image:URL(../images/a_next.gif);}
#listnavbottom a.next:hover{background-image:URL(../images/a_next_o.gif);}
#listnavbottom a.num{display:block;float:left;width:16px;height:16px;text-decoration:none;text-align:center;background-image:URL(../images/a_num.gif);color:#0072df;margin-right:7px;}
#listnavbottom a.num:hover{background-image:URL(../images/a_num_o.gif);color:#fff;}
#listnavbottom a.over{display:block;float:left;width:16px;height:16px;text-decoration:none;text-align:center;background-image:URL(../images/a_num_o.gif);color:#fff;margin-right:7px;}

.bot-links{position:relative; width:305px;height:19px;display:block;background-color:#1a4b52;}
.bot-links a{color:#fff;text-transform:uppercase;padding:0 6px 0 3px;font-weight:bold;font-size:9px;}
.bot-links a:hover{color:#ffcc0d;}
.bot-links a.brdrght{border-right:1px solid #fff;}
.filler{position:relative;width:305px; height:32px;background-color:#0d5f78;display:block;}
.map_container{position:relative; width:305px; height:215px; overflow:hidden;background-color:#0d5f78;}
.map_container img{display:block; position:absolute; left:0; top:0;background-color:#0d5f78;}
#area_slideshow, .rightslide, .mapleft{background-color:#0d5f78 !important;}
