html, body { width:100%; height:100%; margin:0; padding:0; }
html a:hover { visibility: visible; }
body { background:url(../images/back2.jpg) top left repeat-x; font:10px verdana; }
a { text-decoration:none; }
a img { border:none; }
p{ margin:5px 0 0 0; padding:0; }
#container { width:100%; height:100%; min-height:100%; margin:0; padding:0; position:relative; }
html>body #container { height:auto; }
#top a:hover, #footer img:hover, #logo img:hover, .box a img:hover { opacity:0.7; }
#lang {padding-left:35px;}
#book a, #subscribe a { display:block; }
#book a:hover img, #subscribe a:hover img { visibility:hidden; }
strong {color:#4C7891;}
#top { width:100%; height:36px; padding:0px 0 0 0; text-align:center; background:url(../images/top-back.jpg) left repeat-x; }
#nav { width:100%; height:26px; background:url(../images/nav-back.png) repeat-x; position:absolute; top:25px; }
#navmenu { height:70px; position:absolute; top:37px; right:-14px; }
#navmenu ul { margin:0;	padding:0; list-style-type:none; }
#navmenu li { margin:0; padding:0; float:left; }
#navmenu a { height:70px; display:block; }
#navmenu span { position:absolute; top:-1000px; }
#flashcontent {
		width: 100%;
		height: 640px;
		border: thin #999999 solid;		
		background-color: #fff;
	}
.arxiki a { width:99px; background:url(../images/m-explore-up.jpg) no-repeat; }
.arxiki, .arxiki a:hover, .arxiki a.current { background:url(../images/m-explore-over.jpg) no-repeat; }
.domatia a { width:99px; background:url(../images/m-apartments-up.jpg); }
.domatia, .domatia a:hover, .domatia a.current { background:url(../images/m-apartments-over.jpg) no-repeat; }
.ipiresies a { width:99px; background:url(../images/m-specials-up.jpg); }
.ipiresies, .ipiresies a:hover, .ipiresies a.current { background:url(../images/m-specials-over.jpg) no-repeat; }
.topothesia a { width:99px; background:url(../images/m-catering-up.jpg); }
.topothesia, .topothesia a:hover, .topothesia a.current { background:url(../images/m-catering-over.jpg) no-repeat; }
.aksio a { width:99px; background:url(../images/m-relax-up.jpg); }
.aksio, .aksio a:hover, .aksio a.current { background:url(../images/m-relax-over.jpg) no-repeat; }
.epikoinonia a { width:110px; background:url(../images/m-location-up.jpg); }
.epikoinonia, .epikoinonia a:hover, .epikoinonia a.current { background:url(../images/m-location-over.jpg) no-repeat; }
.gall a { width:85px; background:url(../images/m-gall-up.jpg); }
.gall, .gall a:hover, .gall a.current { background:url(../images/m-gall-over.jpg) no-repeat; }

#sub { width:100%; font:11px verdana; position:absolute; top:115px; }
#sub ul { margin:0;	padding:0; list-style-type:none; }
#sub li { margin:0; padding:0; float:left; }
#sub a { height:24px; padding:11px 15px 0 15px; color:#666; display:block; }
#sub a:hover { color:#07557F; }

#container2 { width:876px; margin:0 auto; position:relative; z-index:1; }
#container2.sub #header { top:196px; }
#container2.sub #content { padding:588px 20px 200px 238px; }
#content { padding:450px 20px 200px 238px; font:11px/22px verdana; color:#666; }
#content a, #lang a, #address a, .mandatory { color:#5CB4B4; }
#content a:hover, #lang a:hover, #address a:hover { color:#ADD9D9; }
#content ul { margin:20px 0 20px 0; padding:0 0 0 15px; list-style-type:none; width:250px;float:left; }
#content li { margin:0 0 3px 0; padding:0 0 0 18px; line-height:17px; background:url(../images/li2.gif) top left no-repeat; }
#content ul .nofloating { margin:20px 0 20px 0; padding:0 0 0 15px; list-style-type:none;}
#content li { margin:0 0 3px 0; padding:0 0 0 18px; line-height:17px; background:url(../images/li2.gif) top left no-repeat; }

#content p {text-align:justify;}




#content2 { padding:450px 20px 200px 238px; font:11px/22px verdana; color:#666; }
#content2 a, #lang a, #address a, .mandatory { color:#5CB4B4; }
#content2 a:hover, #lang a:hover, #address a:hover { color:#ADD9D9; }
#content2 ul { margin:20px 0 20px 0; padding:0 0 0 15px; list-style-type:none; width:260px;float:left; }
#content2 li { margin:0 0 3px 0; padding:0 0 0 18px; line-height:17px;}
#content2 ul .nofloating { margin:20px 0 20px 0; padding:0 0 0 15px; list-style-type:none;}

#content2 p {text-align:justify;}








.indent { margin:0 0 3px 18px !important; }
#header { width:100%; position:absolute; top:160px; }
#logo { width:180px;margin:5px 0 0 0px;text-align:right; }
#image { width:658px; height:301px; text-align:center; position:absolute; top:0; right:0; }
#image2 {width:658px; height:301px; text-align:center; background-color: transparent; background-image: url(../images/f360.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%;position:absolute; top:-10px; right:0;padding:21px 0 0 1px; }
#image a img { margin:145px 0 0 0; }
#map { width:616px; height:351px; margin:21px 0 0 21px; font:11px/20px verdana; border:1px solid #CCC;  }
#address { width:180px; padding:0px;margin:0px 0 0 0; font:10px/16px verdana; color:#666; text-align:right; }
#address strong, #address a { margin-left:12px; }
h1 { margin:25px 0 0 0;padding: 0 0 0 0;font:20px/25px arial; color:#4C7891; text-align:left;}
img.aristera {width:110px;text-align:right; position:absolute; top:550px; right:705px;}
.sub h1 { top:585px; }
h2 { font:16px arial; color:#5CB4B4; }
hr { margin:0 0 17px 0; border:1px solid #FFF; border-bottom:1px dotted #DDD; }
#floorplan { margin:25px 0 0 0; float:right; }
.fine { font:10px verdana; color:#999; }

.box { width:100%; margin:5px 0 0 -5px; padding:25px 0 0 0; display:table; background:url(../images/break.png) top no-repeat; }
.box img { margin:0 33px 0 0;float:left; padding:10px;border:1px solid #cccccc; }
.box h2 { margin:0 0 0px 0; padding:5px 0 0 0; }
.box a { color:#5CB4B4; }
.box a:hover { color:#ADD9D9; }
.box p { margin:0px 0 10px 0; }
.box p a { margin:0 22px 0 0; padding:0 0 0 15px; font-weight:bold; background:url(../images/li.gif) left no-repeat; }
.box ul { margin:15px 0 0 0 !important; }
.box .left { width:150px; font:22px georgia; color:#5CB4B4; float:left; }
.box .left p { margin:10px 0 0 5px; }
.box .left span { font:11px verdana; }
.box .right { width:435px; float:right; }

.literature { padding:0 !important; }
.literature li { margin:0 0 6px 0 !important; background:none !important; }
.literature img { margin:0 2px -3px 0; }

#form { margin:20px 0 0 0; }
#form label { position:absolute; }
.colour { color:#5CB4B4; }
.text5, .text1, .text2, .text4 { padding:4px; font:11px verdana; color:#666; border:1px solid #DDD; }
.text1 { width:201px; margin:2px 0 2px 100px; }
.text5 { width:401px; margin:2px 0 2px 100px; }
.text2 { width:68px; margin:2px 0 2px 0; }
.text4 { width:211px; margin:2px 0 2px 100px; }
.text5:hover, .text1:hover, .text2:hover, .text4:hover { border:1px solid #ADD9D9; }
.subscribebutton, .submitbutton, .resetbutton { width:110px; height:37px; border:none; color:#FFFFFF; cursor:pointer; }
.subscribebutton { margin:0 0 0 204px; background:url(../images/subscribe-up.png); }
.subscribebutton:hover { background:url(../images/subscribe-over.png); }
.resetbutton { background:url(../images/reset-up.png); }
.resetbutton:hover { background:url(../images/reset-over.png); }

.button { width:76px; border:none; background:#68B6B6 !important; color:#FFF; font:10px verdana; padding:4px; }
.button:hover { background:#547E96 !important; }

#trees { width:560px; height:420px; background:url(../images/trees.gif); position:absolute; bottom:134px; left:0; }
#treecover { width:85px; height:30px; background:url(../images/tree-cover.jpg); position:absolute; bottom:134px; left:0; z-index:3; }
#book { width:150px; margin:35px 0 0 25px; background:url(../images/book-over.png); }
#subscribe { width:58px; background:url(../images/subscribe-over.jpg); position:absolute; bottom:134px; right:12%; z-index:3; }
#footer { width:100%; height:111px; margin:0; padding:0; background:url(../images/footer-back.jpg) left repeat-x; position:absolute; bottom:0; z-index:2; }
#footer div { width:825px; margin:0px auto 0 auto;padding-top:37px;  }
.juniper { float:left; margin:8px 65px 0 0; }
.footer1 { font:bold 10px/26px verdana; }
.footer1 a { margin:0 20px 0 0; color:#5CB4B4; }
.footer1 a:hover, .footer2 a:hover { color:#add9d9; }
.footer2 {text-align:center; font:10px/26px arial; color:#fff; line-height:18px;}
.footer2 a { margin:0 18px 0 0; padding:0; color:#ccc; }
table.stats 
{text-align: center;
font-family: Tahoma ;
font-weight: normal;
font-size: 12px;
color: #fff;
width: 450px;
background-color: #4C7891;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin:10px auto;}

table.stats td 
{background-color: #5cb4b4;
color: #fff;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.stats td.hed
{background-color: #4C7891;

color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-family: Tahoma ;
font-size: 10px;
font-weight: bold;}