@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	outline: 0px;
	line-height: 1.3em;
	border: 0px;
}
body,html {
	width:100%;
	height:100%;
	overflow:hidden;
	background-color: #1e1e1e;
}
body,td {
	font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color:#FFF;
}
#bigflcont {
	position:absolute;
	z-index: 1;
	left: 25%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 75%;
}
.fphoto {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
#supersize {
	position:absolute;
	z-index: 1;
	left: 25%;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#supersize img {
	position: absolute;
}
#bkgru {
	position: absolute;
	height: 100%;
	width: 25%;
	left: 0px;
	top: 0px;
	z-index: 2;
}
#floral {
	position: absolute;
	z-index: 3;
	height: 750px;
	width: 300px;
	left: 25%;
	top: 50%;
	margin-left: -300px;
	margin-top: -375px;
}
.photosep {
	left: 25%;
	position: absolute;
	height: 100%;
	width: 5px;
	background-color: #565656;
	z-index: 6;
}
#logomenucnt {
	position: absolute;
	height: 450px;
	width: 25%;
	z-index: 4;
}
#logomenual {
	width: 230px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.dashed {
	padding-top: 15px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.menu {
	padding-left: 44px;
	text-shadow: #000000 2px 3px 4px;
}
body#introduction a#mnuintroduction,
body#heavensuite a#mnuheavensuite,
body#charmingsuite a#mnucharmingsuite,
body#deluxesuite a#mnudeluxesuite,
body#standardsuite a#mnustandardsuite,
body#twobedroomsuite a#mnutwobedroomsuite,
body#facilities a#mnufacilities,
body#dining a#mnudining,
body#rates a#mnurates,
body#skiathos a#mnuskiathos,
body#gallery a#mnugallery,
body#contact a#mnucontact {
	color: #C8A04B;
	font-weight: bold;
}
.menu a {
	color: #FFF;
	text-decoration: none;
	padding-left: 12px;
	line-height: 1.8em;
}
.menu a:hover {
	color: #C8A04B;
	text-decoration: none;
	background-image: url(../layout/button-bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}
.submenu {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	margin-left: 10px;
	margin-bottom: 4px;
}
.submenu a {
	line-height: 1.4em;
	color: #969696;
}
.submenu a:hover {
}
.book {
	padding-left: 56px;
	padding-top: 12px;
}
#slh {
	position: absolute;
	z-index: 4;
	bottom: 25px;
	width: 25%;
	text-align: center;
}
.careers {
	color: #454541;
	text-decoration: none;
}
#maincontent {
	height: 400px;
	width: 415px;
	position: absolute;
	z-index: 6;
	display: none;
	left: 50%;
	top: 50%;
	margin-top: -200px;
	margin-left: -220px;
}
.opac {
	height: 400px;
	width: 400px;
	position: absolute;
	background-color: #565656;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	z-index: 1;
	left: 15px;
}
#mtext {
	width: 374px;
	height: 380px;
	overflow: auto;
	padding-right: 6px;
	position: absolute;
	z-index: 2;
	left: 25px;
	top: 10px;
	color: #C8A04B;
}
#mtext b {
}
#mtext a {
	font-weight: bold;
	text-decoration: underline;
	color: #FFF;
}
#mtext a:hover {
	text-decoration: none;
	color: #C8A04B;
}
.icons {
	padding: 1px;
	border: 1px solid #333;
	height: 60px;
	width: 60px;
	margin-right: 4px;
	background-color: #FFF;
	float: left;
	margin-top: 4px;
}
.iconhdn {
	display: none;
}
.iconhide {
	position: absolute;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}
.iconview {
	position: absolute;
	z-index: 8;
	height: 48px;
	width: 48px;
	top: 130px;
}
/* ----------------- pricelist + details + offers ----------------- */
.pricelist,.pricelist-seasons,.pricelist-rooms,.pricelist-prices {
	border: 0px solid #333;
}
.pricelist {
	border-top-width: 1px;
	border-right-width: 1px;
	margin-bottom: 4px;
}
.pricelist td {
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	font-size: 11px;
}
.pricelist-seasons {
	font-weight: bold;
	text-align: center;
	background-color: #555;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #FFF;
	white-space: nowrap;
}
.pricelist-rooms {
	background-color: #777;
	font-weight: bold;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #FFF;
}
.pricelist-prices {
	text-align: center;
	background-color: #999;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #FFF;
}
.details {
	margin-bottom: 4px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	font-size: 10px;
	color: #FFF;
}
/* ----------------- contact form ----------------- */
form {
}
form td {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.ffields {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	padding-left: 2px;
	clear: both;
	float: left;
	background-color: #FFF;
	border: 1px solid #333;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.fbuttons {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #333;
	border: 1px solid #333;
	padding: 2px;
}
.required {
	color: #F00;
	font-size: 10px;
}
/* ----------------- copyright ----------------- */
.copyright {
	text-shadow: #000000 1px 1px 0px;
	position: absolute;
	bottom: 8px;
	z-index: 4;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	text-align: right;
	right: 8px;
}
.copyright a {
	color: #FFF;
	text-decoration: none;
}
.copyright a:hover {
	color: #FFF;
	text-decoration: underline;
}