body{
	width: auto; /* Printable Page */
	margin: 1em 2em;
	margin: 0px 0px 0px 0px;
	background-color: #0a4361; 
	font-family:tahoma, verdana, arial, sans-serif;
	color:#003366;
    font-size:11px;
}
 div.c1 {margin-left: 2em; text-align: center}
span
{
  display: none;
}
img {
	border: none;
	display: inline;
}
td{
padding:0px 0px 0px 40px;
}

th{
padding:0px 0px 0px 20px;
font-weight:bold;
text-align: left;
}
a
{
    text-decoration:none;
    color:#1191b1;
}
a .on
{
    text-decoration:none;
    color:#1191b1;
}
h1
{
    color:#003366;
    font-size:16px;
    letter-spacing:-1px;
    margin:0px 0px 18px 0px;
    padding:0px 0px 0px 0px;
	font-weight:lighter;
	
}
h2
{
    color:#1191b1;
    font-size:16px;
    letter-spacing:-1px;
    margin:-15px 0px 18px 0px;
    padding:0px 0px 0px 0px;
	font-weight:lighter;
}

.passport{
border: 0px solid #000;
width:300px;
height: 190px;
margin-top: 550px;
margin-left: 690px;
z-index: 99999;
position: absolute;
}
.passport a{
display: block;
}
.passport span{
display: none;
}

#container{
	margin: 0 auto;
	width: 995px;
	border: 0px solid #fff;
	position:relative;

}
#background-top-home{
	text-align:left; 
	margin:0 auto; 
	overflow:hidden; 
	width:100%; 
	height:490px;
	background: url(../images/img-top.jpg) no-repeat top #fff;
	position:relative;
	border: 0px solid #000;
	z-index:-50;
}
#background-top-location{
	text-align:left; 
	margin:0 auto; 
	overflow:hidden; 
	width:100%; 
	height:640px;
	background: url(../images/img-top.jpg) no-repeat top #fff;
	position:relative;
	border: 0px solid #000;
	z-index:-50;
}
#background-top-estate{
	text-align:left; 
	margin:0 auto; 
	overflow:hidden; 
	width:100%; 
	height:480px;
	background: url(../images/img-top.jpg) no-repeat top #fff;
	position:relative;
	border: 0px solid #000;
	z-index:-50;
}
#background-top-residents{
	text-align:left; 
	margin:0 auto; 
	overflow:hidden; 
	width:100%; 
	height:500px;
	background: url(../images/img-top.jpg) no-repeat top #fff;
	position:relative;
	border: 0px solid #000;
	z-index:-50;
}
#background-top-directory{
	text-align:left; 
	margin:0 auto; 
	overflow:hidden; 
	width:100%; 
	height:1600px;
	background: url(../images/img-top.jpg) no-repeat top #fff;
	position:relative;
	border: 0px solid #000;
	z-index:-50;
	margin-top: 0px;
}
#background-bottom-home{
	text-align:left; 
	margin:0 auto; 
	overflow:hidden; 
	width:995px; 
	height:253px;
	background: url(../images/img-bottom-home.jpg) no-repeat bottom #fff ;
	position:relative;
	z-index:-10;
}
#background-bottom{
	text-align:left; 
	margin:0 auto; 
	overflow:hidden; 
	width:995px; 
	height:233px;
	background: url(../images/img-bottom.jpg) no-repeat bottom;
	position:relative;
	z-index:-10;
}
#link-container{
	margin-top: 10px;
	margin-right: 0px;
	width: 100%;
	height: 125px;
	border: 0px solid #000;
	overflow:hidden;
	float: right;
	position:relative;
}
.aboutus{
	float: right;
	margin-top: 44px;
	position:relative;
	width:81px;
	height:40px;
	background: url("../images/nav/aboutus-a.jpg") no-repeat 0 0;
}
.aboutus:hover
{ 
	background: url("../images/nav/aboutus-b.jpg") no-repeat 0 0;
}
.aboutus-on{
	float: right;
	margin-top: 44px;
	position:relative;
	width:81px;
	height:40px;
	background: url("../images/nav/aboutus-b.jpg") no-repeat 0 0;
}

.faq{
	float: right;
	margin-top: 30px;
	position:relative;
	background: url("../images/nav/faq-a.jpg") no-repeat 0 0;
	width: 48px;
	height: 29px;
}
.faq:hover
{ 
	background: url("../images/nav/faq-b.jpg") no-repeat 0 0;
}
.faq-on{
	float: right;
	margin-top: 30px;
	position:relative;
	background: url("../images/nav/faq-b.jpg") no-repeat 0 0;
	width: 48px;
	height: 29px;
}

.directory{
	float: right;
	margin-top: 17px;
	position:relative;
	width: 84px;
	height: 26px;
	background: url("../images/nav/directory-a.jpg") no-repeat 0 0;
}
.directory:hover
{ 
	background: url("../images/nav/directory-b.jpg") no-repeat 0 0;
}
.directory-on{
	float: right;
	margin-top: 17px;
	position:relative;
	width: 84px;
	height: 26px;
	background: url("../images/nav/directory-b.jpg") no-repeat 0 0;
}

.gallery{
	float: right;
	margin-top: 17px;
	position:relative;
	width: 68px;
	height: 15px;
	background: url("../images/nav/gallery-a.jpg") no-repeat 0 0;
}
.gallery:hover
{ 
	background: url("../images/nav/gallery-b.jpg") no-repeat 0 0;
}
.gallery-on{
	float: right;
	margin-top: 17px;
	position:relative;
	width: 68px;
	height: 15px;
	background: url("../images/nav/gallery-b.jpg") no-repeat 0 0;
}

.news{
	float: right;
	margin-top: 18px;
	position:relative;
	height: 18px;
	width: 52px;
	background: url("../images/nav/news-a.jpg") no-repeat 0 0;
}
.news:hover
{ 
	background: url("../images/nav/news-b.jpg") no-repeat 0 0;
}
.news-on{
	float: right;
	margin-top: 18px;
	position:relative;
	height: 18px;
	width: 52px;
	background: url("../images/nav/news-b.jpg") no-repeat 0 0;
}

.location{
	float: right;
	margin-top: 22px;
	position:relative;
	height: 25px;
	width: 82px;
	background: url("../images/nav/location-a.jpg") no-repeat 0 0;
}
.location:hover
{ 
	background: url("../images/nav/location-b.jpg") no-repeat 0 0;
}
.location-on{
	float: right;
	margin-top: 22px;
	position:relative;
	height: 25px;
	width: 82px;
	background: url("../images/nav/location-b.jpg") no-repeat 0 0;
}

.facts{
	float: right;
	margin-top: 36px;
	margin-right: 1px;
	position:relative;
	height: 44px;
	width: 122px;
	background: url("../images/nav/facts-a.jpg") no-repeat 0 0;
}
.facts:hover
{ 
	background: url("../images/nav/facts-b.jpg") no-repeat 0 0;
}
.facts-on{
	float: right;
	margin-top: 36px;
	margin-right: 1px;
	position:relative;
	height: 44px;
	width: 122px;
	background: url("../images/nav/facts-b.jpg") no-repeat 0 0;
}

.history{
	float: right;
	margin-right: 0px;
	margin-top: 70px;
	position:relative;
	height: 39px;
	width: 68px;
	background: url("../images/nav/history-a.jpg") no-repeat 0 0;
}
.history:hover
{ 
	background: url("../images/nav/history-b.jpg") no-repeat 0 0;
}
.history-on{
	float: right;
	margin-right: 0px;
	margin-top: 70px;
	position:relative;
	height: 39px;
	width: 68px;
	background: url("../images/nav/history-b.jpg") no-repeat 0 0;
}

.home{
	float: right;
	margin-right: 0px;
	margin-top: 100px;
	position:relative;
	height: 27px;
	width: 43px;
	background: url("../images/nav/home-a.jpg") no-repeat 0 0;
}
.home:hover
{ 
	background: url("../images/nav/home-b.jpg") no-repeat 0 0;
}
.home-on{
	float: right;
	margin-right: 0px;
	margin-top: 100px;
	position:relative;
	height: 27px;
	width: 43px;
	background: url("../images/nav/home-b.jpg") no-repeat 0 0;
}


#header-container{
	border: 0px solid #000;
	width: 100%;
	height: 110px;
	position: relative;
}
#image-container{
	border: 0px solid #000;
	position: absolute;
	width: 100%;
}

#star{
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	position:relative;
	height: 409px;
	width: 568px;
	border: 0px solid #000;
	margin-top: 0px;
	margin-left: 290px;
}
#image1{
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	position:relative;
	height: 211px;
	width: 199px;
	border: 0px solid #000;
	margin-top: 120px;
	margin-left: 25px;
}
#image2{
	float: left;
	margin-right: 40px;
	margin-top: 0px;
	position:relative;
	height: 214px;
	width: 150px;
	border: 0px solid #000;
	margin-top: 180px;
	margin-left: 0px;
}
#image3{
	float: left;
	margin-top: 0px;
	position:relative;
	height: 400px;
	width: 307px;
	border: 0px solid #000;
	margin-top: 0px;
	margin-left: 40px;
}
#image4{
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	position:relative;
	height: 230px;
	width: 175px;
	border: 0px solid #000;
	margin-top: 150px;
	margin-left: -10px;
}
#text{
width: 100%;
border: 0px solid #000;
margin-top: 220px;
}
#mini-images{
border: 1px solid #000;
position: absolute;
width: 300px;
margin-left: 500px;
}

.boating-mini{
width: 100px;
height: 87px;
border: 0px solid #000;
margin-left: 480px;
margin-top: 85px;
position: absolute;
}
.marina-mini{
width: 133px;
height: 74px;
border: 0px solid #000;
margin-left: 590px;
margin-top: 61px;
position: absolute;
}
.retail-mini{
width: 111px;
height: 85px;
border: 0px solid #000;
margin-left: 738px;
margin-top: 56px;
position: absolute;
}
.future-mini{
width: 124px;
height: 74px;
border: 0px solid #000;
margin-left: 859px;
margin-top: 97px;
position: absolute;
}


#left{
width: 310px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 100px;
}
#left a
{
    text-decoration:none;
    color:#1191b1;
}

#left ul
{
   margin:0px 0px 0px 20px;
   list-style-type:disc;
}
#left ul li
{

    margin:0px 0px 2px 0px;
}

#left li a
{
color:#043b58;
}
#left li a.on
{
color:#1191b1;
}

#left li a:hover
{
color:#1191b1;
}
#left2{
width: 440px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 100px;
}
#left3{
width: 400px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 40px;
}
#right{
width: 550px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 440px;
}
#right2{
width: 351px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 630px;
}
#right3{
width: 400px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 540px;
}
#directory1{
width: 280px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 100px;
margin-top: 40px;
}
#directory2{
width: 280px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 420px;
margin-top: 40px;
}
#directory3{
width: 280px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 730px;
margin-top: 40px;
}
#middle{
width: 20px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 480px;
height: 300px;
background: url(../images/divider.jpg) no-repeat top #fff;
}
#middle2{
width: 830px;
border: 0px solid #000;
float: left;
position: absolute;
margin-left: 80px;
height: 300px;
}
#history-bg{
width: 550px;
border: 1px solid #fff;
background: url(../images/history-bg.jpg) no-repeat top #fff;
height: 493px;
}
#history-bg1{
width: 550px;
border: 1px solid #fff;
background: url(../images/history-bg1.jpg) no-repeat top #fff;
height: 493px;
}
#history-bg2{
width: 550px;
border: 1px solid #fff;
background: url(../images/domestic-staying.jpg) no-repeat top #fff;
height: 493px;
}
#history-bg3{
width: 550px;
border: 1px solid #fff;
background: url(../images/domestic-day.jpg) no-repeat top #fff;
height: 493px;
}
#history-bg4{
width: 550px;
border: 1px solid #fff;
background: url(../images/overseas-staying.jpg) no-repeat top #fff;
height: 493px;
}
#history-bg5{
width: 550px;
border: 1px solid #fff;
background: url(../images/tourist.jpg) no-repeat top #fff;
height: 493px;
}
#history-bg6{
width: 550px;
border: 1px solid #fff;
background: url(../images/overseas-area.jpg) no-repeat top #fff;
height: 493px;
}
#estate-office-bg{
width: 350px;
border: 1px solid #fff;
background: url(../images/estate-office.jpg) no-repeat top #fff;
height: 325px;
}
#residents-bg{
width: 350px;
border: 1px solid #fff;
background: url(../images/residents.jpg) no-repeat top #fff;
height: 325px;
}
#history-text{
border: 0px solid #000;
margin-top: 90px;
margin-left: 120px;
margin-right: 100px;
}
#estate-office-text{
border: 0px solid #000;
margin-top: 130px;
margin-left: 80px;
margin-right: 60px;
}

#alt-links {	
	width: 995px;
	border: 0px solid #fff;
	font-size:0.875em;
	line-height:1.0em;
}

.nav { 
	border-bottom: 0px solid #000;
	padding: 0;
	height: 25px;
	list-style-type: none;
	display: inline;
	line-height: 20px;
	}		
.nav a { 
	text-decoration: none; 
	color: #fff;
	font-size: 10px;
	border-right: 1px solid #d6d4d4; 
	border-bottom: 0;
	padding: 3px 12px;
	}
.nav a:hover { text-decoration: underline; }
.nav a.on { text-decoration: underline;  }

.nav1 { 
	border-bottom: 0px solid #000;
	padding: 0;
	height: 25px;
	list-style-type: none;
	display: inline;
	line-height: 20px;
	}		
.nav1 a { 
	text-decoration: none; 
	color: #fff;
	font-size: 10px;
	border-right: 0px solid #d6d4d4; 
	border-bottom: 0;
	padding: 3px 12px;
	}
.nav1 a:hover { text-decoration: underline; }
.nav1 a.on { text-decoration: underline;  }