/* CSS Document */
body {
margin:5em 0em 0em 0em;
background-color:#000;
color:#bfbfbf;
font-family:Georgia, Arial, Helvetica, sans-serif;
font-size:80%;
line-height:140%;
}
#page {
margin:0em auto;
width:861px;
height:500px;
}
#head {background-position:right bottom; background-repeat:no-repeat;border-bottom:1px solid #fff;height:85px; font-family:Georgia, Arial, Helvetica, sans-serif;}
#head img#logo {float:left; margin-top:25px;}
#head #menu a{ /*color:#FFFFFF;*/ text-decoration:none;}
/*#head #menu a:hover, #head #menu a:visited { color:#FFFFFF;}*/
#body {background-position:right top; background-repeat:no-repeat;border-top:1px solid #fff; padding:15px 0px 15px 0px;
}
#right {
width:200px;
padding:0px 20px;
float:right;
/*border:1px dotted #333;*/
text-align:right;
}
#right a {text-decoration:none;}
#right a.this, #text .submenu a.this, #text .submenu a.this:visited {color:#fff;}
#right a:hover {text-decoration:underline;}
#right p {
margin-top:.75em;
}
#right h1 { margin:0em; padding:0em; color:#ffffff; text-transform:capitalize;}
h1 {
	font-size:20px;
}
h2 {
font-size:100%;
margin:0em;
font-weight:normal;
margin-top:1em;
}
h2.caps {
text-transform:uppercase;
font-size:120%;
}
h4 { margin-bottom:0em;}
dl{ margin-top:0em; margin-bottom:1.5em;}
dt{ font-weight:bold;}
dd{ margin-left:1em; padding-left:0em; margin-bottom:.5em;}
ul { margin-top:0em;}
#testim h2 {float:right; margin-top:-1em; margin-bottom:2em;}/* ie: margin-top:0em; */
#footer {
margin-left:200px;
text-align:right;
color:#333;
margin:0em;
padding-bottom:5em;
padding-top:1em;
font-size:80%;
padding-right:20px;
clear:both;
}
#footer a, #footer a:visited {color:#333; text-decoration:none;}
#footer a:hover{ color:#888;}
#text {
width:550px;
line-height:140%;
padding-bottom:15px;
}
#gallery #text { width:680px;}

/*a,a:visited {color:#666;}*/
a:hover {color:#666;}

.clear { clear:both;}

#menu {list-style-type:none; padding:0; margin:0;float:right;margin-top:25px; margin-bottom:0px; padding-right:0px;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; position:relative;}
#menu li a {display:block; padding:5px 10px 0px; height:25px; font-size:17px;}
#menu li li a {font-size:100%;}
#menu :hover a {text-decoration:none;}
#menu :hover a:hover {text-decoration:underline;}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul {position:absolute; left:-9999px;/* width:128px;*/}

#menu :hover ul{left:0;top:25px; background:url(/assets/transparent.gif);} /* the background image is for IE7 */
#submenu-villa{width:700px;}
#submenu-accom {width:150px;}
#submenu-kids {width:150px;}
li:hover ul#submenu-rates{width:300px; left:-150px;}
li:hover ul#submenu-villa{left:-50px;}
#submenu-villa a, #submenu-villa {color:#FFF;}
#submenu-accom a, #submenu-accom {color:#FFF;}
#submenu-kids a, #submenu-kids {color:#FFF;}
#submenu-rates a, #submenu-rates {color:#FFF;}
#submenu-rates { margin-left:-100px;}
/*#submenu-villa a, #submenu-villa {color:#68658a;}
#submenu-accom a, #submenu-accom {color:#832d6a;}
#submenu-kids a, #submenu-kids {color:#908a34;}
#submenu-rates a, #submenu-rates {color:#b16b3f;}*/
#submenu-villa li, #submenu-accom li, #submenu-kids li, #submenu-rates li {padding-left:10px; padding-top:5px;}
#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {padding:0 3px; left:125px; top:-3px;}
.submenu { margin-bottom:28px;}
.submenu-services { margin-bottom:2em; color:#fff;}
h2.services {margin-top:2em;}
h2.quote { font-size:120%; font-weight:bold; font-style:italic;}

.optional { font-size:80%; font-style:italic;}
input.color, textarea.color, select.color { color:#333; border:1px solid #bfbfbf; /*background-color:#a6d8be;*/ padding:2px;}

a.map, a.map:visited {color:#FFF; font-size:120%;}
a {
	text-decoration: underline;
	color: #BFBFBF;
}

/* NEW MENU COLOURS - FEB 2011 */
a.top-menu-welcome, a.top-menu-villa, a.top-menu-accommodation, a.top-menu-kids, a.top-menu-location, a.top-menu-gallery, a.top-menu-rates, a.top-menu-contact {color: #FFF; text-transform:uppercase; font-size:14px;}

a.top-menu-welcome:hover {color: #BFBFBF;}
a.top-menu-villa:hover {color: #68658a;}
a.top-menu-accommodation:hover {color: #88505A;}
a.top-menu-kids:hover {color: #908a34;}
a.top-menu-location:hover {color: #39867f;}
a.top-menu-gallery:hover {color: #787e83;}
a.top-menu-rates:hover {color: #77431f;}
a.top-menu-contact:hover {color: #65764b;}

/*a:hover.top-menu-welcome {color: #BFBFBF;}
a:hover.top-menu-villa {color: #68658a;}
a:hover.top-menu-accommodation {color: #88505A;}
a:hover.top-menu-kids {color: #908a34;}
a:hover.top-menu-location {color: #39867f;}
a:hover.top-menu-gallery {color: #787e83;}
a:hover.top-menu-rates {color: #77431f;}
a:hover.top-menu-contact {color: #65764b;}*/