/* 	Web Designer & 	Author: Maniataki Katerina	Developer: Nikos Papanikolaou	Sales Manager: Giorgos Thomadis	Company: Net360 S.A.	Client: Tsilivi Hotel	Date:	17.05.2010	Update: 17.05.2010	=============================================================	=============================================================*//* 	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#en1 a span, #navigation ul li#en9 a span, #navigation ul li#en10 a span, #navigation ul li#en12 a span, #navigation ul li#en13 a span, #navigation ul li#en14 a span, #navigation ul li#en15 a span, #navigation ul li#gr1 a span, #navigation ul li#gr9 a span, #navigation ul li#gr10 a span, #navigation ul li#gr12 a span, #navigation ul li#gr13 a span, #navigation ul li#gr14 a span, #navigation ul li#gr15 a span, #navigation ul li#de1 a span, #navigation ul li#de9 a span, #navigation ul li#de10 a span, #navigation ul li#de12 a span, #navigation ul li#de13 a span, #navigation ul li#de14 a span, #navigation ul li#de15 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;
	width:277px;
}
.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 {
	width:84px;
	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 {
	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:136px;
	background-position:-84px top;
}
#navigation ul li#en10 a, #navigation ul li#en10 a:hover {
	width:87px;
	background-position:-220px top;
}
#navigation ul li#en12 a, #navigation ul li#en12 a:hover {
	width:156px;
	background-position:-307px top;
}
#navigation ul li#en13 a, #navigation ul li#en13 a:hover {
	width:156px;
	background-position:-463px top;
}
#navigation ul li#en14 a, #navigation ul li#en14 a:hover {
	width:132px;
	background-position:-619px top;
}
#navigation ul li#en15 a, #navigation ul li#en15 a:hover {
	width:131px;
	background-position:-751px 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 {
	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 {
	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:153px;
	background-position:-96px top;
}
#navigation ul li#gr10 a, #navigation ul li#gr10 a:hover {
	width:95px;
	background-position:-249px top;
}
#navigation ul li#gr12 a, #navigation ul li#gr12 a:hover {
	width:188px;
	background-position:-344px top;
}
#navigation ul li#gr13 a, #navigation ul li#gr13 a:hover {
	width:97px;
	background-position:-532px top;
}
#navigation ul li#gr14 a, #navigation ul li#gr14 a:hover {
	width:115px;
	background-position:-629px top;
}
#navigation ul li#gr15 a, #navigation ul li#gr15 a:hover {
	width:138px;
	background-position:-744px 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 {
	width:57px;
	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 {
	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:143px;
	background-position:-57px top;
}
#navigation ul li#de10 a, #navigation ul li#de10 a:hover {
	width:157px;
	background-position:-200px top;
}
#navigation ul li#de12 a, #navigation ul li#de12 a:hover {
	width:208px;
	background-position:-357px top;
}
#navigation ul li#de13 a, #navigation ul li#de13 a:hover {
	width:106px;
	background-position:-565px top;
}
#navigation ul li#de14 a, #navigation ul li#de14 a:hover {
	width:79px;
	background-position:-671px top;
}
#navigation ul li#de15 a, #navigation ul li#de15 a:hover {
	width:132px;
	background-position:-750px top;
}/* 	Online Booking	============================*/
#availability-checker {
	border:1px solid #76541A;
	width:272px;
	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;
}
.bookingBtn input:hover {
	color: #edae3a;
}/* 	Newsletter	============================*/
#newsletter_container {
	width:272px;
	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:#312d28;
	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;
}
.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:20px;
	padding:5px;
	border-right:1px solid #ffffff;
	width:566px;
}
#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:10px 8px 5px;
}
#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: 87px;
	height:84px;
	background: url(../images/flags-digi.jpg) no-repeat top left;
}

#digi ul li #psyf{
	width:91px;
	background-position: -87px top;
}

#digi ul li #espa{
	width:123px;
	background-position: -178px top;
}

#digi p{
	color: #ffffff;
	font-size:1em;
	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; }