@CHARSET "ISO-8859-1";
body {
	background-color: #F3F0EB;
	background-image: url(images/bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	color: #000000;
	font: 100% Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
ul {
	list-style-type: none;
	margin: 0px;
 	padding: 0px;
}
li {
	display: list-item;
	margin: 0px;
 	padding: 0px;
}
#menu {
	float: right;
	margin-top: 36px;
	margin-right: 15px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#menu ul li a {
}
/* remove the list style */
#nav {
	margin:0; 
	padding:0; 
	list-style:none;
}	

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
	float:left; 
	display:block; 
	position:relative;
	z-index:500; 
	margin:0 1px;
}

/* this is the parent menu */
#nav li a {
	display:block; 
	text-decoration:none; 
	text-align:center; 
}

/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	padding:0; 
	list-style:none;
}

#nav ul li {
	float:left; 
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;  
}

#nav ul a:hover {
	text-decoration:underline;	
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}

.clear {
	clear: both;
}

#container {
	width: 978px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	margin: 20px auto auto;
	position: relative;
	box-shadow: 5px 5px 5px #bbb;
}
#menu-bar {
	margin-left: 274px;
}
#logo {
	position: absolute;
	top: -10px;
	left: 0px;
	z-index: 99;
}
#logo-right {
	float: left;
	width: 150px;
}
#navi-bar {
	background-image: url("images/navibar_bg.jpg");
	background-repeat: repeat-x;
	float: left;
	height: 59px;
	width: 554px;
}
#imgdisplay {
	width: 100%;
}
#imgselection {
	width: 100%;
	background-color: #e0d3c2;
}
div.navigation-container {
	height: 100px;
	width: 940px;
	float: left;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 20px;
}
div.navigation {
	float: left;
	position: relative;
}
div.slideshow {
	position: relative;
}
ul.thumbs {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.thumbs li {
    float: left;
    list-style: none outside none;
    margin: 1px;
    padding: 0;
}

div.navigation a {
    text-decoration: none;
}

div.navigation a.prev {
    background-image: url("images/thumbnails_back.gif");
}
div.navigation a.next {
    background-image: url("images/thumbnails_forward.gif");
}
div.navigation a.pageLink {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: 2px;
    position: relative;
    width: 16px;
    height: 76px;
}
div.navigation-instruction {
	background-image: url("images/thumbnails_click.gif");
	width: 246px;
	height: 23px;
	float: left;
	top: 90px;
	width: 246px;
	position: relative;
	left: 20px;
}
#content {
	width: 100%;
}
div.slideshow a.advance-link {
	text-decoration: none;
}
div.slideshow img {
}
div.slideshow-container {
    clear: both;
    float: left;
    height: 366px;
    position: relative;
}
div.slideshow span.image-wrapper {
	position: absolute;
}
div.slideshow a.advance-link {
    text-align: center;
}
div.content-bottom {
	background-image: url(images/thumbnails_side_bg.jpg);
	background-repeat: repeat-y;
	background-position: right center;
	height: 123px;
	width: 100%;
	background-color: #DFD2C1;
	position: relative;
	float: left;
	top: 366px;
}
div.paragraph-content {
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 49px;
	color: #3e3933;
}
div.paragraph-title {
	text-align: center;
	margin-top: 50px;
}
/** Amenities **/
#amenities-left {
	float: left;
	width: 540px;
}
#amenities-right {
	background-image: url("images/amenities_text_bg.jpg"); 
	width: 438px;
	height: 489px;
	float: left;
}

/** Magnificent Facilities Page **/
#mf-left {
	float: left;
	width: 492px;
}
#mf-right {
	background-image: url("images/magnificent_facilities_text_bg.jpg"); 
	width: 486px;
	height: 489px;
	float: left;
}
#mf-right div.paragraph-title {
	text-align: center;
	margin-top: 70px;
}

/** Eco F **/
#ecof-left {
	float: left;
	width: 595px;
}
#ecof-right {
	background-image: url("images/eco_features_text_bg.jpg"); 
	width: 383px;
	height: 489px;
	float: left;
}
#ecof-right div.paragraph-title {
	text-align: center;
	margin-top: 175px;
}

/** Index **/
#index-left {
	float: left;
	width: 608px;
}
#index-left div.content-bottom {
	display: none;
}
#index-right {
	background-image: url("images/index_text_bg.jpg"); 
	width: 370px;
	height: 489px;
	float: left;
}
#index-right div.paragraph-title {
	text-align: left;
	margin-top: 149px;
	margin-left: 25px;
}
#index-right div.paragraph-content {
	margin: 0 49px 0 25px;
}
/** Location Map **/
#location-left {
	float:left;
}
#location-right {
	float:left;
}
#location-map {
	float:left;
}
/** Clubhouse **/
#clubhouse-left {
	float: left;
	width: 528px;
}
#clubhouse-right {
	background-image: url("images/clubhouse_text_bg.jpg"); 
	width: 450px;
	height: 489px;
	float: left;
}
#clubhouse-right div.paragraph-title {
	text-align: left;
	margin-top: 69px;
	margin-left: 49px;
}
#clubhouse-right #clubhouse-pic {
	margin-top: 15px;
}
/** Kids Pool **/
#kidspool-left {
	float: left;
	width: 574px;
}
#kidspool-right {
	background-image: url("images/kids_pool_text_bg.jpg"); 
	width: 404px;
	height: 489px;
	float: left;
}
#kidspool-right div.paragraph-title {
	text-align: left;
	margin-top: 57px;
	margin-left: 49px;
}
#kidspool-right #kidspool-pics {
	margin-top: 20px;
	margin-left: 49px;
}
#kidspool-pic1, #kidspool-pic2 {
	font-family: Arial;
	font-size: 10px;
	color: #3e3933;
	text-align: left;
}
#kidspool-pic1 {
	float: left;
	width: 164px;
}
#kidspool-pic2 {
	float: left;
	margin-left: 4px;
	width: 138px;
}
/** Spacious Interior **/
#sp-int-left {
	float: left;
	width: 616px;
}
#sp-int-right {
	background-image: url("images/spacious_interior_text_bg.jpg"); 
	width: 362px;
	height: 489px;
	float: left;
}
#sp-int-right div.paragraph-title {
	text-align: left;
	margin-top: 194px;
	margin-left: 25px;
}
#sp-int-right div.paragraph-content {
	margin: 0 49px 0 25px;
}
/** Quality Finishes **/
#qf-left {
	float: left;
	width: 574px;
}
#qf-right {
	background-image: url("images/quality_finishes_text_bg.jpg"); 
	width: 404px;
	height: 489px;
	float: left;
}
#qf-right div.paragraph-title {
	text-align: left;
	margin-top: 36px;
	margin-left: 49px;
}
#qf-right #qf-pics {
	margin-top: 20px;
	margin-left: 49px;
}
#qf-pic1, #qf-pic2 {
	font-family: Arial;
	font-size: 10px;
	color: #3e3933;
	text-align: left;
}
#qf-pic1 {
	float: left;
	width: 151px;
}
#qf-pic2 {
	float: left;
	margin-left: 4px;
	width: 151px;
}
/** Smart Storage **/
#smart_storage-left {
	float: left;
	width: 574px;
}
#smart_storage-right {
	background-image: url("images/smart_storage_text_bg.jpg"); 
	width: 404px;
	height: 489px;
	float: left;
}
#smart_storage-right div.paragraph-title {
	text-align: left;
	margin-top: 45px;
	margin-left: 49px;
}
#smart_storage-right #smart_storage-pics {
	margin-top: 20px;
	margin-left: 49px;
}
#smart_storage-pic1, #smart_storage-pic2 {
	font-family: Arial;
	font-size: 10px;
	color: #3e3933;
	text-align: left;
}
#smart_storage-pic1 {
	float: left;
	width: 151px;
}
#smart_storage-pic2 {
	float: left;
	margin-left: 4px;
	width: 151px;
}
#smart_storage-line {
	border-bottom: 1px solid #e5ddcd;
	margin: 15px 49px 0px 49px;
}
#smart_storage-instruction {
	font-family: Arial;
	font-size: 9px;
	color: #908a83;
	text-align: left;
	margin: 4px 49px 0 49px;
}
/** Architecture **/
#architecture-left {
	float: left;
	width: 459px;
}
#architecture-right {
	background-image: url("images/architecture_text_bg.jpg"); 
	width: 519px;
	height: 489px;
	float: left;
}
#architecture-right div.paragraph-title {
	text-align: left;
	margin-top: 153px;
	margin-left: 49px;
}
/** Enquiries **/
#enquiries-left {
	float: left;
	width: 612px;
}
#enquiries-content {
	width: 342px;
	float: left;
}
#enquiries-right {
	float: left;
	width: 24px;
}
#architecture-right div.paragraph-title {
	text-align: left;
	margin-top: 153px;
	margin-left: 49px;
}
/** Unit Types **/
#unit_types_content {
	background-image: url(images/unit_types_bg.jpg);
	height: 424px;
	width: 880px;
	padding-top: 65px;
	padding-right: 49px;
	padding-left: 49px;
	background-repeat: no-repeat;
}
#units_table ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.spacer_height_15 {
	height: 15px;
}
#units_table li a:link, #units_table li a:visited, #units_table li a:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3933;
	text-decoration: none;
	width: 100%;
	display: block;
	text-indent: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}
#units_table li a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3933;
	background-color: #e4ded4;
	text-decoration: none;
	width: 100%;
	display: block;
	text-indent: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
/** Project Details **/
#project_details-content {
	padding-right: 59px;
	padding-left: 59px;
	background-image: url(images/project_details_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 50px;
	height: 439px;
}
#project_details-left {
	float: left;
	width: 540px;
}
#project_details-right {
	float: left;
	width: 315px;
	margin-left: 5px;
}
.project_details_table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3933;
	text-align: justify;
}
.project_details_table h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3E3933;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: bold;
}
.project_details_table td {
	padding-top: 5px;
}