/**********************************************************************************************

	CSS on Sails
	Title: Erofili
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: March 2010

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#navigation:after,
#content:after,
.book li:after,
.modules-wrapper:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #068ac4 url(../images/bg-container.jpg) repeat-x top center; color: #fdfdfd; font: 62.5%/1.3 "Arial", "Helvetica", sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #fdfdfd; text-decoration: none; }
a:hover, a:active { color: #fdfdfd; text-decoration: underline; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.container { width: 830px; position: relative; margin: 0 auto; overflow: hidden; text-align: left; font-size: 1.2em; }

#textcontent {width:725px;  margin:auto; background-color:#0570aa; padding:10px; margin-bottom:20px;}
#abouttable td{padding:10px;}

#contact {width:725px;  margin:auto; background-color:#0570aa; padding:10px; margin-bottom:20px; font-size:13px;}
#contact h2 {font-size:18px;}

#bookcontent {width:700px;  margin:auto; background-color:#0570aa; padding:20px; margin-bottom:20px; font-size:12px;}
#bookcontent h2 {font-size:16px;}
#bookcontent fieldset {
  padding: 1em;
  border: 1px solid white;
  margin:15px;
  }
#bookcontent label {
  float:left;
  width:35%;
  margin-right:0.5em;
   margin-top:5px;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }
#bookcontent legend {
  padding: 0.2em 0.5em;
  border:1px solid #CCCCCC;
  color:white;
  font-size:90%;
  text-align:right;
  font-size:13px;
  }
#bookcontent input, select, textarea {
    margin-top:7px;
    border: 1px solid #00b4dc;
}

#bookcontent label.error { display:block; float: none; color: red; padding-left: 230px; vertical-align: top; text-align:left; }

#success {width:700px;  margin:auto; background-color:green; padding:10px; margin-bottom:20px; font-size:12px; text-align:center;}
#fail {width:700px;  margin:auto; background-color:red; padding:10px; margin-bottom:20px; font-size:12px; text-align:center;}

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header .site-name{ display: block; text-indent: -999em; overflow: hidden; width: 231px; height: 104px; margin-left: 55px; margin-top:10px; background: url('../images/logo_en.gif') no-repeat; }
#header #language {
  float: right;
  padding-right: 50px;
  
}

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/

#navigation{ padding: 15px 0 0 46px; }
#navigation li{ float: left; height: 48px; padding-left: 3px; margin-right: 5px; }
#navigation a{ float: left; color: #fff; font-size: 14px; display: block; height: 48px; color: #fff; background: url(../images/bg-nav-right.gif) no-repeat right -43px; padding-right: 11px; text-decoration: none; }
.cufon-ready #navigation a{ font-size: 20px;}
#navigation li span.wrapper{ float: left; display: block; height: 40px; padding: 8px 8px 0; text-transform: uppercase; }
#navigation li.active,
#navigation li.hover{ background: url(../images/bg-nav-left.gif) no-repeat left top; }
#navigation li.active a,
#navigation li.hover a{ background-position: right top; color: #4a5159; }
#navigation li.active span.wrapper,
#navigation li.hover span.wrapper{ background: url(../images/bg-nav-bottom.gif) no-repeat center bottom; }


/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

#topphotos{ width: 738px; height: 228px; padding: 38px 0 0 92px; overflow: hidden; margin-top: 6px; background: url(../images/bg-photos.png) no-repeat; }
#topgallery{ width: 738px; height: 720px; padding: 38px 0 0 92px; overflow: hidden; margin-top: 6px; background: url(../images/bg-gallery.png) no-repeat; }
#slideshow {width:646px; height:184px;}

.welcome{ float: right; width: 440px; padding-right: 42px; }
.welcome h2{ padding-bottom: 15px; }
.welcome .text{ padding: 10px 10px 15px; }

.questions{ position: relative; float: left; width: 218px; height: 129px; background: url(../images/bg-questions.gif) no-repeat; }
.questions h3{ position: absolute; top: 24px; left: 38px; width: 166px; text-align: center;  text-transform: uppercase; font-size: 13px; color: #43728f; }
.cufon-ready .questions h3{ font-size: 20px; }
.questions p{ position: absolute; top: 80px; left: 20px; font: 18px/1em "Times New Roman", Times, serif; color: #70d53f; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; }
.questions p strong{ color: #fff; }
.signup{ float: right; width: 178px; height: 129px; padding: 23px 17px 0 23px; background: url(../images/bg-signup.gif) no-repeat; }
.signup h3{ text-transform: uppercase; font-size: 15px; color: #fff; float: left; }
.signup .help{  float: right; margin: 5px 5px 0 0; width: 18px; height: 18px; position: relative; overflow: hidden; }
.signup .help span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ico-help.gif) no-repeat; }
.cufon-ready .signup h3{ font-size: 23px; }
.signup fieldset{ clear: both; }
.signup input{ width: 176px; padding: 3px 2px; margin: 0; border: 1px solid #00b4dc; }
.signup button{ float: right; margin-top: 6px; padding: 0; border: 0; text-indent: -999em; width: 103px; height: 31px; background: url(../images/btn-signup.gif) no-repeat; cursor: pointer;}


.book{ float: left; width: 295px; padding: 0 0 2px 38px;  font: 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.book h2{ font-size: 30px; text-transform: uppercase; }
.book fieldset{ padding: 14px 0 15px 0; background: #0570aa ; }
.book fieldset li{ padding-bottom: 5px;}
.book .label{ float: left; width: 70px; padding: 4px 7px 0 0; text-align: right; line-height: 1em; }
.book .form-content{ float: left; width: 218px; }
.book .type label{ float: left; }
.book input,
.book select{ font-size: 11px; }
.book input.text{ width: 150px; padding: 3px 2px; margin: 0; border: 1px solid #00b4dc; }
.book select{ border: 1px solid #00b4dc; float: left; height: 18px; margin-right: 2px; }
.book #depart-day,
.book #return-day{ width: 45px;}
.book #depart-month,
.book #return-month{ width: 72px;}
.book #depart-xx,
.book #return-xx,
.book .form-with-notes select{ width: 95px;}
.book .passengers{ padding-bottom: 10px; }
.book .passengers .label{ width: 70px; }
.book .passengers .form-content{ width: 203px;}
.book .form-with-notes{ width: 97px; float: left; }
.book .form-with-notes span,
.book .form-with-notes select{ float: right;}
.book p.note{ float: left; color: #a2e8ff; width: 140px; padding-left: 20px; text-indent: -8px; }
.book .btn-submit{ float: right; margin: 0 25px 0 0; padding: 0; border: 0; text-indent: -999em; width: 96px; height: 36px; background: url(../images/btn-search.gif) no-repeat; cursor: pointer; }

.galleria{list-style:none;width:680px}
.galleria li{display:block;width:47px;height:50px;overflow:hidden;float:left;margin:0 7px 7px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
                                            
#footer {
    margin:auto;
    font-size:12px;
    width:748px;
    height: 23px;
    padding-top: 8px;
    background-color:#0570aa;
    margin-bottom: 10px;
}