@charset "ISO-8859-1";

/****************/
html, body, table, tr, th, td {
margin: 0px;
padding: 0px;
}

body, textarea, input, label, legend {
font-family: Verdana, sans-serif;
font-size: 14px;
font-weight: normal;
color: #707070;
}

body { 
background-color: #eeeeee;
background-image: url("../img/body_bg.png");
background-repeat: repeat-x; 
}

a, a:link, a:visited, a:hover, a:active { text-decoration: underline; }

abbr, acronym {
cursor: help;
border-bottom: 1px dotted;
}

p { text-align: justify; }

h1, h2, h3 { }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

img { border: 0px; }

table { border-collapse: collapse; }
table th { 
padding: 0.3em; 
text-align: center; 
}
table td { padding: 0.2em; }

table.data { 
width: 100%;
border: 1px solid #707070;
font-size: 90%;
margin-bottom: 2em;
}
table.data thead, table.data tfoot { 
background-color: #707070;
color: #ffffff;
}

table.data tbody th {
background-color: #eeeeee;
color: #707070;
border-bottom: 1px solid #707070;
}

table.data tbody td {
border-bottom: 1px solid #707070;
border-left: 1px solid #707070;
text-align: center;
width: 6%;
}
table.data tbody a, table.data tbody a:link, table.data tbody a:visited, table.data tbody a:hover, table.data tbody a:active { color: #707070; }
table.data tfoot a, table.data tfoot a:link, table.data tfoot a:visited, table.data tfoot a:hover, table.data tfoot a:active { color: #ffffff; }
table.data caption {
text-align: left;
padding: 0em 0em 0.3em 1em;
font-style: italic;
font-weight: bold;
}

/******* id ***************/
#availabilities {
position: absolute;
top: 436px;
left: 90px;
width: 137px;
line-height: 26px;
text-align: center;
background-image: url("../img/availabilities_bg.png");
background-repeat: no-repeat;	
}

#availabilities a, #availabilities a:link, #availabilities a:visited, #availabilities a:hover, #availabilities a:active { 
color: #ffffff; 
text-decoration: none;
}
#availabilities a:hover, #availabilities a.active { text-decoration: underline; }

#catch-phrase {
margin-left: 265px;
width: 445px;
height: 76px;
padding: 20px 80px 20px 80px;
}

#catch-phrase p {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
padding: 20px;
color: #6e9379;
font-size: 20px;
font-weight: bolder;
text-align: center;
}

#container {
background-image: url("../img/container_bg.png");
background-repeat: repeat-y;
background-position: 255px 0px;
}

#content {
margin-left: 255px;
width: 560px;
background-image: url("../img/content_bg.png");
background-repeat: no-repeat;
padding: 25px 33px 35px 35px;
text-align: justify;
}

#content h1 { margin-top: 0px; }
#content h2 { color: #ffc333; }

table.data tbody td.description {
text-align: left;
}

table.data tbody td.description p {
padding: 0 1em 0 1em;
}

#footer {
border-top: 1px solid #dcdcdc;
background-color: #eeeeee;
width: 569px;
padding: 5px 45px 10px 270px;
text-align: center;
color: #888888;
font-size: 90%;
}

a.gto {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #888888;
text-decoration: none;
display: block;
margin-left: 0px;
margin-right: 0px;
text-align: center;
}

a.gto:hover {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #ff8888;
text-decoration: none;
}

div.gto {
position : relative;
height : 14px;
top : 0px;
margin : 0px;
padding : 0px;
background-color: #eeeeee;
overflow: hidden;
width: 92px;
}

#header {
margin-top: 23px; 
background-image: url("../img/header_bg.png");
background-repeat: no-repeat; 
background-position: 255px 0px;
height: 175px;
}

#header img {
display: none;
}

#header a {
float: left;
width: 220px;
height: 145px;
padding: 0;
border-style: none;
background-image: url("../img/logo.png");
background-position: bottom right;
background-repeat: no-repeat;
}

#languages {
position: absolute;
top: 114px;
left: 876px;
}

#languages ul { 
margin: 0px; 
padding: 0px;
}
#languages li {
width: 99px;
line-height: 21px;
margin-bottom: 4px;
list-style-type: none;
background-image: url("../img/language_bg.png");
background-repeat: no-repeat; 
}
#languages a {
display: block;
padding-left: 6px;
}
#languages a, #languages a:link, #languages a:visited, #languages a:hover, #languages a:active {
color: #ffffff; 
text-decoration: none;
}
#languages a:hover { text-decoration: underline; }

#navigation { 
position: absolute;
top: 198px;
left: 0px; 
}

#navigation ul { 
margin: 0px; 
padding: 10px 0px 10px 0px;
width: 263px;
}

#navigation li { list-style-type: none; }

#navigation a {
display: block;
line-height: 1.5em;
height: 1.5em;
padding-left: 88px;
color: #707070;
text-decoration: none;
}

#navigation a:hover, #navigation a.active { 
background-image: url("../img/navigation_link_bg.png");
background-repeat: no-repeat; 
background-position: 100% 50%;
background-color: #f9f9f9;
text-decoration: underline;
}

#screamer {
background-image: url("../img/screamer_top_bg.png");
background-repeat: no-repeat;
background-position: top;
position: absolute;
top: 502px;
left: 40px;
width: 200px; 
}

#screamer div {
background-image: url("../img/screamer_bottom_bg.png");
background-repeat: no-repeat; 
background-position: bottom;
padding: 0;
}

#screamer div p {
color: #6e9379;
margin: 0;
padding: 16px;
}

#slide0, #slide1 { 
text-align: center; 
width: 545px;
}
#slideshow { 
margin: auto;
width: 545px;
height: 400px;
}
#slideshow img { border: 1px solid #dcdcdc; }

.strong {
font-weight: bold;
}

#top {
float: right;
width: 3.5em;
padding: 1px 3px;
border-top: 1px solid #eb654a;
background-image: url("../img/top.png");
background-repeat: no-repeat;
background-position: 80% 50%;
}

#top a {
display: block;
font-size: 95%;
color: #eb654a;
text-decoration: none;
}
#top a:hover { text-decoration: underline; }

/******* class ************/
.error, .flash { color: #ff0000; }
.float-right {
float: right;
margin-bottom: 2em;
margin-left: 2em;
}

.float-left {
float: left;
margin-bottom: 2em;
margin-right: 2em;
}
.hidden {
visibility: hidden;
clear: both;
}

td.booked { 
background-color: #ffc333;
color: #707070;
font-weight: bold;
}

table.data tbody td.digit, table.data tfoot td.digit { text-align: right; }

tr.even { background-color: #eeeeee; }

.tool-tip { 
border: 1px solid #707070;
background-color: #eeeeee; 
width: 120px;
}
.tool-title, .tool-text { padding: 2px; }
.tool-title { 
background-color: #707070;
color: #ffffff; 
}
.tool-text { background-color: #ffffff; }

ul.image-list {
}

ul.image-list li {
list-style-type: none;
float: left;
margin-right: 1em;
margin-bottom: 0.5em;
}

table.data tbody th.low-season { background-color: #FFFF66; }
table.data tbody th.medium-season { background-color: #FFCC66; }
table.data tbody th.high-season { background-color: #FF9966; }