body { 
	margin: 0;
	padding: 0 0 0 0;
	font: 16px Comic Sans MS, Arial, Helvetica, sans-serif;
	color: #6464C8;
	background-color: #fff
}
h1 { font: 24 px Comic Sans MS, Arial, Helvetica, sans-serif;
	color: #3434cc;
	text-align: center	
}
h2 { font: 20 px Comic Sans MS, Arial, Helvetica, sans-serif;
	color: #6464C8;
	text-align: center
}
h3 { font: 18 px Comic Sans MS, Arial, Helvetica, sans-serif;
	color: #6464C8;
	text-align: center
}
h4 { font: 16 px Comic Sans MS, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 10px 0 0 10px
}
ul{
	padding: 0;
	margin: 0;
	list-style: none
}
a {
	color: #6464C8;
	text-decoration: none
}
a:hover {
	color: #6464C8;
	text-decoration: underline
}
input {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight: normal
}
input.small {
	width: 50px
}
label {
	vertical-align: top
}
.formleft {
	width: 260px;
	height: 30px;
	float: left;
	text-align: right
}
.formright {
	width: 520px;
	height: 30px;
	float: left
}
.leftimage {
	margin: 20px 0 0 12px;
	border: 1px solid black
}
.leftimagegallery {
	margin: 100px 0 0 55px;
	border: 0
}
.button {
	background: #9dcdcd;
	border: 1px solid #ded7c5;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	color: #fff;
	cursor: pointer;
	
	font-weight: bold;
	padding: 4px 5px 4px 5px
}
#header { 
	width: 1000px; 
	height: 115px;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 5px; 
	text-align: center; 
	background: #fff url(../images/andalucia-villa.gif) no-repeat 0 15px
}
#header-container { 
	width: 1000px; 
	height: 110px;
	margin-left: auto; 
	margin-right: auto;
	padding-bottom: 5px; 
	text-align: center;
	overflow:hidden
}
#topplate { 
	float: left;
	width: 185px; 
	height: 110px;
	margin-right: 5px
}
#topvilla {
	float: left;
	width: 810px;
	height: 110px
}
#leftvilla {
	float: left;
	width: 185px;
	height: 800px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff url(../images/leftback-villa.jpg) repeat-y 0 0
}
#leftbnb {
	float: left;
	width: 185px;
	height: 800px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff url(../images/leftback-bnb.jpg) repeat-y 0 0
}
#leftreiki {
	float: left;
	width: 185px;
	height: 800px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff url(../images/leftback-reiki.jpg) repeat-y 0 0
}
#leftlocation {
	float: left;
	width: 185px;
	height: 800px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff url(../images/leftback-location.jpg) repeat-y 0 0
}
#leftgallery {
	float: left;
	width: 185px;
	height: 800px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff url(../images/leftback-gallery.jpg) repeat-y 0 0
}
#leftlinks {
	float: left;
	width: 185px;
	height: 800px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff url(../images/leftback-links.jpg) repeat-y 0 0
}
#leftcontact {
	float: left;
	width: 185px;
	height: 800px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff url(../images/leftback-contact.jpg) repeat-y 0 0
}	
#rightvilla {
	float: left;
	width: 810px;
	height: 800px;
	margin-bottom: 5px;
	background-color: #fefecc;
	color: #663300;
	overflow: scroll;
	/* background: #fff url(../images/rightback-villa.jpg) repeat-x 0 0 */
}
#rightvilla p {
	font: 14px Comic Sans MS, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 20px
}
#rightvilla ul {
	font: 14px Comic Sans MS, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	list-style: none
}
#rightbnb {
	float: left;
	width: 810px;
	height: 800px;
	margin-bottom: 5px;
	background-color: #efeedc;
	color: #663300;
	overflow: scroll;
	background: #fff url(../images/rightback-bnb.jpg) repeat-x 0 0
}
#rightbnb p {
	font: 14px Comic Sans MS, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 20px
}
#rightbnb ul {
	font: 14px Comic Sans MS, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	list-style: none
}
#rightlocation {
	float: left;
	width: 810px;
	height: 800px;
	margin-bottom: 5px;
	background-color: #f0f9fe;
	color: #663300;
	overflow: scroll;
	background: #fff url(../images/rightback-location.jpg) repeat-x 0 0
}
#rightlocation p {
	font: 14px Comic Sans MS, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 20px
}
#rightgallery {
	float: left;
	width: 810px;
	height: 800px;
	margin-bottom: 5px;
	background-color: #666666;
	color: #663300;
	overflow: scroll
}
#rightlinks {
	float: left;
	width: 810px;
	height: 800px;
	margin-bottom: 5px;
	background-color: #feffef;
	color: #663300
}
#rightlinks p {
	font: 14px Comic Sans MS, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 20px
}
#rightcontact {
	float: left;
	width: 810px;
	height: 800px;
	margin-bottom: 5px;
	background-color: #cee6e6;
	color: #6464C8;
	background: #fff url(../images/rightback-contact.jpg) repeat-x 0 0
}
#rightcontact p {
	font: 14px Comic Sans MS, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 20px
}
#plate { 
	float: left;
	width: 185px; 
	height: 393px;
	margin-right: 5px;
	margin-bottom: 5px
}
#villa-left { 
	float: left;
	width: 185px; 
	height: 393px;
	margin-right: 5px;
	margin-bottom: 5px
}
#home-middle { 
	float: left;
	width: 515px;
	height: 393px;
	background:#ffffcd url(../images/home-middle.jpg) repeat-x 0 0;
	padding: 0 10px 0 10px;
	margin-right: 5px
}
#home-title {
	width: 500px;
	height: 165px;
	padding: 10px 0 0 0;
	text-align: center
}
#home-pool { 
	float: left;
	width: 270px; 
	height: 393px;
	margin-bottom: 5px
}

#body { 
	width: 1000px;
	height: auto;
	margin-left: auto; 
	margin-right: auto
}

#footer { 
	clear: both;
	width: 1000px;
	height: 120px; 
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 5px; 
	text-align: center;
	background: #fff url(../images/home-footer.gif) no-repeat 0 0
}

/*navigation*/
.nav {
	background-color: #ccccfe;
	height:36px;
	width:1000px;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 5px
}
* html .nav {width:1000px;
	w\idth:1000px
}
.nav ul {
	/* background:url(../images/list-bg.gif) repeat-x 0 0; */
	height:24px;
}
.nav li {
	float:left;
	position:relative;
	background:url(../images/split.gif) no-repeat -20px 12px;
	padding:0 0 0 25px
}
.navfirst {
	float:left;
	position:relative;
	background:url() no-repeat -120px 12px !important;
	padding:0 0 0 140px !important
}
.nav a {
	float:left;
	padding:5px 12px 0 12px;
	color:#fff;
	height:19px;
	text-decoration:none
}
.nav a.active {
    color:#3333cc;
    text-decoration:none
}
.nav ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:24px;
	left:0
}
* html .nav ul ul {
	top:24px;t\op:24px
}
.nav table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse
}
.nav ul ul a {
	width:98px
}
* html .nav ul ul a {    /*, * html .nav ul ul a:visited{ */
	width:98px;w\idth:98px
}
.nav a:hover, .nav ul ul a:hover {   /*, .nav ul li.active a{ */
    color:#3333cc;
	text-decoration:none;
	background-position:0 -24px
}
.nav :hover > a, .nav ul ul :hover > a {
	/* background-position:0 -24px; */
}
.nav ul li:hover ul,
.nav ul a:hover ul { 
    visibility:visible
}
.nav ul li a.active:hover ul{
    visibility:visible;
}

/* jQuery lightBox plugin - Gallery style */
#gallery {
	background-color: #666;
	padding: 15px;
	width: 780px
}
#gallery ul {
	list-style: none
}
#gallery ul li {
	display: inline
}
#gallery ul img {
	margin-right: 10px;
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 5px
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 5px;
	color: #fff
}
#gallery ul a:hover {
	color: #fff
}