@charset "utf-8";
/* CSS Document */

body {
	background-color: #04223e;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}
.header {
	background-image: url(../images/header.jpg);
	margin: 0px;
	height: 170px;
	width: 852px;
	background-repeat: no-repeat;
}
.judul-menu {
	font-family: Arial;
	font-size: 12pt;
	color: #04223E;
	font-weight: bold;
}
.menu-content {
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	color: #04223E;
}
.newsletter-judul {
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: #04223E;
	text-align: center;
}
.newsletter-content {
	font-family: Arial;
	font-size: 10pt;
	color: #04223E;
	text-align: left;
}
.judul-content {
	font-family: Arial;
	font-size: 18pt;
	font-weight: bold;
	color: #04223E;
}
.content {
	font-family: Arial;
	font-size: 10pt;
	color: #04223E;
	font-weight: normal;
	text-align: justify;
}
a.tombol4 {
	color: #04223E;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
}
a.tombol4:hover{
	color: #000;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: underline;
	font-weight: bold;
}
a.tombol5 {
	color: #04223E;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
}
a.tombol5:hover{
	color: #FFF;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: underline;
	font-weight: bold;
}

.currency {
	background-image: url(../images/currency.jpg);
	margin: 0px;
	height: 31px;
	width: 246px;
}

.message {
	font-family: Arial;
	font-size: 10pt;
	color: #336600;
	text-align: center;
}
.menu-tengah {
	background-image: url(../images/menu5.jpg);
	margin: 0px;
	height: 31px;
	width: 606px;
}
.footer {font-size: 12px;
	color: #FFF;
}
.footer {	font-family: Arial;
}
a.tombol1 {color: #ffffff;
	text-decoration: underline;
}
.footer-note {	font-size: 14px;
	text-align: right;
	color: #FFF;
	font-weight: bold;
	font-family: Arial;
}
.footer-note-2 {font-weight: normal;
}
.menu-best {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #03F;
	text-decoration: underline;
}
.gambar {
	text-align: center;
}
.listing-judul {
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #2A4161;
}
.listing-content {
	font-family: Arial;
	font-size: 10pt;
	color: #000;
	text-align: justify;
}
a.tombol2 {
	color: #000;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}
a.tombol3 {
	color: #000;
	font-family: "Century Gothic";
	font-size: 11pt;
	text-decoration: none;
}
a.tombol3:hover{
	color: #F00;
	font-family: "Century Gothic";
	font-size: 11pt;
	text-decoration: underline;
}
.menu-tengah2 {
	background-image: url(../images/menu6.jpg);
	margin: 0px;
	height: 31px;
	width: 606px;
}.nama {
	font-family: Arial;
	font-size: 16pt;
	font-style: italic;
	font-weight: bolder;
	color: #484CEB;
}
.judul-lokasi {
	font-family: Arial;
	font-size: 10pt;
	color: #04223E;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
.listing-detail {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #2B4462;
}
.listing-content {
	font-family: Arial;
	font-size: 9pt;
	color: #333;
}
.judul-listproduk {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	text-align: right;
}
.list-contentproduk {
	font-family: Arial;
	font-size: 10pt;
	color: #000;
	text-align: justify;
}
.villa-search {
	background-image: url(../images/search-villa.jpg);
	margin: 0px;
	height: 33px;
	width: 246px;
}
.land-search {
	background-image: url(../images/land-search.jpg);
	margin: 0px;
	height: 33px;
	width: 246px;
}
.lokasi {
	text-align: center;
}
.othermenu {
	background-image: url(../images/menu8.jpg);
	margin: 0px;
	height: 31px;
	width: 246px;
}
.menu-samping {
	font-size: 11pt;
	color: #FFF;
	font-family: "Century Gothic";
}
.newsletter-menu {
	background-image: url(../images/newsletter.jpg);
	height: 31px;
	width: 246px;
	margin: 0px;
}
.best-villa {
	background-image: url(../images/best-villa.jpg);
	margin: 0px;
	height: 31px;
	width: 246px;
}
.newsletter-content2 {
	font-family: Arial;
	font-size: 11pt;
	color: #04223E;
	text-align: center;
}
div#popup {
	background:#EFEFEF;
	border:1px solid #999999;
	margin:0px;
	padding:7px;
	width:270px;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #000;
}
#layer1 {
	position:absolute;
	left:306px;
	top:909px;
	width:492px;
	height:201px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer2 {
	position:absolute;
	left:306px;
	top:939px;
	width:492px;
	height:119px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer3 {
	position:absolute;
	left:306px;
	top:970px;
	width:492px;
	height:164px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer4 {
	position:absolute;
	left:306px;
	top:996px;
	width:492px;
	height:121px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer5 {
	position:absolute;
	left:306px;
	top:1028px;
	width:492px;
	height:259px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer6 {
	position:absolute;
	left:320px;
	top:1028px;
	width:492px;
	height:180px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer7 {
	position:absolute;
	left:306px;
	top:1058px;
	width:492px;
	height:167px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer8 {
	position:absolute;
	left:306px;
	top:1085px;
	width:492px;
	height:167px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer9 {
	position:absolute;
	left:366px;
	top:1116px;
	width:492px;
	height:245px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer10 {
	position:absolute;
	left:306px;
	top:1143px;
	width:492px;
	height:167px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer11 {
	position:absolute;
	left:306px;
	top:1172px;
	width:492px;
	height:151px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer12 {
	position:absolute;
	left:306px;
	top:1202px;
	width:492px;
	height:131px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer13 {
	position:absolute;
	left:456px;
	top:1169px;
	width:492px;
	height:131px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer15 {
	position:absolute;
	left:306px;
	top:1199px;
	width:492px;
	height:179px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#layer16 {
	position:absolute;
	left:306px;
	top:1230px;
	width:492px;
	height:214px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer1 {
	position:absolute;
	left:306px;
	top:909px;
	width:492px;
	height:201px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer2 {
	position:absolute;
	left:306px;
	top:939px;
	width:492px;
	height:119px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer3 {
	position:absolute;
	left:306px;
	top:970px;
	width:492px;
	height:164px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer4 {
	position:absolute;
	left:306px;
	top:996px;
	width:492px;
	height:121px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer5 {
	position:absolute;
	left:306px;
	top:1028px;
	width:492px;
	height:259px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer6 {
	position:absolute;
	left:320px;
	top:1028px;
	width:492px;
	height:180px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer7 {
	position:absolute;
	left:306px;
	top:1058px;
	width:492px;
	height:167px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer8 {
	position:absolute;
	left:306px;
	top:1085px;
	width:492px;
	height:167px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer9 {
	position:absolute;
	left:366px;
	top:1116px;
	width:492px;
	height:245px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer10 {
	position:absolute;
	left:306px;
	top:1143px;
	width:492px;
	height:167px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer11 {
	position:absolute;
	left:306px;
	top:1172px;
	width:492px;
	height:151px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer12 {
	position:absolute;
	left:306px;
	top:1202px;
	width:492px;
	height:131px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer13 {
	position:absolute;
	left:456px;
	top:1169px;
	width:492px;
	height:131px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer15 {
	position:absolute;
	left:306px;
	top:1199px;
	width:492px;
	height:179px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#land-layer16 {
	position:absolute;
	left:306px;
	top:1230px;
	width:492px;
	height:214px;
	z-index:1;
	background-color: #FF6;
	padding: 8px;
	text-align: justify;
	visibility: hidden;
}
#popitmenu{
	position: absolute;
	background-color: #263D5D;
	border:1px solid black;
	line-height: 18px;
	z-index: 100;
	visibility: hidden;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
}

#popitmenu a{
	text-decoration: none;
	padding-left: 6px;
	color: #FFF;
	display: block;
}
#fadeshow1 {
	height: 259px;
	width: 852px;
	z-index: 1;
}


#popitmenu a:hover{ /*hover background color*/
	background-color: #FFF;
	color: #04223E;
}