/* CSS Document */

.chromestyle{ border-top: 1px solid #D8DBE0; border-bottom:1px solid #D8DBE0;font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#718BC8; line-height:230%;}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.chromestyle ul{width: 100%; /*THEME CHANGE HERE*/padding: 0px 0;margin: 0;text-align: center; /*set value to "left", "center", or "right"*/}
.chromestyle ul li{display: inline;}
.chromestyle ul li a{padding: 3px 3px; margin: 0;text-decoration: none;}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#1F2E50; line-height:230%; font-weight:normal /*THEME CHANGE HERE*/}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{position:absolute;top: 0;border: 1px solid #D8DBE0; /*THEME CHANGE HERE*/border-bottom-width: 0;font:normal 12px Century Gothic, Verdana, Arial, Helvetica, sans-serif;line-height:18px;z-index:100;background-color: #fff;width: 150px;visibility: hidden;filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/}
.dropmenudiv a{width: auto;display: block;text-indent: 3px; border-bottom: 1px solid #D8DBE0; /*THEME CHANGE HERE*/padding: 2px 0;text-decoration: none;font-weight: normal;color: #718BC8; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;}
* html .dropmenudiv a{ /*IE only hack*/width: 100%;}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/background-color:#F4F7FB ;}

.fadetop {background:url(images/top.jpg); background-repeat:repeat-x}
.fadebottom {background:url(images/bottom.jpg); background-repeat:repeat-x}
.fadeleft {background:url(images/left.jpg); background-repeat:repeat-y}
.faderight {background:url(images/right.jpg); background-repeat:repeat-y}
.navfade {background:url(images/navfade.jpg); background-repeat:repeat-x}

.accomback {background:url(images/accomback.jpg); background-repeat:no-repeat; padding-top:10px;}

.toptext {font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#718BC8; letter-spacing:6px; line-height:180%; padding-bottom:20px}
.maintext {font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:70px; color:#718BC8; letter-spacing:-1px; line-height:80%; }
.submaintext {font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:29px; color:#718BC8; line-height:80%; letter-spacing:0.5px; padding-left:95px}
.oceantext {font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#718BC8; letter-spacing:12px;line-height:250%; padding-left:25px; padding-bottom:8px; font-weight:bold }

#thumbBox{ /*Outermost DIV for thumbnail viewer*/ position: absolute; left: 0; top: 0; width: auto; padding: 5px; padding-bottom: 0; background: #E9EDF5; visibility: hidden; z-index: 10; cursor: hand; cursor: pointer; }
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */ font: bold 11px Arial; letter-spacing: 5px; line-height: 1.1em; color: #395491; padding: 5px 0; text-align: right; }
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */ background-color: white;}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/position: absolute; font: bold 12px Arial; visibility: hidden; border: 1px solid black;background-color: #EFEFEF; padding: 5px; z-index: 5;}

.onlinebooking {border-top: 1px solid #D8DBE0; border-bottom:1px solid #D8DBE0; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1F2E50;}
.onlinebooking a:link { font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1F2E50; text-decoration:none}
.onlinebooking a:visited{ font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1F2E50; text-decoration:none}
.onlinebooking a:hover{font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1F2E50; text-decoration:underline}
.onlinebooking a:active{font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1F2E50; text-decoration:none}

.dolphinback {background:url(images/dolphinsfade.jpg); background-repeat:no-repeat; background-position:bottom; padding-top:10px; padding-bottom:30px}
.dolphinback1 {background:url(images/dolphinsfade1.jpg); background-repeat:no-repeat; background-position:bottom; padding-top:10px; padding-bottom:80px}
.hometext {font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#31487D; line-height:120%; padding-top:20px; padding-left:40px; padding-right:40px}

.mainpicframe {border: 4px solid #E9EDF5; }
.knytourframe {border: 1px solid #004F13}
.accomframe {border:1px solid #E9EDF5}

.contact {font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#395491; line-height:200%; padding:10px; text-decoration:none}
.contact a:link{font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#395491; line-height:200%; padding:10px; text-decoration:none}
.contact a:visited{font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#395491; line-height:200%; padding:10px; text-decoration:none}
.contact a:hover{font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#395491; line-height:200%; padding:10px; text-decoration:underline}
.contact a:active{font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#395491; line-height:200%; padding:10px; text-decoration:none}
.contact1 {font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#395491; line-height:110%; padding:10px}
.contctback {background:url(images/contactfade.jpg); background-repeat:repeat-x; background-position:top;}

#danabay {font-family:Century Gothic ,Verdana, Arial; font-size:14px; color:#395491;text-decoration:none; ; display:block; width:75%}
#danabay a:link{font-family:Century Gothic ,Verdana, Arial; font-size:14px; color:#395491; text-decoration:none; display:block;width:75%}
#danabay a:visited{font-family:Century Gothic ,Verdana, Arial; font-size:14px; color:#395491; text-decoration:none; display:block;width:75%}
#danabay a:hover{font-family:Century Gothic ,Verdana, Arial; background:#395491; display:block; font-size:14px; color:#FFF; text-decoration:none;width:75%}
#danabay a:active{font-family:Century Gothic ,Verdana, Arial; font-size:14px; color:#395491; text-decoration:none;  display:block; width:75%}
.danabay1 {border:1px solid #395491;}

#special {font-family:Century Gothic ,Verdana, Arial; font-size:14px; color:#fff; font-weight:bold; width:40%; text-decoration:none;}
#special a:link{font-family:Century Gothic ,Verdana, Arial; font-size:14px; color:#fff;  font-weight:bold; width:40%; text-decoration:none;}
#special a:visited{font-family:Century Gothic ,Verdana, Arial; font-size:14px; color:#fff;  font-weight:bold; width:40%; text-decoration:none;}
#special a:active{font-family:Century Gothic ,Verdana, Arial; font-size:14px; color:#fff;  font-weight:bold; width:40%; text-decoration:none;}
#special a:hover{font-family:Century Gothic ,Verdana, Arial;  font-size:14px; color:#FFF; text-decoration:none;font-weight:bold; width:40%; text-decoration:underline;}

.navigation {border-top: 1px solid #D8DBE0; border-bottom:1px solid #D8DBE0; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#718BC8; line-height:230%;}
.chromestyle a:link {font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#718BC8; line-height:230%; font-weight:normal; text-decoration:none}
.chromestyle a:visited {font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#718BC8; line-height:230%; font-weight:normal; text-decoration:none}
.chromestyle a:hover {font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#1F2E50; line-height:230%; font-weight:normal}
.chromestyle a:active {font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#718BC8; line-height:230%; font-weight:normal; text-decoration:none}

.titletext {font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#395491; line-height:140%; font-weight:bold; padding-left:10px}
.bodytext {font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#395491; line-height:130%; padding:10px; text-decoration:none}
.bodytext a:link{font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#395491; line-height:130%; padding:10px; text-decoration:none}
.bodytext a:visited{font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#395491; line-height:130%; padding:10px; text-decoration:none}
.bodytext a:hover{font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#395491; line-height:130%; padding:10px; text-decoration:underline}
.bodytext a:active{font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#395491; line-height:130%; padding:10px; text-decoration:none}
.padding {padding:2px}
.formtext {font-family:Century Gothic ,Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#395491; line-height:130%; padding:0px; text-decoration:none}