
* { padding: 0; margin: 0; }

body {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-image:url(img/bg.gif);
 background-repeat:repeat-x;
}

#intro_content      
	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:17px;
	margin-left: -250px;  /*  = width/2  */
	margin-top: -100px;	  /*  = height/2  */
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 200px;
	border: 2px solid silver;
	}
	
#skip_intro      
	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	color:#666;
	padding-right: 35px;
	}
	
#skip_intro a { text-decoration:none;color:#666; }
#skip_intro a:visited { text-decoration:none;color:#666;}
#skip_intro a:hover {text-decoration: none; color:#444;}

#container {
	margin: 0 auto;
 width: auto;
 height: 500;
	background-image:url(img/bg_out.png);
 background-position:center top;
 background-repeat:no-repeat;
color: rgba(255, 255, 255, 0.5);

	}


#wrapper { 
 margin: 0 auto;
 width: 800px;
 background-color:#FFF;
 border-left: 2px solid #ccc;
 border-right: 2px solid #ccc;
 background-image:url(img/lc_placeholder.png);
 background-position: bottom left;
 background-repeat:no-repeat;

}

#header {
 color: #333;
 width: 800px;
 float: left;
 border: 0px solid #ccc;
 height: 150px;
 margin: 0px 0px 0px 0px;
 background-image: url(img/header_kerasies.png);
  border-bottom: 2px solid #ccc;
  
}

#leftcolumn {
 color: #333;
 margin: 0px 0px 0px 0px;
 padding-top: 37px;
 width: 215px;
 float: left;
 height:auto !important;
 height:400px;
 min-height:400px;
}

#rightcolumn { 
 float: right;
 color: #333;
 padding:5px;
 padding-top: 37px;
 margin: 0px 0px 0px 0px;
 width: 547px;
 display: inline;
 color: rgba(255, 255, 255, 0.5);
 }

#footer { 
 width: 800px;
 clear: both;
 height:20px;
 color: #333;
 background-image:url(img/footer.png);
 margin: 0px 0px 0px 0px;
 border-top: 2px solid #ccc;
 border-bottom: 2px solid #ccc;

}

#footer_us { 
 margin: 0 auto;
 margin-top: 5px;
 padding-right: 20px;
 width: 800px;
 text-align:right;
}

p.footer_us {
	font-size:10px;
	color:#666666;
	margin:0;
	text-align:right;
	}

ul {
	list-style-image:url(img/bullet.png);
	padding-left:60px;
	}

li {
	padding-left:5px;
}

a:link {text-decoration:none; color:#9F291F; font-size:11px;}
a:visited {text-decoration:none; color:#9F291F; font-size:11px;}
a:hover {text-decoration: underline; color:#9F291F; font-size:11px;}


.main_text {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; text-align:justify; padding-right:20px; color:#666; line-height:20px;}

img.thumbs {margin-right:20px;}

img.footer {margin-right:0px; margin-top:1px; width:15px; height:15px;}
h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background-color:#eee; }

p, form, input, option, select, table, td, tr, ul, li {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
input, select {font-size: 12px;}

/* -------------------------------------------------------- */
/* ------------LEFT SIDE MENU----------- */

.menu_left {
	margin: 0;
	padding: 0;
	padding-left: 30px;
	width: 160px;
	list-style: none;
	background: none;
}
.menu_left li {
	padding: 0;
	margin: 0;
	height: 35px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu_left li a, .menu_left li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 35px;
	background-repeat: no-repeat;
}
/* guest house */
.guest {background-image: url(img/guest_hover.gif);}
.guest a {background-image: url(img/guest_up.gif);}
.guest_active{background-image: url(img/guest_hover.gif);}

.studios {background-image: url(img/studios_hover.gif);}
.studios a {background-image: url(img/studios_up.gif);}
.studios_active {background-image: url(img/studios_hover.gif);}

.multi {background-image: url(img/multi_hover.gif);}
.multi a {background-image: url(img/multi_up.gif);}
.multi_active {background-image: url(img/multi_hover.gif);}

/* location */
.vovousa {background-image: url(img/vovousa_hover.gif);}
.vovousa a {background-image: url(img/vovousa_up.gif);}
.vovousa_active{background-image: url(img/vovousa_hover.gif);}

.nature {background-image: url(img/nature_hover.gif);}
.nature a {background-image: url(img/nature_up.gif);}
.nature_active{background-image: url(img/nature_hover.gif);}

.activities {background-image: url(img/activities_hover.gif);}
.activities a {background-image: url(img/activities_up.gif);}
.activities_active{background-image: url(img/activities_hover.gif);}

.location {background-image: url(img/location_hover.gif);}
.location a {background-image: url(img/location_up.gif);}
.location_active{background-image: url(img/location_hover.gif);}

.info {background-image: url(img/info_hover.gif);}
.info a {background-image: url(img/info_up.gif);}
.info_active{background-image: url(img/info_hover.gif);}


ul.menu_left li a:hover {background: none;}

/* ------------END LEFT SIDE MENU----------- */
/* -------------------------------------------------------- */