html,body {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(images/bg1.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	background-color: #ebc353;
	text-align: center;
	height: 600px;

	

}

img {

border:0px;

}

h1 {

font-size:18px;

}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}

h4 {
	font-size: 1.4em;
	font-weight: bold;
}

#container {

	position: relative;

	width: 766px;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

	margin-bottom: 5px;

}

#title {

	position: relative;

	height: 107px;

	background-image: url(images/paphos_villa_rental.gif);

	background-repeat: no-repeat;

}

.menu {

	background-color: #3b3415;

	padding-top: 3px;

	padding-right: 10px;

	padding-bottom: 3px;

	padding-left: 10px;
	clear: both;

}

.menu a {

	font-size:14px;

	font-weight:bold;

	color:#000000;

	text-decoration:none;

	margin-right: 10px;

}

.menu a:hover {

text-decoration:underline;

}

#content {

	background-color:#FFFFFF;

	padding-top: 30px;

}

#subtitle {

	position: relative;

	width: 455px;

	float: right;

}

#img1 {

	position:absolute;

	height:193px;

	width:289px;

	overflow:hidden;

	border:5px solid #ffffff;

	top: 160px;

	left: 10px;

}

#img1 img {

border:0px;

}

#img2 {

	position:absolute;

	height:176px;

	width:116px;

	overflow:hidden;

	border:5px solid #ffffff;

	top: 275px;

	left: 230px;

}

#img2 img {

border:0px;

}

#img3 {

	position:absolute;

	height:216px;

	width:283px;

	overflow:hidden;

	border:5px solid #ffffff;

	top: 355px;

	left: 10px;

	background-image: url(Contact);

}

#img3 img {

border:0px;

}

#img4 {
	position:absolute;
	height:150px;
	width:226px;
	overflow:hidden;
	border:5px solid #ffffff;
	top: 537px;
	left: 121px;

}

#img4star {

position:absolute;

height:98px;

width:75px;

overflow:hidden;

border:5px solid #ffffff;

top: 590px;

left: 25px;

}

#img4star2 {

position:absolute;

height:98px;

width:75px;

overflow:hidden;

border:5px solid #ffffff;

top: 580px;

left: 20px;

}

#img4 img {

border:0px;

}

#contenttext {
	background-color: white;
	float: right;
	width: 400px;
	height: auto;
	padding-left: 10px;



}

.pad1 {

padding-right:5px;

padding-top:5px;

padding-bottom:5px;

}

.clear {

clear:both;

}

#booking {

	text-align: left;

}

#booking a {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	margin: 5px;

	padding: 0px;

}

#booking img {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.pad2 {

	padding: 10px;

}
.special { color:#FF0000; }
.bold { font-weight:bold; }
/* common styling */
.menu {width:746px; position:relative; margin:0; font-size:11px; margin:2px 0 0px 0; z-index:100;}
.menu ul li a, 
.menu ul li a:visited {display:block; text-decoration:none; color: white; height:20px; color:white; border:1px solid #3b3415; background:#3b3415; line-height:20px; font-size:11px; overflow:hidden; padding: 0 5px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative; width: 80px; }
.menu ul li ul {display: none;}
.menu ul li ul li { width: 200px; }

/* specific to non IE browsers */
.menu ul li:hover a {color: white; background:#e8a153;}
.menu ul li:hover ul {display:block; background: #3b3415; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#3b3415; color: white;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;  color: white; background: #3b3415; }
.menu ul li:hover ul li a:hover { color: white; background:#e8a153;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}



#footer {
	text-align: right;

	font-size: 0.9em;

	color: #e8a153;

}


.footer {
	text-align: right;
	font-size: 0.9em;
	color: #e8a153;
	padding: 0px;
	margin: 0px;
	background:#3b3415;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
}

#footer a {
	font-size: 0.9em;
	color: #e8a153;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}