/* 
	Web Designer & 
	Author: Maniataki Katerina
	Developer: Nikos Papanikolaou
	Sales Manager: Christos Protoulis
	Company: Net360 S.A.
	Client: Princess Sun
	Date:	21.05.2010
	Update: 01.06.2010
	=============================================================
	=============================================================
*/


/* 

	General  
	============================

*/


*{
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}

html{font-size:62.5%;}

body {
	font:0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	background:#E0E0E2 url(../images/bgSlice.jpg) repeat-x top left;
}

.inv, #gr span, #en span, #de span{
	position: absolute;
	left: -5000px;
}

.editableText {
	display:inline;
}

/* 

	General Structure Classes & Ids
	================================

*/

#supperWrapper{
	width:970px;
	margin: 0 auto;
}

#wrapper{
	overflow: hidden;
}


.row0, .row1, .row2, .row3, .row4{
	float:left;
	width:100%;
}

.column1, .column2, .column3 {
	float:left;
}

#header .column1, #header .column2{
	width:100%;
}


/* 

	Header
	================================

*/

#header{
	height:132px;
	border-bottom:1px solid #0099CC;
	width:970px;
}

#header h1 a{
	background: url(../images/logo.jpg) no-repeat top left;
	width: 218px;
	height:96px;
	text-decoration:none;
	display:block;
	margin-top:22px;
	float: left;
}

#header #languages{
	width:112px;
	float: right;
	margin-top:40px;
}

#header #languages ul{
	list-style:none;
	float: right;
}

#header #languages ul li{
	list-style: none;
	float: left;
}

#header #languages ul #en a, #header #languages ul #gr a, #header #languages ul #de a{
	background: url(../images/flags.jpg) no-repeat bottom left;
	width:25px;
	height:23px; 
	display:block;	
}

#header #languages ul #en a:hover, #header #languages ul #en a.active, 
#header #languages ul #gr a:hover, #header #languages ul #de a:hover, 
#header #languages ul #gr a.active, #header #languages ul #de a.active{
	background: url(../images/flagsH.jpg) no-repeat bottom left;
}

#header #languages ul #gr a, #header #languages ul #gr a:hover, 
#header #languages ul #gr a.active{
	background-position:-25px bottom;
	width:23px;
}

#header #languages ul #de a, #header #languages ul #de a:hover, 
#header #languages ul #de a.active{
	background-position:-48px bottom;
	width:25px;
}

#header #languages ul #en a:hover, #header #languages ul #en a.active{
	background-position: top left;
}

#header #languages ul #gr a:hover, #header #languages ul #gr a.active{
	background-position: -25px top;
}

#header #languages ul #de a:hover, #header #languages ul #de a.active{
	background-position: -48px top;	
}

/* 

	Navigation
	============================

*/

#navigation{
	width:728px;
	height:44px;
	float: right;
	margin-top:-24px;
}

#navigation ul{
	float: right;
}

#navigation ul, #navigation li{
	list-style: none;
}

#navigation li{
	float: left;
	position: relative;
}

#navigation li a{
	text-decoration: none;
	color: #0066CC;
	font-size:1.4em;
	font-weight:bolder;
	padding: 10px;
	display: inline-block;
}

#navigation li a:hover, #navigation li a.active{
	background-color: #D2E25A;
	color: #ffffff;
}

 #navigation li a.active{
 	background-color: #0066cc;
 }

#navigation ul ul{
	position:absolute;
	top:38px;
	padding: 0;
	margin: 0px;
	left:-999em;
	background-color: #d2e25a;
	border: 1px solid #356e0c;
	border-top: none;
	z-index: 999;
}

#navigation ul ul li{
	display: block!important;
	clear: both;
	width:200px;
}

#navigation ul ul li a{
	display: block;
	padding:10px;
	color:#ffffff;
	z-index: 2;
	font-size:12px;
	/*width: 120px;*/
}

#navigation ul ul li a:hover{
	background-color: #d2e25a;
	color: #356e0c;
}




/* 

	Banner
	============================

*/

.row1 .column1{
	width:970px;
	height:490px;
	display: block;
	background: url(../images/bannerBG.jpg) no-repeat top left;
	border-bottom: 1px solid #ffffff;
	position: relative;
	/*z-index: 1;*/
}

#main_banner_container, #availability-checker{
	width:962px;
	height:483px;
	margin: 7px 0px 0 4px;	
}

#main_banner_container{
	z-index: 10;
	position:relative;
	float:left;
	width:970px;
	height:490px;
}

 #availability-checker{
 	z-index: 18;
 }


/* 

	Online Booking
	============================

*/

#availability-checker{
	background: url(../images/onlineBook.png) no-repeat top left;
	position: absolute;
	top: 0;
	right: 4px;
}

#booking-form{
	float:right;
	width:204px;
}

#booking-form h2{
	color: #999900;
	font-size:2.2em;
	font-weight: lighter;
	margin: 20px 10px 10px 10px;
}

.date{
	width:100%;
	float:none;
	margin:10px 0;
}

.date label{
	float: left;
	font-size: 1.3em;
	padding: 4px;
	margin-top:1px;
}


.date input{
	width:110px;
	margin: 2px;
	padding: 2px;
	border:1px solid #82ACC4;
}

.nights, .adults, .children{
	float: left;
	width:25%;
	padding-right: 10%;
}

.children{
	padding: 0;
}

.nights label, .adults label, .children label{
	float: none;
	width:100%;
	font-size: 1.3em;
}

.nights select, .adults select, .children select{
	width:100%;
	border: 1px solid #82acc4;
}

input.booking-link{
	background: url(../images/buttonSlice.jpg) repeat-x top left;
	padding:2px 5px;
	float:right;
	margin:10px;
	width:40px;
	color: #58C10D;
	font-weight: bolder;
	border:1px solid #58C10D;
}

input.booking-link:hover{
	border:1px solid #356e0c;
	color: #356e0c;
}

.offerBanner{
	position: absolute;
	top:200px;
	right:4px;
	width:190px;
	padding:10px;
	color: #121E21;
	text-align: right;
	z-index: 20;
}

.offerBanner #title{
	font-size:2em;
	float: none;
		font-weight: lighter;
}

.offerBanner .description{
	float: left;
	font-size:1.5em;line-height:2em;
}

.offerBanner #price{
	color:#121e21;
	font-weight:lighter;
	font-size:3.5em;
	float:left;
	width:40%;
}

.offerBanner p{
	float: none;
	width:60%;
	font-size:2.1em;
	color:#121e21;
	font-weight: bolder;
	text-align: center;
	float: right;
	margin-top:8px;
}


/* 

	Contents
	============================

*/


.row2{
	background-color: #4E7C85;
	color: #ffffff;
}

.row2 .column1{
	/*background: url(../images/contentSlice.jpg) no-repeat center right;*/
}


.row2 .column1, .row2 .column2{
	float: left;
	width:55%;
	padding: 3%;
}

.row2 .column2{
	width:33%;
	padding-top:60px;
	background:url("../images/contentSlice.jpg") no-repeat scroll left center transparent;
}

.row2 h2{
	font-size:2.2em;
	font-weight:lighter;
	margin:0 0 10px 0;
	display: block;
}

.row2 h3{
	font-size:1.8em;
	margin:10px 0;
}

.row2 h4{
	font-size: 1.6em;
	margin:10px 0;
}

.row2 p, .row2 ul, .row2 ol{
	font-size:1.3em;
	padding: 5px 0;
}

.row2 a{
	color:#d2e25a;
}

.row2 a:hover{
	text-decoration: none;
}


.row2 ul, .row2 ol{
	margin:10px 25px; 
}


.photogallery{
	float: none;
	overflow: hidden;
}

.photogallery a{
	border:2px solid #ffffff;
	width: 126px;
	height:100px;
	overflow: hidden;
	display:block;
	margin:10px;
	float: left;
}

.TA_rated{
	float: left;
}


/* 

	Footer
	============================

*/

#footer{
	width:100%;
	margin-top:20px;
	height:100px;
	overflow: hidden;
}

#footNav{
float:left;
width:930px;
margin-left:-10px;
margin-top:10px;
}

#footNav ul, #footNav li{
	list-style:none;
}

#footNav li{
	float: left;
}

#footNav ul li a{
	color:#006CA4;
	text-decoration: none;
	font-size: 1.3em;
	padding: 10px;
}

#footNav ul li a:hover{
	color:#0099cc;
}

#net360{
	float: right;
}

#net360 a{
	width:43px;
	height:38px;
	display: block;
	background: url(../images/net360.jpg) no-repeat top left;
}

#net360 a:hover{
	background: url(../images/net360H.jpg) no-repeat top left;
}


/* 

	Rates Table
	============================

*/

table#ratesTable{
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
}

table#ratesTable th{
	font-size:1.3em;
	padding: 5px;
	background-color: #0066cc;
	border-right: 1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
table#ratesTable td{
	background-color: #7faeb7;
	border-right: 1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size:1.2em;
}


/* 

	Map
	============================

*/



#mapCanvas{
	display: block;
	width:400px;
	height:300px;
	margin: 0 auto;
}


/* 

	Photo Gallery
	============================

*/

.contents1 .column1{
	width:100%;
}


#digi{
	float:left;
	width:912px;
}

#digi ul{
	width: 222px;
	float: left;
}

#digi ul li{
	float: left;
	list-style:none;
}

#digi ul li #eu, #digi ul li #psyf, #digi ul li #espa{
	display: block;
	width: 55px;
	height:71px;
	background: url(../images/digiLodge.jpg) no-repeat top left;
}

#digi ul li #psyf{
	width:69px;
	background-position: -55px top;
}

#digi ul li #espa{
	width:98px;
	background-position: -124px top;
}

#digi p{
	color: #333333;
	font-size:11px;
	text-align: left;
	float:left;
	width:250px;
	padding:10px;
}