/*
	Client: Archipelagos Hotel
	Designer: Christina Makentoudi
	Copyrights: Net360 S.A.
*/


/* General Css */

*{
	margin: 0;
	padding: 0;
}

		
img{
	border:none;
}
		

.inv{
	position: absolute;
	left: -5000px;
}

html{
	font-size:62.5%; 
}

body{
	font:0.9em Arial;
	background-color:#F8F1DE;
}




.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}


	
/* Backgrounds & Positioning Styles */

/* General Wrappers */
						

#supperWrapper{
	overflow: visible;
}
			
			
#wrapper{
	width:963px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}	



/* Header */
						
#header{
	width: 960px;
	margin: 0 auto;
	height: 100px;	
	position: relative;
}


#header h1{
	position:absolute ;
	top: 15px;
	left: 35px ;
}

#header h1 a{
	width:163px ;
	height:77px ;
	display: block;
	background-image:url(../images/logo.jpg);
}

#header ul{
	list-style: none;
}

#header ul li{
	float: left;
}




/*languages*/


#languages{
	position:absolute;
	top:50px;
	left:664px;
}

#languages ul {
	width:110px;
/*	z-index:999;*/
}



#languages ul li a {
	display:block;

}

#gr a{
	background:url(../images/gr.jpg) no-repeat top left;
	width:26px;
	height:47px;
	padding-right:10px;
	display:block;
}

#gr span{
	position: absolute;
	left: -5000px;
}

#en a{
	background:url(../images/en.jpg) no-repeat top left;
	width:26px;
	height:47px;
	display:block;
	padding-right:10px
}

#en span{
	position: absolute;
	left: -5000px;
}

#de a{
	background:url(../images/de.jpg) no-repeat top left;
	width:26px;
	height:47px;
	display:block;
	padding-right:10px
}

#de span{
	position: absolute;
	left: -5000px;
}


						
/* Navigation */
						
#navigation{
	width: 947px;
	height:35px;
	list-style: none;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:repeat-x;
	clear: both;
	position:absolute;
	top:7px;
	left:7px;
	z-index:99;
}

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

#navigation li a{
	color:#fff;
	font-size:1.2em;
	padding:10px 10px 10px 44px;
	display: block;
	text-decoration:none;
}



/*booking*/
#booking{
	width: 151px;
	height:35px;
	background-image:url(../images/booking_bg.jpg);
	background-repeat:no-repeat;
	float:right;
	display:block;
	text-align:center;
	line-height:35px;
}

#booking a{
	text-decoration:none;
	color:#161B50;
	font-size:1.3em;
}

/* Banner */


#banner_location{
	background-image:url(../images/bg_images/location.jpg);
	background-repeat:no-repeat;
	width:947px;
	height:582px;
	position:absolute;
	top:7px;
	left:7px;
}
#banner_facilities{
	background-image:url(../images/bg_images/facilities.jpg);
	background-repeat:no-repeat;
	width:947px;
	height:582px;
	position:absolute;
	top:7px;
	left:7px;
}

#banner_rates-reservations{
	background-image:url(../images/bg_images/rates-reservations.jpg);
	background-repeat:no-repeat;
	width:947px;
	height:582px;
	position:absolute;
	top:7px;
	left:7px;
}

#banner_contact{
	background-image:url(../images/bg_images/contact.jpg);
	background-repeat:no-repeat;
	width:947px;
	height:582px;
	position:absolute;
	top:7px;
	left:7px;
}

#banner_gallery{
	background-image:url(../images/bg_images/gallery.jpg);
	background-repeat:no-repeat;
	width:947px;
	height:582px;
	position:absolute;
	top:7px;
	left:7px;
}

#banner_accommodation{
	background-image:url(../images/bg_images/accommodation.jpg);
	background-repeat:no-repeat;
	width:947px;
	height:582px;
	position:absolute;
	top:7px;
	left:7px;
}

#banner_double-room{
	background-image:url(../images/bg_images/double-room.jpg);
	background-repeat:no-repeat;
	width:947px;
	height:582px;
	position:absolute;
	top:7px;
	left:7px;
}

#banner_double-superior{
	background-image:url(../images/bg_images/double-superior.jpg);
	background-repeat:no-repeat;
	width:947px;
	height:582px;
	position:absolute;
	top:7px;
	left:7px;
}

#banner_suite{
	background-image:url(../images/bg_images/suite.jpg);
	background-repeat:no-repeat;
	width:947px;
	height:582px;
	position:absolute;
	top:7px;
	left:7px;
}

#banner_family-room{
	background-image:url(../images/bg_images/family-room.jpg);
	background-repeat:no-repeat;
	width:947px;
	height:582px;
	position:absolute;
	top:7px;
	left:7px;
}


/* Content */


.row1{
	position: relative;
	background-image:url(../images/content.jpg) ;
	background-repeat:no-repeat;
	overflow: visible;
	width: 963px;
	height: 599px;
	clear: both;
}


.contents3{
	background-image:url(../images/bottom_bg.png);
	background-repeat:no-repeat;
	width:947px;
	height:94px;
	position:absolute;
	top:595px;
	left:7px;
	line-height:16px;
	float:left;
    z-index:99;

}

/*.contents1 .column1{
	float:left;
	width:963px;
	height:599px;
}*/

.contents2 .column1{
	float: left;
	width:175px;
	padding:10px 10px 10px 20px;
}

.contents2 .column2{
	float: right;
	width:720px;
	padding-top:43px;
	padding-right:35px;
}

.row2{
	width:947px;
	height:94px;
	float:left;
	margin-top:-104px;
	position:relative;
	margin-left:7px;
	background-image:url(../images/bottom_bg.png);
}

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

.column1, column2, column3{
	width:100%;
	float:left;
}


.home_text{
	color:#000;
	font-size:1.2em;
	background-image:url(../images/white_tr.png);
	color:#000000;
	font-size:1.3em;
	height:243px;
	/*position:absolute;
	top:120px;*/
	width:600px;
	padding:20px 20px 20px 20px;
	line-height:16px;
     z-index:99;
	 float:right;
	 position:relative;
	 margin:116px 31px 10px;

}

.home_text h2{
	color:#999;
	font-size:35px;
	font-weight:inherit;
	text-align:right;
	padding:20px 25px 25px 20px;
	background-image:url(../images/line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}



.inside_text p{
	padding:10px 10px 5px 10px;
}
	
	
.inside_text{
	color:#000;
	font-size:1.2em;
	background-image:url(../images/white_tr.png);
	color:#000000;
	font-size:1.3em;
	height:414px;
	left:7px;
	position:absolute;
	top:41px;
	width:366px;
	padding:20px 20px 20px 20px;
	line-height:16px;
}

.inside_text li{
	list-style:circle;
	line-height:19px;
	list-style-position:inside;
}

.inside_text ul{
	padding-left:20px;
}

.rates_text{
	color:#000;
	font-size:1.2em;
	background-image:url(../images/white_tr.png);
	color:#000000;
	font-size:1.3em;
	height:350px;
	left:122px;
	position:absolute;
	top:78px;
	width:720px;
	padding:20px 20px 20px 20px;
	line-height:16px;
}

.rates_text h2{
	color:#666;
	font-size:22px;
	text-align:left;
	padding:10px 10px 10px 10px;
	background-position:bottom;
}

.inside_text h2{
	color:#666;
	font-size:22px;
	text-align:left;
	padding:25px 25px 15px 10px;
	background-position:bottom;
}


.home_text p{
	padding:10px 10px 5px 10px;
}

.col_bottom_1{
	width:321px;
	float:left;
	position:relative;
	color:#FFF;
	padding-left:52px;
	padding-top:18px;
	font-size:1.1em;
	border:none;
	height:76px;
}

.contents3 .column2{
	width:185px;
	float:left;
	position:relative;
	padding-left:68px;
	color:#FFF;
	font-size:1.3em;
}

.col_bottom_3{
	width:252px;
	height:67px;
	float:left;
	position:relative;
	color:#FFF;
	font-size:1.2em;
	padding-left:60px;
	padding-top:27px;
}

.col_bottom_3 a{
	text-decoration:none;
	color:#FFF;
}

#weather{
	float:left;
	width:212px;
	height:94px;
	position:relative;
	padding-left:50px;
	color:#fff;
	font-size:1.3em;
}

/*scrollers*/

#scrollblock {
	margin:0;
	padding:0;
	display:block;
	width:375px;
	height:342px;
	overflow:auto;	
	
}

#scrollblock ul{
	list-style:circle;
	list-style-position:outside;
	padding-left:20px;
	list-style-type:circle;
	line-height:19px;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:10px;
}

.gallery ul li {
	border:1px solid #191919;
	float:left;
	height:80px;
	margin:5px;
/*	overflow:hidden;*/
	width:80px;
	list-style:none!important;
	list-style-type:none!important;
	margin-top:0px!important;
}

.gallery a{
	border:none;
}


#scrollbars {
	float:left;
	display:block;
	top:242px;
	left:413px;
	position:absolute;
	}

#scroll_up{
	cursor:pointer;
}

#scroll_down{
	cursor:pointer;
}


/* Footer */
		
#footer{
	float:left;

}

#footNav{
	float:left;
	width:886px;
}

#footNav ul{
	list-style: none;
}

#footNav li{
	float: left;
	padding:5px 10px 5px 0px;
}

#footNav ul li a{
	font-size:1.1em ;
	color:#999;
	text-decoration:none;
}

#net360{
	background:url("../images/net360.jpg") no-repeat scroll right top transparent;
	float:right;
    margin-top:5px;

}

#net360 a {
	display:block;
	height:50px;
	text-decoration:none;
	width:63px;
}

.address{
	color:#999;
}

/* Typography */
						


#column1 h3, #column2 h3{
	display: block;
}


/* Tools */

.addthis_button{
	position:absolute;

}

/* Gallery */

#img, .img{
	overflow: hidden;
}


/*photogallery*/

.photogallery img{
	border:1px solid #191919;
	float:left;
	height:80px;
	list-style:none outside none !important;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:0 !important;
	width:80px;
}

.photogallery{
	padding:20px;
}

/* Availability Form ----------------------------------------------------------- */

#availability-checker .date{
	float:left;
	margin-bottom:5px;
	width:100%;
}

#availability-checker .nights, #availability-checker .adults, #availability-checker .children {
	float:left;
	width:59px;
	}


#availability-checker .go{
	float:left;
	margin-top:15px;
	background-color:#333;
	border:#666666 solid 1px;
	width:77px;
	color:#FFF;
}

#availability-checker .date img{
	float:left;
	margin-left:182px;
	margin-top:-15px;
}


.nights label, .adults label, .children label {
	width:100%
}

/* Contact Form ------------------------------------------------------------------- */

fieldset{
	border:none;
}

legend{
	display: block;
	overflow: hidden;
}


#contactForm label, #availabilityForm label{
	display: inline;
	border:none;
}





#contactForm input.sendForm, #availabilityForm input.sendForm{
	background:url(../images/send.gif);
	border:none ;
	width:46px ;
	height:21px;
	display: block;
	position: relative;

}


/* Map */


#mapCanvas{
	display: block;
	width:304px ;
	margin-left:599px;
	padding-top:100px;
	height:196px;
	top:70px;
	border:2 #333 solid;
}


/*Accomodation Links*/

.accomodationlinks{
	float:left;
}


.accomodationlinks li{
	list-style: none;
}

.accomodationlinks li a{
	color: #333333;
    display:block;
    line-height:28px;
    text-decoration:none;
	font-size:1.2em;
	background-image:url(../images/button.jpg);
	width:273px;
	height:33px;
	padding-left:20px;
	margin-bottom:2px;
}
.accomodationlinks li a:hover{
	color:#999;
}


.accomodationlinks ul{
	line-height:19px;
	list-style:circle outside none;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:10px;
}


/*Accommodation Images*/

.accom{
        float:left;
        margin:0px 5px 5px 0;

}


/*Accommodation li*/


.inside_text h3{
	color:#000;
	font-size:1.3em;
	text-align:left;
	padding:5px 0px 0px 10px;
	background-position:bottom;
}



/*slide*/
#slideshow {
	width:957px;
	height:594px;
	float:left;
	margin-top:-409px;
}

#slideshow img{
	padding:7px 0px 9px 7px;
}


.digi{
background:url("../images/digi.jpg") no-repeat scroll left top transparent;
border-top:1px solid #CCCCCC;
clear:both;
height:71px;
padding-top:26px;
width:80%;
}

.digi p{
font-size:9px;
text-align:left;
color:#999;
padding-left:278px;
}