html 
{
  padding: 0;
  margin: 0;
  width: 100%;
  height:100%;
  font-family: "Verdana";
}

html, body, #main { height: 100%; }
body > #main { height: auto; min-height: 100%; }

img
{
  border: 0;
}

@font-face {
	font-family: edwardian_font;
	src: url('../font/Edwardian.ttf');
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}
    
body 
{
  padding: 0;
  margin: 0;
  width: 100%;
  height:100%
  }

div#main
{
  width:1024px;  
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  margin: auto;
  clear:both;
}

table.mainContentTable
{
	margin:0;
	padding:0;
	width:1024px;  
}

table.mainContentTable td.cell1
{
	width:300px;
}

table.mainContentTable td.cell2
{
	width:720px;
}

table.footerTable
{
	width:100%;
}

.clear
{
  clear:both;
}

div#main div#content
{
  width: 724px;
  position: relative;
  clear:both;
  padding-top: 15px;
  padding-left:15px;
  padding-bottom:30px;
}

div.homeText
{
	position:relative;
	width:292px;
	padding:20px;
	font-family: Verdana;
	font-size: 13px;
	margin-top:15px;
    position: relative;
    background-color: #CDE1FA;
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #3875B8;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: auto;
   /*-moz-box-shadow: 0em 0.4em 1em 0.4em  #3875B8;
   -webkit-box-shadow: 0em 0.4em 1em 0.4em #3875B8;
   box-shadow: 0em 0.4em 1em 0.4em #3875B8;*/
}

div#main.public div.homeText
{
   width:800px; 
   margin-left: 80px;
   background-color: #CDE1FA;
   background-color: rgba(255, 255, 255, 0.7);
   padding: 30px;
   margin-top:0px;
   height: auto;
  -moz-box-shadow: 0em 0.4em 1em 0.4em  #3875B8;
  -webkit-box-shadow: 0em 0.4em 1em 0.4em #3875B8;
   box-shadow: 0em 0.4em 1em 0.4em #3875B8;
   border: 1px solid #3875B8;
   -moz-border-radius: 5px;
   border-radius: 10px;
}

div.headline
{
	font-weight:bold;
}

div.intro
{
	padding-top:20px;
}

div.languages
{
	float:right;
	position:relative;
	padding-left:5px;
}

div.specialDeal
{
	position: relative;
	color:black;
	padding:15px;
	font-family: Verdana;
	font-size: 13px;
    background-color: #CDE1FA;
    background-color: rgba(255, 255, 255, 0.7);
   /* -moz-box-shadow: 0em 0em 1em 1em #ffc;
    -webkit-box-shadow: 0em 0em 1em 1em #ffc;
    box-shadow: 0em 0em 1em 1em #ffc; */
	border: 2px solid #ffc;
   -moz-border-radius: 5px;
    border-radius: 5px;
}

div#logo
{
  width: 400px;
  position:relative;
  float:left;
  font-family: edwardian_font;
  color: white;
  font-size:70px;
  padding-left:30px;
  letter-spacing:4px
}

div.logoText
{
  color: #FFF;
  position: relative;
  font-family: Georgia;
  font-size:23px;
  font-weight: bold;
  text-align: center;
  clear: both;
}

div.weather
{
	float:left;
	width:200px;
	margin-top:-40px;
	margin-left:330px;
	height:165px;
	overflow:hidden;
	color:white;
}

div.weather div#ww_1,
div.weather ul#weather_body_43684
{
	height:165px !important;
	overflow:hidden;
	padding:0;
	margin:0;
	color:white;
}

div.weather ul#weather_body_43684 li
{
	top:100px !important;
}

li#weather_t_43684
{
	color: white !important;
}

div.weatherText
{
	font-size:12px;
	color:#FF9 !important;
	position:relative;
	font-family: Verdana;
	margin-top:-30px;
	z-index:100px;
	margin-left:45px;
}

li#weather_thermometer_43684
{
	left:55px !important;
}

li.weather_city,
li.weather_date
{
	display:none;
}

div#logo img
{
  float:left;
  padding-left:13px;
}

.overlay
{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 109%;
  margin-left:-2%;
  height:100%;
  background: #002;
  opacity: 0.40;
  -moz-opacity: 0.40; /* older Gecko-based browsers */
  filter:alpha(opacity=40); /* For IE6&7 */
  -moz-box-shadow: 0em 0.4em 1em 0.4em #395D5D;
  -webkit-box-shadow: 0em 0.4em 1em 0.4em #395D5D;
   box-shadow: 0em 0.4em 1em 0.4em #395D5D;
}


div#main div#banner
{
  width:720px;
  height:350px;
  margin:auto;
  margin-top:-3px;
  position:relative;
  border: 2px solid #3875B8;
}

div#main div#banner img {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  opacity:0.0;
  width:720px;
  height:350px;
}
 
div#main div#banner img.active {
  z-index:10;
  opacity:1.0;
}
 
div#main div#banner img.last-active {
  z-index:9;
}

.borderradius
{
  zoom: 1;
  padding:10px 15px 20px 15px;
  -moz-border-radius: 5px;
  border-radius: 10px;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  width:100%;
  border: 1px solid #333;
  color:#FFFFFF;
}

div.titlehead a,
div.titlehead
{
  color:#78A97C;
  font-weight:bold;
  font-size:17px;
  margin-bottom:10px;
  text-decoration: none;
}

div.titlehead a:hover
{
  text-decoration: underline;
}

div.genericContent
{
  margin-top:10px;
  width:770px;
}

div.contactContent
{
  margin-top:10px;
  width:770px;
}

div.contactUsForm
{
  margin-top:15px;
}

div#main.public div#navigation
{
	margin-top: 10px;
}

div#main div#navigation
{
   position:relative; 
   height:50px;
   clear:both;
   z-index:3000;
}

/*--------   MENU   ----------*/
.cssplayMenu 
{
  position:relative;
  width: 723px;
  margin:0 auto; 
  text-align:center;
  background-color:#3875B8; 
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  z-index:1000;
}

.cssplayMenu ul 
{
  margin:0; 
  z-index:1000;
  position:relative;
  list-style:none; 
  white-space:nowrap; 
  text-align:left; 
  padding:10px;

}

.cssplayMenu ul 
{
  display:inline;
}

.cssplayMenu li 
{
  margin:0; 
  padding:0; 
  list-style:none;
  margin-right:3px;
}

.cssplayMenu li 
{
  display:inline-block; 
  display:inline;
}

.cssplayMenu ul ul 
{
  position:absolute; 
  left:-9999px; 
  width:auto;
  z-index:1000;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.cssplayMenu ul ul ul 
{ 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.cssplayMenu.green ul ul {background-color:#3167A0; z-index:1000;}
.cssplayMenu > ul {display:table; margin:0 auto;}
.cssplayMenu > ul > li {float:left; display:block; position:relative; z-index:100;}
.cssplayMenu > ul > li:hover {display:inline-block; z-index:10;}
.cssplayMenu ul a {display:block; font:15px/30px "Arial", arial,sans-serif; color:#fff; text-decoration:none; padding:0 20px;}
.cssplayMenu > ul > li > a 
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.cssplayMenu > ul > li.branched > a.curved,
.cssplayMenu > ul > li.branched > a:hover
{
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.cssplayMenu ul ul a 
{
  padding:0 10px; 
  margin:5px 0; 
  line-height:25px;
  z-index:1000;
  border:1px solid #000; 
  border-color:rgb(255,255,255) rgb(0,0,0) rgb(0,0,0) rgb(255,255,255); 
  border-color:rgba(255,255,255,0.4) rgba(0,0,0,0.2) rgba(0,0,0,0.3) rgba(255,255,255,0.3); 
  text-shadow:0 -1px 2px rgba(0, 0, 0, 0.6);
  background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image:-ms-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image:linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(255,255,255,0));
}

.cssplayMenu ul li:hover > ul {left:0; top:30px; z-index:-1;}

.cssplayMenu ul ul li:hover > ul {left:100%; top:auto; margin-top:-47px; margin-left:-10px; z-index:10;}

.cssplayMenu li.left ul a {text-align:right;}

.cssplayMenu ul ul li:hover > a 
{
  text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
  background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,0.1));
  background-image:-ms-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,0.1));
  background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,0.1));
  background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,0.1));
  background-image:linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,0.1));
  border-color: rgb(0,0,0) rgb(255,255,255) rgb(255,255,255) rgb(0,0,0);
  border-color: rgba(0,0,0,0.3) rgba(255,255,255,0.4) rgba(255,255,255,0.3) rgba(0,0,0,0.1);
}

.cssplayMenu.green li:hover > a {background-color:#3167A0;}

.cssplayMenu.green li > a.current 
{
  background-color:#3167A0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.cssplayMenu span {display:block; position:absolute; right:9999px; top:-35px;}

#galleria{height:480px; clear:both; margin-top:10px;}

div.GalleryItem
{
  width:210px;
  height:200px;
  float:left;
  padding:9px;
  margin:14px;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
  -moz-border-radius: 9px 9px 6px 6px;
  -webkit-border-radius: 9px 9px 6px 6px;
  border-radius: 9px 9px 6px 6px;
}

div.GalleryItem div.titlehead
{
  color:black;
}

div.GalleryItem a
{
  position:relative;
  display:block;
  border:1px solid #333;
  width:210px;
}

.footer {
  clear: both;
  z-index: 10;
  width:1062px;
  position: relative;
  font-size:12px;
  font-family: Verdana;
  margin-top: 120px;
  border: 1px solid #999;
  background-color: #CDE1FA;
  background-color: rgba(255, 255, 255, 0.7);
}

div.footer table
{
  height:20px;
}

div.reservations
{
  float: left;
  padding-left: 15px;
  font-size:13px;
  width: 300px;
  color:black;
  text-align: center;
  position: relative;
  font-family: Verdana;
}

div.reservations a
{
	text-decoration: none;
	color: #009;
}

div.shareText
{
  float:left;
  padding-right:10px;
  display:inline;
  font-size:13px;
  color:black;
  text-align: center;
  position: relative;
  font-family: Verdana;
}

div.addthis_toolbox
{
  display:inline;
}

/*rates */

div.rates
{
	padding:5px;
	background-color:white;
	-moz-border-radius: 10px;
    border-radius: 10px;
	margin-top:10px;
}

div.priceDescription
{
	margin-top:5px;
}

table.PriceTable
{
	margin:10px 0px 20px 0px;
	width:100%;
}

table.PriceTable td
{
	padding: 0px;
	margin:0;
}

table.PriceTable table.innerPricing
{
	width:100%;
}

table.PriceTable table.innerPricing td
{
	border: 1px solid #DFDFDF;
	margin:0;
	padding: 0px;
}

table.PriceTable tr
{
	height:30
}

table.PriceTable .header
{
	background-color: #ADC2FF;
	height:30px;
}

table.PriceTable .header td
{
	padding:5px;
}

table.PriceTable table.innerPricing .dates
{
	background-color: #E8E8FF;
	padding:0;
	margin:0;
	height:20px;
}

table.PriceTable table.innerPricing td
{
	padding:2px;
}

table.PriceTable table.innerPricing td:first-child
{
	background-color: #E0F5FF;
	width:180px;
	height:22px;
}

table.PriceTable table.innerPricing td.empty
{
	background-color: #E8E8FF;
}

iframe.directionFrame
{
	margin-top:15px;
	border:1px solid #999;
}

a.flag {font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url('../img/16a.png');}
a.flag:hover {background-image:url('../img/16.png');}
a.flag img {border:0;}

td.field input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select {
	border: 1px solid red;
	background-color: #FFFFD5;
	margin: 0px;
	color: red;
}

form.emailForm
{
	padding:10px;
}

form.emailForm table
{
	margin-top:15px;
}

input.contactSubmit
{
	border-width:2px;
	color:#000;
	border-width: 2px;
	background-color:#FFE;
	padding:3px;
	width:100px;
	height:27px;
	float:right;
}

div.flag
{
	height:16px;
	width:16px;
	background-image:url('../img/16.png');
	display: inline-block;
	margin-left:5px;
	margin-top:8px;
    *display: inline;
    zoom: 1
}

div.greek
{
	background-position:-400px -100px;
}
div.italian
{
	background-position:-600px -100px;
}
div.english
{
	background-position:-0px -0px;
}
div.danish
{
	background-position:-700px -0px;
}
div.german
{
	background-position:-300px -100px;
}