@charset "utf-8";
html, body, font, p, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 ;
}

body {
	background-color: #313131;
	text-align:center;
}

a:link, a:visited {color:#474747;text-decoration:underline}
a:hover {;text-decoration:underline}

.intro2 {height:300px}

#container {position:relative;margin:50px auto 0px auto;width:977px;}

#topdivgrey { position:absolute;display:block;width:100%;left:0;top:0;font-size:11px;font-weight:bold;letter-spacing:-1px;text-align:left;background-color:#7a7a7a;color:#b7b7b7;height:32px;line-height:32px;}
#topdivtext { position:absolute;display:block;width:100%;left:0;top:0;font-size:11px;font-weight:bold;letter-spacing:-1px;text-align:left;color:#b7b7b7;height:32px;line-height:32px;}

#topdivtext a {color:#b7b7b7}
#topdiv_1 {margin-left:5px;float:left}
#topdiv_2, #topdiv_3, #topdiv_4 {margin-left:28px;float:left}
#topdiv_5 {float:right;margin-right:20px}

#logodiv {position:absolute;width:146px;height:146px;left:0;top:36px}
#leftdiv {position:absolute;width:146px;height:400px;left:0;top:186px;background-color:#7a7a7a}
#credits {height:24px;width:250px;text-align:right;right:0;top:730px;position:absolute;font-size:9px;}
#credits, #credits a {color:#666}


.fullbgdiv {width:827px;height:550px}
.blurdiv {position:absolute;height:597px;top:-47px;width:240px;right:100px}
.introblur {position:absolute;width:240px;height:586px;right:100px;top:0px}

#overblur {width:220px;height:580px;position:absolute;right:110px;overflow:hidden;text-align:justify;z-index:99;top:2px}
#overblur div {margin:5px 0px;font-size:12px;line-height:16px;letter-spacing:0px;color:#f3f3f3;z-index:99;}
#overblur span {font-size:24px;color:#d3d3d3;margin-bottom:10px;display:block;letter-spacing:2px;}
#overblur a {color:#b7b7b7}

#content {position:absolute;width:827px;height:550px;left:150px;top:36px;}
#menu {position:absolute;width:100%;left:0;top:600px;align:left}
#menu span {float:left;margin-right:53px;}
#menu span a {color:#bebebe;font-size:13px;font-weight:100;text-decoration:none}





#transrow {width:827px;height:50px;position:absolute;right:0px;top:500px;overflow:hidden;background:black;opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6}

#row {width:807px;height:50px;position:absolute;left:10px;top:510px;overflow:hidden;text-align:left}
#row .col_title {font-size:26px;color:#e9b94d;}

#transcol {width:200px;height:550px;position:absolute;right:0px;top:0px;overflow:hidden;background:black;opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;}
#col {width:180px;height:530px;position:absolute;right:10px;top:10px;overflow:hidden;text-align:justify;font-size:12px;color:white}
#col .col_title {font-size:26px;color:#e9b94d;}

#colblur {width:180px;height:550px;position:absolute;left:535px;overflow:hidden;text-align:justify;z-index:99;top:-36px}


#colblur4 {width:179px;height:550px;position:absolute;left:600px;top:0;overflow:hidden;text-align:justify;color:white;background:url(img/bg4_blur.jpg)}
#colblur4 div {margin:10px}
#colblur4 .col_title {font-size:24px;color:#9997c8;}

.col_text {line-height:20px;letter-spacing:1px;font-size:12px;text-align:justify}


.semitrans {background:black;opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;}
.semitrans_dark {background:black;opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;}
.semitrans_light {background:#ededed;opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;}

.apt_block {position:absolute;font-weight:bold;font-size:16px;color:white;text-align:center;}
.apt_block_content {margin:10px;line-height:58px}

#apt1 {position:absolute;left:40px;top:390px;width:78px;height:78px;}
#apt2 {position:absolute;left:135px;top:390px;width:78px;height:78px;}
#apt3 {position:absolute;left:230px;top:390px;width:78px;height:78px;}
#apt4 {position:absolute;left:325px;top:390px;width:78px;height:78px;}
#apt5 {position:absolute;left:420px;top:390px;width:78px;height:78px;}
#apt6 {position:absolute;left:515px;top:390px;width:78px;height:78px;}

.firstletter {
	float:left;
	font-size:100px;
	line-height:80px;
	padding-top:1px;
	padding-right:5px;
	background:none;
	font-family:Times;
}
#hor_text_layout {width:827px;height:550px}

#hor_text_layout .hor_text_block {font-size:11px;line-height:16px;color:white; width:797px;height:238px;position:absolute;left:20px;bottom:10px;text-align:justify}
#hor_text_layout .hor_text_td {border-style:solid;border-color:#999;border-width:0 1px 0 0}
#hor_text_layout .semitrans_dark {width:807px;height:258px;position:absolute;left:10px;bottom:10px}


#ver_text_layout {width:827px;height:550px;}
#ver_text_layout .ver_text_block {font-size:12px;line-height:16px;text-align:justify;color:#474747; width:300px;height:510px;position:absolute;right:100px;text-align:justify;top:-50px}
#ver_text_layout .ver_text_td {border-style:solid;border-color:#999;border-width:0 0 1px 0;}
#ver_text_layout .semitrans_dark {width:300px;height:530px;position:absolute;right:10px;}
#ver_text_layout .semitrans_light {width:300px;height:586px;position:absolute;right:100px;top:-60px}
#ver_text_layout .ver_text_title {text-align:right;margin-right:10px;font-size:18px;letter-spacing:1px}

#appartments_layout {background:url(img/bg4.jpg);width:827px;height:550px}
#appartments_layout a {color:#ececec}



.vsemitrans_box {z-index:99;top:-36px;right:100px;position:absolute;height:586px;background:#ededed;opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;}
.vbox {top:-28px;right:100px;z-index:99;position:absolute;height:586px}
.vtitle {color:#474747;font-size:22px;text-align:right;margin-right:10px;font-size:18px;letter-spacing:1px;margin-bottom:15px}
.vtext {font-size:12px;line-height:16px;text-align:justify;color:#474747; margin:0 10px}
.vtd {text-align:justify;font-size:12px;line-height:16px;display:block;padding:10px 0}
.vtdline{border-style:solid;border-color:#999;border-width:0 0 1px 0}
.vlink {color:#474747;text-decoration:underline}

.fadebg {position:absolute;top:0;left:0px;width:827px;height:550px;}

#apartments_semitrans {width:210px;}
#apartments_box {width:210px;}

#ap_semitrans {width:300px}
#ap_box {width:300px;}
#ap_book {text-align:center}
#ap_more {position:absolute;z-index:99;bottom:4px;right:105px;font-size:11px;width:290px;text-align:center}


#location_semitrans {width:300px}
#location_box {width:300px;}


#panorama_semitrans, #panorama_box {width:220px}
#panoramic_entry {margin:10px 8px 10px 0;width:90px;height:50px;background-color:black;float:left;border:1px solid #666}
#panorama_sub {border-width:0 0 1px 0;border-style:solid;border-color:#666}

#chania_semitrans {width:310px}
#chania_boxmain {width:310px;}

#reservations_semitrans, #reservations_box {width:300px}

#contact_semitrans, #contact_box {width:230px}

#terms_semitrans {width:240px;right:80px}
#terms_box {width:220px;right:80px}

table.fancytable {

  background: #cfcfcf;
  border-collapse: collapse;
}
table.fancytable tr:hover {
   background: #c3c3c3 !important;
}
table.fancytable th, table.fancytable td {
  border: 1px silver solid;
  padding: 0.2em;
  color:black;
  font-size:11px;
  text-align: center;
}
table.fancytable th {
  background: #cfcfcf;
  text-align: center;
}
table.fancytable caption {
  margin-left: inherit;
  margin-right: inherit;
}



table.fancytable_off {

  background: #cfcfcf;
  border-collapse: collapse;
}
table.fancytable_off tr:hover {
   background: #c3c3c3 !important;
}
table.fancytable_off th, table.fancytable_off td {
  border: 1px silver solid;
  padding: 0.6em;
  color:#646464;
  font-size:14px;
  text-align: left;
  font-weight:bold;
}
table.fancytable_off th {
  background: #cfcfcf;
  text-align: center;
}
table.fancytable_off caption {
  margin-left: inherit;
  margin-right: inherit;
}


#terms_semi_1 {position:absolute;left:15px;width:215px;height:550px}
#terms_semi_2 {position:absolute;left:250px;width:215px;height:550px}
#terms_semi_3 {position:absolute;left:535px;width:215px;height:550px}

#terms_block_1 {position:absolute;left:25px;width:195px;height:550px}
#terms_block_2 {position:absolute;left:260px;width:195px;height:550px}
#terms_block_3 {position:absolute;left:545px;width:195px;height:550px}

.terms_text {font-size:11px;letter-spacing:0px;color:#474747;text-align:justify}


.slideshowthumb {border:1px solid #242424;width:80px;}
#slideshowback {position:absolute;bottom:5px;right:15px;font-size:11px;width:100px;height:20px;text-align:right}
#slideshowback a {color:#666}


#chania_box {border:2px solid #494949;background-color:#7f8487;color:#ddd;}
#chania_box span {margin:3px;display:block}
#chania_box a {color:#f7f7f7;font-size:13px}


.formcaption {font-size:10px;color:#242424;font-weight:bold;}
.formcontrol {font-size:11px}
.reservation_header {font-size:12px;color:#666;letter-spacing:3px;border-width:0 0 1px 0;border-style:solid;border-color:#aaa;display:block;margin-bottom:5px}

a.dp-choose-date {
	float: left;
	width: 23px;
	height: 20px;
	padding: 0;

	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/~villa/img/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}





#map_trans {;z-index:99;position:absolute;background-color:#b4b4b4;border:2px solid #242424;height:80px;bottom:40px}
#map_block {;z-index:99;position:absolute;text-align:center;height:80px;bottom:40px}
#map_block div {margin-top:20px}
#map_block div a {font-weight:bold;letter-spacing:1px;color:#eee;font-size:12px}


/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:82px;
		height:450px;
		overflow:hidden; 
		}
	span#prevBtn, span#nextBtn{font-size:26px;margin-left:70px}
	#prevBtn a:hover, #nextBtn a:hover {text-decoration:none}
	
	#prevBtn a:link, #nextBtn a:link {text-decoration:none}
	

/* // Easy Slider */