/* 	Web Designer & 	
		Author: Maniataki Katerina	
		Developer: Nikos Papanikolaou	Sales 
		Manager: Giorgos Thomadis	
		Company: Net360 S.A.	
		Client: Tsilivi Hotel	
		Date:	17.05.2010	
		Update: 09.05.2011	
=============================================================	
=============================================================*/

/* 	General  	

============================*/

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

html {
	font-size:62.5%;
}

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

.inv, #navigation ul li a span{
	position: absolute;
	left: -5000px;
}

.editableText {
	display:inline;
}

/* 	General Structure Classes & Ids	

================================*/

#supperWrapper {
	width: 100%;
	min-width: 940px;
	height:100%;
	min-height: 800px;
	position: absolute;
	top:0;
	left: 0;
	background: url(../images/bgSlice.jpg) repeat-y top left;
}

#wrapper {
	height:100%;
	min-height: 800px;
	width:940px;
	background: url(../images/bgFloral.png) no-repeat bottom left;
}

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

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

.row2 .column1 {
	width:301px;
	margin-top:198px;
}

.row3 .column1 {
	padding:12px 0 12px;
	width:272px;
   margin:0 14px 0 15px;
}

.row2 .column2, .row3 .column2 {
	width:639px;
	margin-top:5px;
	position: relative;
}

.row3 .column2 {
	margin-left:14px;
	width:625px;
}

/* 	Header	================================*/


#header .column1 {
	position: absolute;
	float:none;
	top: 80px;
	left:36px;
}

#header h1 a {
	background: url(../images/logo.png) no-repeat top left;
	width: 221px;
	height:175px;
	text-decoration:none;
	display:block;
	float: none;
}

#header .column2 {
	width:308px;
	height:29px;
	padding-left:18px;	/*background-color: black;*/
}

#header .column2 #weather {
	float: left;
	width:100px;
}

#temperature {
	color:#FFFFFF;
	float:right;
	font-size:1.4em;
	padding-top:7px;
}

#icon {
	float:left;
}

#header .column2 #addthis {
	float: right;
	width:75px;
	height:29px;
}

.at300bs.at15t_expanded, .at300bs.at15t_compact {
	background: none!important;
}

.addthis_toolbox {
	background: url(../images/share.png) no-repeat top left;
	width:75px;
	height:29px;
}

#header .column2 #addthis a {
	color: #EDAE3A;
	font-size:1.2em;
	text-decoration:none;
	padding-top: 7px;
}

#header .column3 {
	width:614px;
	height:29px;	/*background-color: aqua;*/
}

#languages ul {
	float:right;
}

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

#languages ul li a {
	color: #E9E9E9;
	font-size:1.4em;
	padding: 5px;
	text-decoration: none;
}

/* 	Navigation	============================*/


#navigation {
	float:left;
	width:934px;
	background: url(../images/nav.png) no-repeat top left;
	display: block;
	margin-top: 10px;
	margin-left:11px;
	height:42px;
}

#navigation ul {
	margin-left:10px;
}

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

#navigation ul li a {	/*line-height:42px;*/
	color: #edae3a;
	text-decoration: none;
	font-size: 1.5em;	/*padding: 10px 0;*/	
}

/* 	Navigation Image Replacement	=============================*/

#navigation ul li#en1 a, #navigation ul li#en9 a, 
#navigation ul li#en10 a, #navigation ul li#en12 a, 
#navigation ul li#en13 a, #navigation ul li#en14 a, 
#navigation ul li#en15 a, #navigation ul li#en17 a {
	width:83px;
	height:42px;
	display: block;
	background: url(../images/navEN.png) no-repeat top left;
}

#navigation ul li#en1 a:hover, #navigation ul li#en9 a:hover, 
#navigation ul li#en10 a:hover, #navigation ul li#en12 a:hover, 
#navigation ul li#en13 a:hover, #navigation ul li#en14 a:hover, 
#navigation ul li#en15 a:hover, #navigation ul li#en17 a:hover {
	background-image: url(../images/navENHover.png);
}

#navigation ul li#en1 a:hover {
	background-position: top left;
}

#navigation ul li#en9 a, #navigation ul li#en9 a:hover {
	width:135px;
	background-position:-83px top;
}

#navigation ul li#en10 a, #navigation ul li#en10 a:hover {
	width:86px;
	background-position:-218px top;
}

#navigation ul li#en12 a, #navigation ul li#en12 a:hover {
	width:158px;
	background-position:-304px top;
}

#navigation ul li#en13 a, #navigation ul li#en13 a:hover {
	width:153px;
	background-position:-462px top;
}

#navigation ul li#en14 a, #navigation ul li#en14 a:hover {
	width:77px;
	background-position:-615px top;
}

#navigation ul li#en17 a, #navigation ul li#en17 a:hover {
	width:70px;
	background-position:-692px top;
}

#navigation ul li#en15 a, #navigation ul li#en15 a:hover {
	width:120px;
	background-position:-762px top;
}

#navigation ul li#gr1 a, #navigation ul li#gr9 a, 
#navigation ul li#gr10 a, #navigation ul li#gr12 a, 
#navigation ul li#gr13 a, #navigation ul li#gr14 a, 
#navigation ul li#gr15 a, #navigation ul li#gr17 a {
	width:96px;
	height:42px;
	display: block;
	background: url(../images/navGR.png) no-repeat top left;
}

#navigation ul li#gr1 a:hover, #navigation ul li#gr9 a:hover, 
#navigation ul li#gr10 a:hover, #navigation ul li#gr12 a:hover, 
#navigation ul li#gr13 a:hover, #navigation ul li#gr14 a:hover, 
#navigation ul li#gr15 a:hover, #navigation ul li#gr17 a:hover {
	background-image: url(../images/navGRHover.png)
}

#navigation ul li#gr1 a:hover {
	background-position:top left;
}

#navigation ul li#gr9 a, #navigation ul li#gr9 a:hover {
	width:146px;
	background-position:-96px top;
}

#navigation ul li#gr10 a, #navigation ul li#gr10 a:hover {
	width:79px;
	background-position:-242px top;
}

#navigation ul li#gr12 a, #navigation ul li#gr12 a:hover {
	width:152px;
	background-position:-321px top;
}

#navigation ul li#gr13 a, #navigation ul li#gr13 a:hover {
	width:92px;
	background-position:-473px top;
}

#navigation ul li#gr14 a, #navigation ul li#gr14 a:hover {
	width:107px;
	background-position:-565px top;
}

#navigation ul li#gr17 a, #navigation ul li#gr17 a:hover {
	width:98px;
	background-position:-672px top;
}

#navigation ul li#gr15 a, #navigation ul li#gr15 a:hover {
	width:112px;
	background-position:-770px top;
}

#navigation ul li#de1 a, #navigation ul li#de9 a, 
#navigation ul li#de10 a, #navigation ul li#de12 a, 
#navigation ul li#de13 a, #navigation ul li#de14 a, 
#navigation ul li#de15 a, #navigation ul li#de17 a  {
	width:56px;
	height:42px;
	display: block;
	background: url(../images/navDE.png) no-repeat top left;
}

#navigation ul li#de1 a:hover, #navigation ul li#de9 a:hover, 
#navigation ul li#de10 a:hover, #navigation ul li#de12 a:hover, 
#navigation ul li#de13 a:hover, #navigation ul li#de14 a:hover, 
#navigation ul li#de15 a:hover, #navigation ul li#de17 a:hover {
	background-image: url(../images/navDEHover.png)
}

#navigation ul li#de1 a:hover {
	background-position:top left;
}

#navigation ul li#de9 a, #navigation ul li#de9 a:hover {
	width:141px;
	background-position:-56px top;
}

#navigation ul li#de10 a, #navigation ul li#de10 a:hover {
	width:71px;
	background-position:-197px top;
}

#navigation ul li#de12 a, #navigation ul li#de12 a:hover {
	width:245px;
	background-position:-268px top;
}

#navigation ul li#de13 a, #navigation ul li#de13 a:hover {
	width:102px;
	background-position:-513px top;
}

#navigation ul li#de14 a, #navigation ul li#de14 a:hover {
	width:70px;
	background-position:-615px top;
}

#navigation ul li#de17 a, #navigation ul li#de17 a:hover {
	width:85px;
	background-position:-685px top;
}

#navigation ul li#de15 a, #navigation ul li#de15 a:hover {
	width:112px;
	background-position:-770px top;
}

/* 	Online Booking	============================*/
#availability-checker {
	border:1px solid #76541A;
	width:270px;
	margin:0px auto 5px auto;
	height:135px;
	color:#A7A7A7;
}
#availability-checker h2 {
	color:#EDAE3A;
	font-size:1.6em;
	padding: 5px;
}
#availability-checker label {
	color:#A7A7A7;
	font-size:1.2em;
	padding: 5px;
}
.date {
	float: left;
	width:50%;
}
.date label, .nights label, .adults label, .children label {
	display: block;
	float: none;
	width:100%;
}
.date input {
	width:70%;
	margin: 5px;
	background-color: #171311;
	color:#312D28;
}
.nights {
	width: 25%;
	float: left;
}
.adults {
	width:25%;
	float: left;
}
.children {
	width: 25%;
	float: left;
}
.nights select, .adults select, .children select {
	margin: 5px;
	background-color: #171311;
	color:#312D28;
}
.bookingBtn {
	width:75%;
	float: left;
	padding-top:10px;
}
.bookingBtn input {
	background: url(../images/buttonLG.png) no-repeat top left;
	width:146px;
	height:45px;
	line-height: 30px;
	text-align: center;
	color:#ffffff;
cursor:pointer;
}
.bookingBtn input:hover {
	color: #edae3a;
}/* 	Newsletter	============================*/
#newsletter_container {
	width:270px;
	margin: 5px auto;
	height:86px;	/*float: none;	display: block;*/
	border: 1px solid #76541a;
}
#newsletter_form_submit {
	display: block;
}
#newsletter_container .title {
	color:#EDAE3A;
	font-size:1.6em;
	padding: 5px;
}
#newsletter_container label {
	color: #a7a7a7;
	float: left;
	font-size:1.2em;
	padding: 5px;
	margin-top:18px;
}
#newsletter_container input {
	background-color: #171311;
	color:#4F4B45;
	margin: 5px;
	float: left;
	width:100px;
	margin-top:22px;
}
.newsletter_btn button {
	margin: 5px;
	background: url(../images/buttonSM.png) no-repeat top left;
	width:74px;
	height:44px;
	text-align: center;
	line-height: 44px;
	color:#ffffff;
	float: left;
cursor:pointer;
}
.newsletter_btn button:hover {
	color: #edae3a;
}/* 	Banner	============================*/
#main_banner_container {
	float: right;
	width:625px;
	height:415px;
	margin-left:14px;
	margin-top:8px;
}
#bestPrice {
	background-color:#403E39;
	color:#9E520C;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	height:38px;
	left:20px;
	padding:5px;
	position:absolute;
	top:369px;
	width:294px;
	z-index: 999;
}
#bestPrice .description {
	color: #B48C51;
	padding: 0;	/*margin-top: -14px;*/
}
.floatText {
	float:left;
}
#big {
	font-size:2.4em;
	float:left;
	margin-top:-11px;
}
#bestPrice a {
	background:url(../images/arrow.gif) no-repeat scroll right top;
	width:20px;
	height:24px;
	display: block;
	float: right;
	margin-top:-10px;
}/* 	Content	============================*/
.row3 .column1 h2 {
	font-size:1.7em;
	font-weight: lighter;
	color: #e9e9e9;
}
#scrolled_content {
	width:605px;
	height:226px;
	background-color:#403E39; 	/*margin-left:4px;*/
	color:#ffffff;
}
#scrolled_content h2 {
	font-size: 1.6em;
	padding: 10px;
}
#scrolled_content h3 {
	font-size:1.4em;
	padding: 10px;
}
#scrolled_content p {
	font-size:1.3em;
	padding:10px;
}
#scrolled_content ul {
	font-size:1.3em;
	padding:10px 20px;
}
#scrolled_content ul li {
	line-height: 1.8em;
}
#scrolled_content .photogallery {
	margin:10px;
}
#scrolled_content a {
	color: #edae3a;
}
#scrolled_content a:hover {
	color: #9e520c;
}
.photogallery a {
	width:100px;
	height:100px;
	float: left;
	padding: 1px;
	border: 1px solid #edae3a;
	margin: 5px;
	overflow: hidden;
}
#mapCanvas {
	width:250px;
	height:210px;
	border:1px solid #edae3a;
	margin:10px;
}/*.row3 .colummn1 a{	margin-left:20px;	background:	url(../images/panorama.jpg) no-repeat top left; 	}*//* 	Footer	============================*/
#footer {
	float:left;
	position: relative;
	bottom: 0px;
	left: 0;
	height:58px;
	width:940px;
	background: url(../images/bgSlice.jpg) repeat-y top left;
}
#footer .column1 {
	margin-top:15px;
	margin-left:0px;
	float: left;
}
#footer .column1 #footNav {
	float: left;
	margin:0;
	margin-top:10px;
	padding:5px 0 5px 5px;
	width:575px;
	margin-left:5px;
}
#footNav ul {
	list-style: none;
}
#footNav ul li {
	float: left;
	list-style:none;
}
#footNav ul li a {
	color:#edae3a;
	padding: 0 5px;
	font-size:1.3em;
	text-decoration: none;
}
#net360 {
	background: url(../images/net360.png) no-repeat top left;
	float:right;
	margin:8px 0px 5px 8px;
}
#net360 a {
	width:46px;
	height:39px;
	text-decoration:none;
	display:block;
}

#digi{
	float:left;
	width:301px;
	margin-top:-40px;
}

#digi ul{
	width: 301px;
	float: none;
}

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

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

#digi ul li #psyf{
	width:44px;
	background-position: -116px top;
}

#digi ul li #espa{
	width:141px;
	background-position: -160px top;
}

#digi p{
	color: #ffffff;
	font-size:9px;
	text-align: center;
	width: 301px;
	background-color: #403e39;
}

/* 	Panorama	============================*/


#panorama a img {
	display:none;
}
#panorama a {
	display: block;
	width: 270px;
	height:170px;
	background-image: url(../images/panorama.jpg);
}

#panoramic{margin:20px;}

#panoramic a{float:left; margin:5px; width:120px; height:100px; border:1px solid #76541A; overflow:hidden; }