/* CSS Document 
   ____ ____ ____    _              ____ ____     _    ___ ____   _     ___  _   _  ____ __  __ _   _ ___ ____  
  / ___/ ___/ ___|  | |__  _   _   / ___|  _ \   / \  |_ _/ ___| | |   / _ \| \ | |/ ___|  \/  | | | |_ _|  _ \ 
 | |   \___ \___ \  | '_ \| | | | | |   | |_) | / _ \  | | |  _  | |  | | | |  \| | |  _| |\/| | | | || || |_) |
 | |___ ___) |__) | | |_) | |_| | | |___|  _ < / ___ \ | | |_| | | |___ |_| | |\  | |_| | |  | | |_| || ||  _ < 
  \____|____/____/  |_.__/ \__, |  \____|_| \_\_/   \_\___\____| |_____\___/|_| \_|\____|_|  |_|\___/|___|_| \_\
                           |___/                                                                                                                                                              
*/
/* CSS RESET ALL */




/* CSS layout */

body {
	text-align:center;
	font-family:century gothic,  sans-serif;
	padding:0;
	margin: 0;
	background-color: #E5DDCA;
	background-image: url(siteimages/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


#frame {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:768px;
	background-color: #E6DECB;
}


#nav{
	width:768px;
	height: 68px;
	background-image: url(siteimages/nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #E6DECB;
}

#villacontent {
	background-color:#E6DECB;
	width:526px;
	float:left;
	text-align:left;
	background-color:#E6DECB;
}

#contentcenter {
	width:768px;
	float:left;
	text-align:left;
	background-color:#E6DECB;
}


#thevilla { /* the villa heading box */
	display: block;
	float: left;
	background-image: url(siteimages/thevilla_bg.jpg);
	background-repeat: no-repeat;
	height: 256px;
	width: 768px;
	margin: 0px;
	padding: 0px;
}

#vr{ /* location google map */
	display: block;
	float: left;
	padding: 10px;
	background-color: #FFFFFF;
	background-image:siteimages/360_bg.jpg;
}


#googlemaps { /* location google map */
	display: block;
	float: left;
	padding: 10px;
	background-color: #FFFFFF;
}
.contactform {
	float: left;
	background-color: #E5DDCA;
}
.contactdetails {
	float: left;
	width: 375px;
	background-color: #E5DDCA;
	margin-top: 15px;
}





/* CSS ul, li, p, headings */

#contentcenter ul{
	color: #666666;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 60px;
	margin-top: 20px;
	list-style-type: none;
}

#contentcenter li{
	font-size: 0.9em;
	margin-top: 10px;
	background-image: url(siteimages/list.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}


p {
	color:#666666;
	padding-left:20px;
	display:block;
	font-size: 0.9em;
	line-height: 1.7em;
	margin-top: 15px;
	padding-right: 20px;
}

h1 {
	color:#666666;
	font-size:0.9em;
	display:block;
	line-height: 1.7em;
	background-color: #E6DECB;
	text-align: left;
	padding-left: 20px;
	font-weight: bold;
	margin-top: 20px;
	padding-right: 20px;
}

h2 {
	color:#666666;
	font-size:0.9em;
	display:block;
	line-height: 1.7em;
	background-color: #E6DECB;
	text-align: left;
	padding-left: 20px;
	font-weight: bolder;
	margin-top: 20px;
	padding-right: 20px;
}


a {
	color: #666666;
	text-decoration: underline;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}

.lowerline {
	margin: 0px;
	padding: 0px;
}
.villacontentimage {
	float: left;
	padding: 15px;
}






/* footer styles */
#footer {
	clear:both;
	width:100%;
	text-align:center;
	background-color:#E6DECB;
	font-size:0.8em;
	height: 50px;
	padding-top: 40px;
}

#footer ul {
	color:#666666;
	text-align:center;
	font-size:0.8em;
	margin:0;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#footer ul li a:hover {
	color:#000000;
	background-color:transparent;
}

#footer ul li a {
	color:#666666;
	text-decoration:none;
}

#footer ul li {
	display:inline;
	margin-left:3px;
	padding:2px;
}
	  


/* main navigation jquery styles */
.lavaLampBottomStyle {
	position: relative;
	height: 68px;
	width: 768px;
	padding: 0px;
	overflow: hidden;
	float: right;
	background-image: url(siteimages/nav_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	background-position: bottom;
	background-color: #E4DDCA;
        }

.lavaLampBottomStyle li {
	float: left;
	list-style: none;
	margin-top: 28px;                
}
				
.lavaLampBottomStyle li.back {
	width: 20px;
	height: 30px;
	z-index: 8;
	position: absolute;
	background-image: url(siteimages/nav_slider.jpg);
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-left: 35px;
                    }
					
.lavaLampBottomStyle li a {
	text-decoration: none;
	color: #666666;
	outline: none;
	text-align: center;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.lavaLampBottomStyle li a:hover{
color: #333333; 
}   

.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
	border: none;
} 

/* contact form*/ 
form {
	background-color: #E6DECB;
	width: 372px;
	padding:10px;
	float: left;
	margin-top: 20px;
}



table p{
	color:#666666;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #D3CCBA;
	font-size:.8em;
}




/* CSS navigation */
 .kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background-image:url(siteimages/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
	width: 768px;

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 64px;
	height: 40px;
	margin-right: 0px;
	background-image:url(siteimages/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}
#kwick5 { 
	background-position:-800px 0px;
}
#kwick6 {
	background-position:-1000px 0px;
}
#kwick7 {
	background-position:-1200px 0px;
}
#kwick8 {
	background-position:-1400px 0px;
}
#kwick9 { 
	background-position:-1600px 0px;
}
#kwick10 { 
	background-position:-1800px 0px;
}
#kwick11 { 
	background-position:-2000px 0px;
}
#kwick12 { 
	background-position:-2200px 0px;
}





#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -800px bottom; 
}
#kwick6.active, #kwick6:hover { 
	background-position: -1000px bottom;
}
#kwick7.active, #kwick7:hover{
	background-position: -1200px bottom;
}
#kwick8.active, #kwick8:hover {
	background-position: -1400px bottom;
}
#kwick9.active, #kwick9:hover {
	background-position: -1600px bottom; 
}
#kwick10.active, #kwick10:hover {
	background-position: -1800px bottom; 
}
#kwick11.active, #kwick12:hover {
	background-position: -2000px bottom; 
}
#kwick12.active, #kwick12:hover {
	background-position: -2200px bottom; 
}


.floorplates{
	padding: 0px;
	float:left;
	margin-bottom: 25px;
	width: 768px;
	background-color:#E5DDCA;
	background-image: url(siteimages/thevilla_bg.jpg);
	height: 256px;
}
.floorplates li{
	background-color:#ede9df;
	margin-right:9px;
	list-style-type: disc;
	list-style-position: inside;
}

.floorplates ul{
	margin-top:15px;
}

.floorplates h2{
	background-color:#e0daca;
	margin-right:9px;

}

.floorplates_over{
	z-index: 99;

}