@charset "utf-8";
/************************************** Generic & Reset Css ***********************************/
*{
	margin: 0;
	padding: 0;
}

a{
	color:#333;
	font-weight:normal;
	text-decoration:none;
}

a:hover{
	color:#999;
	text-decoration:none;
}

p{
	text-align:left;
	margin-bottom:10px;
}

.inv{
	position:absolute;
	font-size:9px;
	left:-9999px;
}

.clr{
	margin:0;
	padding:0;
	clear:both;
}

html{
	font-size: 62.5%;
	width:100%;
	height:100%;
    font-family:"Trebuchet MS",Tahoma,Verdana,Helvetica,Arial;
	color:#000;
}

body{
	width:100%;
	height:100%;
	background: url(../images/bg.jpg) repeat-x  0 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

table{
	font-size: inherit;
	margin-bottom:20px;
	width: 100%;
	float:left;
}

ul{
	list-style: none;
}

img{
	border: 0;
}

strong{
	font-weight:bold;
}

td{
	padding:5px 10px;
	text-align:center;
}

.bold{
	font-weight:bold;
}
/****************** BASIC FLOATING ALL CONTENTS *****************/
#supperWrapper{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	min-height:550px;
	width:100%;
	min-width:926px;
}

#wrapper{
	width:926px;
	min-height:550px;
	margin: 0 auto;
}

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

.column1, .column2, .column3 {
	float:left;
}
/********************** HEADER *******************************/
#header{
	margin-bottom:30px;
}

#header .column1{
	width:100%;
}

h1 {
	margin:0;
	padding:0;
	float:left;
	padding-top:22px;
}

h1 a {
	background:url(../images/logo.jpg) 0 0 no-repeat;
	width:268px;
	height:86px;
	text-decoration:none;
	display:block;
	float:left;
}
/**************** ONLINE BOOKING BTN *******************/
#bookingBtn{
    background: url(../images/online_booking.jpg) repeat-x 0 0;
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    height: 33px;
    line-height: 33px;
    width: 148px;
	display:block;
	float:right;
	border:1px solid #989898;
	text-align:center;
	margin-top:28px;
	margin-right:10px;
}

#bookingBtn:hover{
	color:#999;
}
/***************************** LANGUAGES ***********************************/
#languages {
	float:right;
	margin-top:32px;
	margin-right:22px;
}

#languages ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

#languages ul li {
	float:left;
}

#languages ul li a{
	float:left;
	display:block;
	height: 36px;
    width: 26px;
	margin:0 3px;
}

#languages ul li .active {
}

#languages ul li a span{
	display:none;
}

#en{
    background: url(../images/en.png) no-repeat 0 0;
}

#gr{
    background: url(../images/gr.png) no-repeat 0 0;
}

#it{
    background: url(../images/it.png) no-repeat 0 0;
}
/************************* TOP MENU **************************************/
#navigation{
	float:right;
	clear:right;
    font-size: 1.2em;
    height:16px;
	margin-top:14px;
	margin-right:5px;
	width:650px;
}

#navigation ul{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	display:block;
}

#navigation ul li{
	float:left;
}

#navigation ul li a{
	float:left;
	display:block;
	color: #FFFFE8;
    padding: 0 5px;
}

#navigation ul li a span{
	float:left;
}

#navigation ul li .active, #navigation ul li a:hover{
	text-decoration:underline;
}
/************** TOP FLASH / IMAGE BANNER ***************/
#banner{
    padding-bottom: 20px;
	width:100%;
	float:left;
}
/************** CONTENTS ************************/
.row1 .column1{
	width:100%;
}

.fullContent{
    padding:0 10px;
	width:903px;
	float:left;	
}

.splitContentLeft{
    padding:0 10px;
	width:583px;
	float:left;	
}

.splitContentRight{
    padding:0 10px;
	width:300px;
	float:left;	
}

.row1 h2 {
    color: #000000;
    display: block;
    font-size: 1.9em;
    font-weight: lighter;
    padding:0 0 20px 0;
	width:100%;
	float:left;
}

.row1 h3 {
    color: #000000;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    padding:0 0 20px 0;
	width:100%;
	float:left;
}

.row1 h4, .row1 h5 {
    color: #000000;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    padding:0 0 20px 0;
	width:100%;
	float:left;
}

.row1 p{
    padding:0 0 20px 0;
	width:100%;
	float:left;
	display:block;
    color: #000;
    font-size: 1.4em;
    line-height: 1.5em;
	margin:0!important;
}

.row1 ol{
    padding:0 0 20px 4%;
	width:96%;
	float:left;
	list-style:decimal;
}

.row1 ul{
    padding:0 0 20px 4%;
	width:96%;
	float:left;
	list-style:circle;
}

.row1 li{
	float:left;
	width:100%;
	padding-bottom:10px;
	font-size: 1.3em;
    line-height: 15px;
}

.width50{
	width:45%!important
}
/************ TABLES ***********/
.taberow {
    border-top: 1px solid #999999;
	padding-bottom:10px;
}

.taberow p{
	margin:0!important;
	padding:0!important;
}
/******** QUESTIONARIE ***********/
.txt {
    font-size: 1.3em;
}

.noPadding{
	padding:5px 0!important;
}
/***************** RIGHT SIDE MENU ***********************/
.sideMenu{
	display:block;
	width:280px;
	margin:0 10px;
	padding:0!important;
	list-style:none!important;
}

.sideMenu li{
	float:left;
	width:100%;
	display:block;
	padding:0!important;
}

.sideMenu li a{
	background-color:#999;
    color: #FFF;
	float:left;
	width:94%;
	display:block;
    margin-bottom:3px;
    padding:5px 3%;
	font-size:0.9em;
}

.sideMenu li a:hover{
	background-color:#5C6369;
    color: #FFF;
}
/************ CONTACT FORM ******************/
#contactForm {
    float: left;
    width: 100%;
}

.form_textfield {
    float: left;
    margin-bottom: 6px;
    width: 50%;
}

#contactForm label {
    cursor: pointer;
    display: block;
    float: left;
    line-height: 18px;
    padding-bottom: 2px;
    padding-right: 70%;
    text-align: left;
    width: 30%;
	font-size:1.2em;
}

#contactForm input {
    float: left;
    width: 190px;
	line-height:20px;
	height:20px;
	border:1px solid #999;
	color:#999;
}

#contactForm .form_textarea, #contactForm  .contact_btn, #contactForm  p.alert {
    float: left;
    margin-bottom: 6px;
    width: 100%;
}

#contactForm textarea {
    float: left;
    height: 110px;
    width: 300px;
	border:1px solid #999;
	color:#999;
}

#contact_form_submit{
	background: url(../images/online_booking.jpg) repeat-x  0 0;
    border: 1px solid #989898;
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    height: 33px;
    line-height: 33px;
	float:left;
	position:relative;
    text-align: center;
    width: 148px;
	margin-top:20px;
}

#contact_form_submit:hover{
	color:#999;
	cursor:pointer;
}

.alert{
	color:#FF0000!important;
}

#contactForm h3, .splitContentRight h3{
    font-size: 1.9em;
    font-weight: lighter;
}
/******** PHOTOGALLERY ********************/
.photogallery{
	width:100%;
	float:left;
}

.photogallery a{
	width:122px;
	height:80px;
	overflow:hidden;
	margin:8px;
	display:block;
	float:left;
	border: 5px solid #191919;
}

.photogallery a:hover{
	border: 5px solid #0478B1;
}

.splitContentLeft .photogallery a{
	margin:6px;

}

.photogallery img{
	width:122px;	
}
/******************** FOOTER MODULES ********************/
.row1 .column2{
	width:100%;
}

.bottomModule{
	width:308px;
	float:left;
}

.bottomModule01, .bottomModule02{
	background: url(../images/line.gif) 100% 0 no-repeat;
}

.bottomModule h3{
	color: #000000;
    font-size: 1.9em;
    font-weight: lighter;
    padding-bottom: 20px;
    text-align: center;
}

.bottomModule p{
	color: #666666;
    font-size: 1.4em;
    line-height: 1.5em;
    padding-bottom: 20px;
    text-align: center;
	width:100%;
	float:left;
    display: block;
}

.bottomModule .button{
	width:100%;
	float:left;
    text-align: center;
}

.bottomModule .button a, input.button, .booking-link{
    background: url(../images/online_booking.jpg) repeat-x  0 0;
    border: 1px solid #989898;
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    height: 33px;
    line-height: 33px;
    margin:0 auto;
	position:relative;
    text-align: center;
    width: 148px;
}

input.button{
	float:left;
	margin:0 10px;
}

.bottomModule .button a:hover,  input.button:hover, .booking-link:hover{
	color:#999;
	cursor:pointer;
}

.tableBtns{
	padding:5px 270px;
}
/************** AVAILABILITY CHECKER ********************/
#availability-checker{
	float:left;
	height:186px;
}

#availability-checker div{
	width:100%;
	float:left;
}

#availability-checker label{
	width:25%;
	color: #666666;
    font-size: 1.4em;
	display:block;
	float:left;
	line-height:22px;
	height:22px;
	padding-bottom:8px;
}

#availability-checker .date input{
	width:140px;
	line-height:22px;
	height:22px;
	border:1px solid #999;
	display:block;
	float:left;
	color:#666;
	margin-right:1px;
}

#availability-checker .choose{
	width:33%;	
}

#availability-checker .choose label{
	width:100%;	
}

#availability-checker select{
	line-height:22px;
	height:22px;
	border:1px solid #999;
	display:block;
	float:left;
	color:#666;
}

.ui-datepicker-trigger{
	width:24px;
	height:24px;
	float:left;	
}

.bookingBtn{
	padding-top:16px;
	position:relative;
}
/****************** FOOTER  *****************/
#footer {
	margin-top:50px;
	border-top:1px solid #CCC;
}

#footer div.column1 {
	width:100%;
	padding:20px 0 10px 0;
}
/********************** FOOTER MENU *******************/
#footNav {
	float:left;
}

#footNav ul {
	list-style:none;
	margin:0;
	padding:5px 0;
	float:left;
}

#footNav ul li {
	float:left;
}

#footNav ul li a{
    color: #999999;
    font-size: 1.2em;
	margin-right:14px;
	display:block;
	float:left;
}

#footNav ul li a:hover{
	text-decoration:underline;
}
/************ FOOTER ADDRESS *****************/
.address{
    color: #999999;
    font-size: 1.2em;
	margin-right:14px;
	display:block;
	float:left;
	font-style:italic;
	clear:left;
	width:520px;
}
/************ FOOTER ADD THIS *****************/
.addthis_button{
	display:block;
	float:left;	
}
/*************************** NET 360 LOGO ******************/
#net360 {
	float:right;
}

#net360 a {
	background: url(../images/net360.jpg) 0 0 no-repeat;
    display: block;
    height: 45px;
    width: 54px;
	float:left;
}
/************************* WEATHER ************************/
#weather {
	width:90px;
	float:left;
}

#weather h2 {
	font-size:12px;
}

#weather #temperature {
	float:left;
}

#weather #icon {
	float:left;
}
/***************************** MAP ***********************/
#mapCanvas {
	width:290px;
	height:290px;
	display: block;
	border: 5px solid #333333;
	float:left;
}
/***************** DIGI LODGE BANNER ***************/
#digi{
	background:url(../images/header_column1_bg.png) repeat  0 0;
	float:left;
	margin:0;
	width:546px;
	height:103px;
}

#digi ul{
	width: 256px;
	float: left;
	padding:0;
}

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

#eu, #psyf, #espa{
	display: block;
	width: 69px;
	height:71px;
	background: url(../images/flags-digi.png) no-repeat top left;
}

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

#digi ul li #espa{
	width:104px;
	background-position: -151px top;
}

#digi p{
	padding-top:8px;
	color:#999;
	float:left;
	font-size:9px;
	margin:0 6px;
	display:block;
	width:264px;
	text-align:left;
}

/* Panoramic */

.panoramas{
	width:100%;
	float:left;
}

.panoramas a{
	width:122px;
	height:80px;
	overflow:hidden;
	margin:8px;
	display:block;
	float:left;
	border: 5px solid #191919;
}

.panoramas a:hover{
	border: 5px solid #0478B1;
}

.panoramas img{
	width:122px;	
}