*{ margin:0; padding:0;}
body { font-size:13px; font-family: Arial, Helvetica, sans-serif; background:#ddd; color:#668991; overflow-x:none;}
#wrapper { width:890px; margin:0 auto; background:#fff url(../images/mainBG.jpg) no-repeat 0 430px; box-shadow: 0 0 60px #999}
a { text-decoration:none; color:#111; outline:none}
a:hover { color:#666;}
a:active { outline: none;}
a:focus { -moz-outline-style: none;}
p { line-height:16px; margin:0 0 10px 0px; font-weight:normal; font-size:13px; text-align:justify}
li { list-style:none; }
h1, h2, h3, h4, h5 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
h1 { font-size:20px; color:#74855c; font-weight:normal; margin-bottom:20px}
h2 { font-size:18px; font-weight:normal; margin:0px 0 10px 0px; color:#74855c }
h3 { font-size:16px; font-weight:normal; margin:0px 0 10px 0px; color:#74855c;}
h4 { font-size:14px; font-weight:bold; color:#74855c; margin-bottom:5px}
h5 { margin-bottom:5px}
img{ border:none;}
.left { float:left}
.right { float:right}
.clear { clear:both;}
.minheight {height:auto !important; height:450px; min-height:450px;}
.center { margin:0 auto; width:940px;}
.more { color:#099FC0; font-weight:bold; font-size:11px}

/*##########################################################################################
HEADER
##########################################################################################*/
#header { overflow:visible; position:relative; padding:20px 30px 0; height:120px;z-index:1000;}
#mainNav { overflow:hidden; position:absolute; bottom:0; left:30px;}
#mainNav li { float:left}
#mainNav li a { display:block; font-size:14px; color:#739E97; padding:5px 10px}
#mainNav li a:hover { color:#1A1B37;}
.selected {color:#fff!important; background:#9EB183}


#jsddm {	clear:both; display:inline-block;z-index:10;
		position:absolute; 
    bottom:0; 
    left:30px;
		z-index: 1000;    
    }
	#jsddm li
	{	float:left; }
	#jsddm li a
	{	display:block; font-size:14px; color:#739E97; padding:5px 10px }

	#jsddm li a:hover
	{	color:#1A1B37;}
		
		#jsddm li ul
		{	margin:5px 0 0;
			padding:10px;
			position: absolute;
			visibility: hidden;
			z-index: 1000;
			background-color:#5f8f9b;
			font-size:13px;
      }
		
		#jsddm li ul li
		{	float: none;
			display: inline;}
		
		#jsddm li ul li a
		{	width: auto;
      color:#ffffff;
			padding:5px 0;}
		
		#jsddm li ul li a:hover
		{color:#1A1B37;}

#headerRight { position:absolute; top:20px; right:30px}
#lang { overflow:hidden; position:absolute; bottom:5px; right:30px;}
#lang li { float:left; border-right:1px solid #ccc; padding-right:5px; margin-right:5px}
#lang li:last-child { border:none; padding:0; margin:0}
#lang a { color:#999; display:block }
#lang a:hover { color:#007CBF}
#greek { background:url(../images/gr.gif) no-repeat 0 7px}
#english { background:url(../images/en.gif) no-repeat 0 7px}
#italian { background:url(../images/it.gif) no-repeat 0 7px}

/*##########################################################################################
GENERAL
##########################################################################################*/
#sliderLogoContainer { background:#508492; padding:15px 20px; height:250px; margin-top:10px; z-index: 0; }
#sliderContainer { border:10px solid #fff; z-index:10}
#logo { width:260px; height:250px; background:#5F8F9B; position:relative}
#logo a { display:block}
#logo img { position:absolute; top:0px; left:0px}
#main { margin-top:80px; overflow:hidden;}
.mainBox { overflow:hidden; width:547px; margin-right:20px}
.mainBox img { margin-bottom:15px}
#sidebar { width:310px;}

/*##########################################################################################
BOOKING
##########################################################################################*/
#availability { overflow:hidden; margin-left:40px}
#availability a { display:block; background:#9EB183; padding:6px 10px; font-style:italic; font-size:12px; color:#fff; text-align:center}
#availability a:hover  { background:#5F8F9B;}

#availability h3 a {text-shadow: 1px 1px 1px #CCC;color: #000; margin:0;padding:0; font-weight:normal; font-size:20px; background:#D8E3E5; padding:5px;  }
#availability h3 a:hover  { background:#5F8F9B;}

#availability ul { overflow:hidden;}
#availability ul li { margin:0px 0px 15px 0; position: relative;}
#availability ul li label { position: absolute; top: 0; left: 0; color:#777; width:200px; display:block; margin:5px 8px}
#availability ul li br {display: none;}
#availability input{ height:15px; width:220px; border:1px solid #b3b3b3; padding:5px; display: block; background:#fff url(../images/calendar.gif) no-repeat 240px 2px;}
#availability h3 { color:#fff; font-weight:normal; font-size:20px; background:#D8E3E5; padding:5px; text-shadow:1px 1px 1px #508492 }

/*##########################################################################################
SEARCH
##########################################################################################*/
#search { width:155px; overflow:hidden; margin-bottom:10px}
#search li { float:left; position: relative; width:120px; border-bottom:none!important}
#search li.btnSize { width:25px}
.btnSize p { margin-bottom:0px!important} 
#search li label { position: absolute; top:0; left:0; width:110px; display:block; padding: 4px 5px 5px 6px; margin:0; color:#778e83; font-size:11px}
#search li br { display: none;}
#search li input { padding:4px 4px 3px; width:115px; margin:0; background:#fff; color:#5b5b5b; border:none; font-size:11px; border:1px solid #ccc}
#search p input { border:none; margin-left:10px; width:20px; background:url(../images/arrow.png) no-repeat 0 7px !important; text-indent: -999px; overflow:hidden; cursor:pointer; }

/*##########################################################################################
NEWSLETTER
##########################################################################################*/
#newsletter { width:155px; overflow:hidden; margin-bottom:10px}
#newsletter li { float:left; position: relative; width:120px; border-bottom:none!important}
#newsletter li.btnSize { width:25px}
.btnSize p { margin-bottom:0px!important} 
#newsletter li label { position: absolute; top:0; left:0; width:110px; display:block; padding: 4px 5px 5px 6px; margin:0; color:#778e83; font-size:11px}
#newsletter li br { display: none;}
#newsletter li input { padding:4px 4px 3px; width:115px; margin:0; background:#fff; color:#5b5b5b; border:none; font-size:11px; border:1px solid #ccc}
#newsletter p input { border:none; margin-left:10px; width:20px; background:url(../images/arrow.png) no-repeat 0 7px !important; text-indent: -999px; overflow:hidden; cursor:pointer; }

/*##########################################################################################
GALLERY
##########################################################################################*/
#gallery { overflow:hidden; margin-top:30px}
#gallery li { float:left; margin:0 25px 25px 0; border:5px solid #66ADBF}
#gallery li img { margin-bottom:0!important}
#gallery li:nth-child(6n) { margin-right:0}
#gallery li a { display:block}

/*##########################################################################################
NEWS
##########################################################################################*/ 
.new { margin-bottom:30px}
.new h3 { margin-bottom:5px}
#newsNav { padding:5px 10px; overflow:hidden; background:#508492}
#newsNav a { color:#fff; font-weight:bold;}

/*##########################################################################################
CONTACT
##########################################################################################*/ 
#contactForm { margin-top:10px;}
#contactForm li { position: relative; margin: 10px 0 !important}
#contactForm li label { position: absolute; top: 0; left: 0;}
#contactForm li br {display: none;}
#contactForm li input, #contactForm li textarea { display: block; padding: 4px; width: 172px; margin: 0;}
#contactForm li label { width: 172px; display: block; margin: 5px 5px 5px 6px; padding: 0;}
#contactForm li textarea { padding: 4px; width: 172px; }
#contactForm li textarea, #contactForm li input { background:#E5E5E5; color:#5b5b5b; border:none;}
#contactForm li label { color: #777;}
#contactForm p input { border:none; background:#98AD34; padding:4px 10px; color:#fff; font-size:12px; cursor:pointer;}
#contactForm p input:hover {color:#E8FE81;	}
#googlemap { width:330px; overflow:hidden; margin-top:20px; border:5px solid #E5E5E5;}
#contactInfo li { margin-bottom:10px}

/*##########################################################################################
FOOTER
##########################################################################################*/ 
#footer { background:#fff; margin-top:50px; border-top:10px solid #295F8C;}
#digi {  background:url(../images/digi.jpg) no-repeat 605px 10px; padding:10px 30px 0; overflow:hidden}
#digi p { width:550px; font-size:10px; color:#5f5f5f}