BODY {FONT-SIZE:8pt;COLOR:#000066;SCROLLBAR-ARROW-COLOR:#A4F8FF;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;SCROLLBAR-BASE-COLOR:#075897;SCROLLBAR-TRACK-COLOR:#3480bd;background-color:#143D55;}
.text {FONT-SIZE:10pt;COLOR:#000066;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
.title {FONT-SIZE:21pt;COLOR:#000066;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
.copy {FONT-SIZE:8pt;COLOR:#000066;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
.white {FONT-SIZE:9pt;COLOR:#ffffff;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
.links {FONT-SIZE:9pt;COLOR:#075897;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
a:hover{COLOR:#000099;BACKGROUND-COLOR:#A4F8FF;}
a {TEXT-DECORATION:none;color:#990000;}
a:visited {TEXT-DECORATION:none;}
.thassoshotels {font-size:1px;text-decoration:none;line-height:1pt;color:#112967;}
.thassos-hotels {font-size:1px;text-decoration:none;line-height:1pt;color:#112967;}
.style2 {font-size:14pt;font-weight:bold;font-style:italic;}
#loading {FONT-SIZE:21pt;width:400px;height:200px;background-color:#F0F8FA;position:absolute;left:50%;top:50%;margin-top:-100px;margin-left:-200px;padding-top:30px;text-align:center;border:ridge 2px #A4F8FF;opacity:0.9;filter:alpha(opacity=90);z-index:4;}
#loading a:link, #loading a:visited, #loading a:hover{font-size:10px;}
.roller{font:16px bold;color:#FFF;white-space:nowrap;}
.roller a:link, .roller a:visited, .roller a:hover{color:white;background:#143D55;}
.thassoslink a:link, .thassoslink a:visited, .thassoslink a:hover{color:#000066;}
.shadow{box-shadow:4px 4px 5px #5f5f5f;-webkit-box-shadow:4px 4px 5px #5f5f5f;-moz-box-shadow:4px 4px 5px #5f5f5f;filter:progid:DXImageTransform.Microsoft.dropShadow(color=#5f5f5f, offX=4, offY=4, positive=true);}
.toptd{background:url(images/bg-t.jpg);} .toptdsmall{background:url(images/bg-t2.jpg);}
#maintable{border: ridge 5px #A4F8FF;background:url(images/bg.jpg);width:100%;height:100%;}
.thassoslink2{background:url(images/bottomsideframe.jpg);} .thassoslink2 a:link, .thassoslink2 a:visited{color:#660033;} .thassoslink2 a:hover{color:#000099;background:#A4F8FF;}
.thassoslink3{background:url(images/bottomsideframe2.jpg);} .thassoslink3 a:link, .thassoslink3 a:visited{color:#660033;} .thassoslink3 a:hover{color:#000099;background:#A4F8FF;}
.shadowed{text-shadow:2px 2px 8px #A4F8FF, -2px -2px 8px #A4F8FF, 0px 0px 10px #A4F8FF;filter:glow(color=#A4F8FF);}
.bg{background:url(images/bg.jpg);}
#thassostable{width:100%;height:100%;}
.html-marquee {height:25px;width:96%;background-color:143D55;font-size:20px;color:#FFF;border: 1px solid #ffffff;}

/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{position:relative;border-bottom: 0px solid #c1e2f4; color:#E0E0E0;background:#143D55;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:11px;text-transform:uppercase;font-weight:bold;background:#143D55 url(images/dolphin/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:790px;float:none;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/dolphin/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/dolphin/dolphin_right-ON.gif) no-repeat top right;height:33px;}

#dolphin_inner{position:relative;color: white; padding: 5px; font-size: 80%; height: 1em;}

#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color: white;text-decoration: underline;}
#dolphin_inner a:hover{color: #000099}


.innercontent{display: none;}
/* ---------------------- END Dolphin nav ---------------------- */

#dolphincontainer2{position:relative;border-top:5px solid #143D55;color:#E0E0E0;background:#143D55;width:100%;}
#dolphinnav2{position:relative;height:11px;background:#143D55 url(images/dolphin/dolphin_bg2.jpg) repeat-x left;}
#dolphin_inner2{position:relative;color: white; font-size: 90%; height: 1em;white-space:nowrap; font:bold;}
#dolphin_inner2 a:link, #dolphin_inner2 a:visited, #dolphin_inner2 a:active{color: white;text-decoration: underline;}
#dolphin_inner2 a:hover{color: #000099}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 2px solid #A4F8FF;
overflow: scroll; /*leave this value alone*/
width: 790px;
height: 283px; /*Height should enough to fit largest content's height*/
BACKGROUND-COLOR:#1c9dde;
background: url(images/beach.jpg);
}
 
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
 
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 380px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}