/* 
	Web Designer & 
	Author: Maniataki Katerina
	Developer: Nikos Papanikolaou
	Sales Manager: Bijis Christos
	Content Managmet: 
	SEO: Christina Aggeli
	Company: Net360 S.A.
	Client: Twin House
	Date:	19.07.2010
	Update: 
	=============================================================
	=============================================================
*/

/* 
	General Styles 
	=====================================	
	=====================================*/
	
*{
	border:none;
	margin:0;
	outline:none;
	padding:0;
}

body{
	color:#472C12;
	font:12px Arial,Helvetica,sans-serif;
}

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

a{
	color:#C98801;
	text-decoration:none;
}	

a:hover{
	text-decoration: underline;
}

html, body{
	width:100%;
	height:100%;
	/*overflow: hidden;*/
}

/* 
	General Structure
	=====================================	
	=====================================*/
	
#supperWrapper{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	min-height:550px;
	width:100%;
	min-width:940px;
	overflow:hidden;
	z-index:2;
}

#wrapper{
	width:100%;
	height:100%;
	min-height:550px;
	margin: 0 auto;
	overflow: visible;
}

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

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

/* 
	Background Image
	=====================================	
	=====================================*/

.row1 .column1{width:100%; height:100%;}	
	
.row1, .row1 table, .row1 td {
    height:100%;
    width:100%;
    overflow:hidden;
}

.row1{
    position:fixed;
    top:0px;
}

.row1 .column1 {
/*	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;*/
        position:relative!important;
        z-index:-1!important;
}

.row1 td {
    text-align:center;
    vertical-align:middle;
}

.row1 img {
        margin:0 auto;
	min-height:530px;
        min-width:960px;
	height:100%;
	width:100%;
	z-index:-1!important;
position:relative!important;
}	

/* 
	Actuale Page Stracture
	=====================================	
	=====================================*/
	
#header{
	position: absolute;
	top: 0;
	left: 0;
	height: 94px;
	/*background-color: #c98801;	*/
	width: 100%;
}	

.row2{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 360px;
	/*background-color: aqua;*/
	width: 100%;
}

#footer{
	position: absolute;
	bottom:0;
	left: 0;
	height: 74px;
	background-color: blue;
	width: 100%;
}

/* 
	Header	
	=====================================
	=====================================*/
	
#header{
	background: url(../images/navL.png) no-repeat left 7px;
position:relative;
z-index:999;
}	

#header .column1{
	float: right;
	width:286px;
	text-align: right;
	margin-top:10px;
	position: relative;
	z-index: 777;
}

#online a, .addthis_toolbox a{
	float: left;
	padding:5px;
	background-color: #643D1A;
	color:#ffffff;
}

#online a:hover, .addthis_toolbox a:hover{
	background-color:#ECC900;
	color: #472c12;
	text-decoration: none;
}

.addthis_default_style .at300b, .addthis_default_style .at300m{
	padding: 5px 21px!important;
}

.at300bs.at15t_expanded, .at300bs.at15t_compact{
	background-image: none!important;
	display: none!important;
	overflow: hidden!important;
	height: 0!important;
	width: 0!important;
	float: none!important;
	margin: 0!important;
	padding: 0!important;
}

#languages{
	float: left;
	width: 83px;
	height:27px;
	margin:0 10px;
}

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

#languages ul #en a, #languages ul #fr a, #languages ul #gr a{
	background: url(../images/flags.png) no-repeat top left;
	width: 28px;
	height:28px;
	display: block;
}

#languages ul #en a:hover, #languages ul #fr a:hover, #languages ul #gr a:hover{
	background: url(../images/flags.png) no-repeat bottom left;
	margin-top:-1px;
}

#languages ul #fr a{
	width: 27px;
	background-position: -28px 0;
}

#languages ul #gr a{
	background-position: -55px 0;
}

#languages ul #fr a:hover{
	background-position: -28px bottom;
}

#languages ul #gr a:hover{
	background-position: -55px bottom;
}

#header .column2{
	float: left;
	width:100%;
	position: relative!important;
	height:36px;
	z-index: 999!important;
	overflow: visible;
	width: 100%;
	background-color: #472c12;
	margin-top:15px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#header h1 {
	float: left;
	width: 247px;
}

#header h1 a{
	background: url(../images/logo.png) no-repeat 10px top #ECC900;
	display:block;
	float:left;
	height:36px;
	width:228px;
	position: relative;
	z-index: 88;
	margin-top:0px;
}

/* 
	Navigation
	=====================================
	=====================================*/
	
#navigation{
	float:left;
        z-index:999!important;
        position:relative!important;
}	

#navigation ul{
	float: left;
	position: relative!important;
	z-index: 888!important;
	background-color: #472c12;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	height:36px;
	line-height: 36px;
}

#navigation ul li{
	float: left;
	list-style: none;
	position: relative;
	margin:0 10px;
}

#navigation ul li a{
	font-size: 15px;
	color:#ffffff;
	padding: 0px 5px;
	display: block;
}

#navigation ul li a:hover{
	color:#ecc900;
	text-decoration: none;
}


/* 
	Banner & Content Stracture  
	=====================================
	=====================================*/
	
.row2 .column1{
	width:370px;
	float: left;
	margin-left:5px;
}

.bannerBox{
	width:360px;
	float: left;
	height:45px;
	margin-bottom:8px;
	padding:22px 5px 5px 5px;
}	

#booking{
	background: url(../images/booking.png) no-repeat top left;
}

#offers{
	background: url(../images/offers.png) no-repeat top left;
}

#tickets{
	background: url(../images/tickets.png) no-repeat top left;
}
.row2 .column2{
	width:511px;
	float: right;
	background: url(../images/textFooter.png) no-repeat bottom left;
	position: relative;
	z-index: 10;
}

/* 
	Footer
	=====================================
	=====================================*/
	
#footer{
	background: url(../images/footerBG.png) repeat top left;
	z-index: 999;
}	

/* 
	Banners Typography
	=====================================
	=====================================*/
	
.date{
	width:140px;
	float: left;
}	

.date label,.nights label, .adults label, .children label{
	float: none;
	width: 100%;
}

.date input{
	width: 120px;
	border:1px solid #472c12;
	background: url(../images/input.jpg) no-repeat top right;
	height:18px
}

.nights, .adults, .children{
	width:55px;
	float: left;
	margin:0 2px;
}

.nights select, .adults select, .children select{
	width:51px;
	border: 1px solid #472c12;
	height: 18px;
	font-size: 11px;
	padding: 1px;
}

.bookingBtn{
	float: left;
	width: 34px;
}

.bookingBtn input{
	width:32px;
	border:1px solid #C93300;
	color: #ffffff;
	font-size:11px;
	background: url(../images/button.jpg) repeat-x top left; 
	text-align: center;
	line-height: 18px;
	margin-top: 12px;
}

.big {
	font-size: 30px;
	font-weight:lighter;
	color: #B7952D;
	line-height:16px;
}

.bannerBox p{
	float: left;
	padding:8px 5px;
}

.bannerBox a{
	background: url(../images/button.jpg) repeat-x top left; 
        border:1px solid #C93300;
        color:#FFFFFF;
        float:right;
        font-size:11px;
        line-height:18px;
        margin-right:5px;
        margin-top:5px;
        padding:0 5px;
        text-align:center;
}

/* 
	Content Typography
	=====================================
	=====================================*/
	
.row2 .column2 h2{
	font-size: 30px;
	color:#B7952D;
	font-weight:lighter;
	padding: 20px 20px 10px;
}

.row2 .column2 h3{
	font-size: 22px;
	color: #b7952d;
	padding:10px 20px;
}	

.row2 .column2 p{
	font-size:12px;
	padding: 10px 20px;
line-height:18px;
}

.row2 .column2 ul{
	margin:5px 40px;
	font-size: 11px;
line-height:18px;
}

.row2 .column2 .photogallery{
	margin:20px 20px 40px;
	float: left;
}

.row2 .column2 .photogallery a{
	width:100px;
	height:80px;
	float: left;
	border: 1px solid #c93300;
	padding: 1px;
	margin:5px;
	overflow: hidden;
}

	
/* 
	DigiLodge
	=====================================	
	=====================================*/
	
#digi{
	float:left;
	width:492px;
	margin-top:10px;
	margin-left:10px;
}

#digi ul{
	width: 202px;
	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:57px;
	background: url(../images/digi.png) no-repeat top left;
}

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

#digi ul li #espa{
	width:90px;
	background-position: -112px top;
}

#digi p{
	color: #ffffff;
	font-size:9px;
	text-align: left;
	float:left;
	width:270px;
	padding:0;
}		

#trip{
	text-align: center;
	width: 120px;
	float: left;
	padding:0 10px;
	
	margin-top:10px;
}

#net360{
	float:right;
	margin-right: 10px;
}

#net360 a{
	background:url(../images/net360.png) no-repeat left top;
	display:block;
	float:right;
	height:39px;
	margin-top:20px;
	width:47px;
}

/*Panorama*/

.panoramas{
margin:20px 20px 40px;
	float: left;
}

.panoramas a{
	width:100px;
	height:80px;
	float: left;
	border: 1px solid #c93300;
	padding: 1px;
	margin:5px;
	overflow: hidden;
}