* { margin: 0; padding: 0; }
html, body { font: 14px/1.5 "arial"; line-height: 1.5em; text-align: left; color: #666; width: 100%; margin: 0; padding: 0; overflow: hidden;}
body { width: 100%; height: 100%; border-collapse: collapse; }
body, html { height: 100%; width: 100%;  }
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../fonts/robotocondensed-light/robotocondensed-light-webfont.eot');
    src: url('../fonts/robotocondensed-light/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-light/robotocondensed-light-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-light/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-light/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Main CSS */
input { outline: none; }
.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.margin_0 { margin: 0; padding: 0; }
p { margin: 16px 0; }
a { outline none; text-decoration: none; color: #0056ae; }
a:hover { color: #0056ae; }
.line-clear { clear: both; }
.line-clear-height { clear: both; height: 1px; }

.backstretch img {bottom: 0 !important; top: auto !important;}
.microsite-logo{ position: absolute; right: 45px; top: 45px;}
#microsite-menu { float: left; width: 100%; }
#microsite-menu a.menu { height: 29px; float: left; display: block; font-size: 20px; font-weight: normal; color: #fff; text-align: center; padding: 43px 29px 26px 29px; margin-left: 1px; transition: all 0.2s ease-in-out 0s; cursor: pointer; text-transform: uppercase; background: url(../images/menu-bg.png) 0 0 repeat; border-bottom: 2px solid #795747; font-family: 'roboto_condensedlight';  }
#microsite-menu a.menu:first-child { margin-left: 0; }
#microsite-menu a:hover.menu { background: rgba(0, 0, 0, 0.6); text-shadow: 0 0 3px #fff;
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px); }
.close { color: #fff; position: absolute; right: 26px; top: 12px; cursor: pointer; z-index: 20; font-size: 100px; }
#microsite-menu .microsite-content { display: none; font-size: 14px; width: 100%; height: 100%;  padding: 0; background: url(../images/content-bg.png) repeat; color: #fff; left: 0;  min-height: 100%; position: absolute; top: 127px; z-index: 0; }
#wrap-microsite-menu { height: 100%; margin: auto;  position: relative; width: 100%; z-index: 10; }
.content-inner .content { height: 100%; margin: 0 auto; width: 100%; }
.description { overflow: hidden; position: absolute; top: 80px; z-index: 10; height: 69% !important; width: 100%; }
.description img { display: block; border: none; }
.image-center {text-align: center;}



.section { clear: both;	padding: 0;	margin: 0 auto; width: 1000px; position: relative; text-align: justify; line-height: 22px;  }
.section.first { padding-bottom: 41px; }
.section.second { padding-bottom: 48px; }
.section.third { padding-bottom: 48px; }
.section.bottom-line { border-bottom: 1px solid #525252; }
.section h1, .section h2, .section h3, .section h4 { text-align: left; }
.section h1 { color: #bb875f; font-weight: normal; font-size: 31px; margin: 0; line-height: 30px; }
.section h1 span { font-size: 18px; }
.section h1.title { padding-bottom: 45px; } 
.section h1.title-gallery { padding: 45px 0; } 
.section h2 { color: #bb875f; font-weight: bold; font-size: 18px; margin: 7px 0; }
.section h3 { font-weight: bold; font-size: 18px; margin-top: 43px; text-transform: uppercase; color: #bb875f;}
.section h3.video { margin: 0 0 20px 0; }
.section h4 { font-weight: bold; font-size: 18px; margin-top: 45px; color: #bb875f; text-align: center;}
.title-0 { margin: 0; }
.title-1 { margin: 30px 0 !important; }
.title-2 { margin-top: 35px !important; }
.title-3 { padding-top: 35px; clear: both;  }
.title-4 { padding-bottom: 35px; }
.title-5 { margin: 15px 0 !important; }
.title-6 { padding-bottom: 60px !important; }
.title-7 { padding-top: 0; }
.title-8 { margin: 0 0 15px 0 !important; }

img.img-height-1 { padding-top: 15px; }
img.img-height-2 { padding-bottom: 50px; }
img.img-height-3 { padding-top: 30px;  }
img.img-height-4 { margin: 40px 0; }
img.img-height-5 { }


.sub-content-inner { width: 100%; padding-bottom: 60px; }
.sub-content-inner h3 { margin-top: 16px; }
.sub-content-inner h4 { font-size: 16px; font-weight: bold; margin-top: 0;   }
.sub-content-detail { margin-left: 60px; float: left; width: 470px; }
.sub-content-detail p.first { margin-top: 0; }
.sub-content-inner img.left { float: left; }



.section .view-freehold { background: #c4c4c4; color: #333; text-transform: uppercase; font-weight: bold; width: 88px; padding: 4px 0 4px 11px; margin: 35px 0; }

.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 470px; position: relative; }
.col:first-child { margin-left: 0; }
.col { display: block; float: left; padding: 0 0 0 60px; }
.col.first { padding-left: 0; line-height: 26px;}
.span_1_of_2 h1 span { font-size: 12px; color: #9a9a9a; font-weight:normal; }

.video-cover { background: url(../images/video-cover.png) no-repeat; }
.iframe-video { margin: 11px 0 0 9px; }

.about-wrap { clear: both; margin: 25px 0 50px 0; font-size: 12px;  }
.about-wrap .left { margin-left: 170px; }
.about-wrap p.first { margin-top: 0; } 
img.about-thumb { float: left; }

ul.list-1 { margin: 0; padding: 0 10px 0 0; }
.list-1 li { background: url("../images/bullet-1.png") no-repeat scroll left 9px; padding-left: 15px; list-style: none; text-align: left;  }
.list-1 li .list-1-em { font-size: 12px; }
.font-size-12 { font-size: 12px; }

.note { color: #fff; padding: 9px 0 7px 0px; font-size: 12px;  }
.note span { font-weight: bold; }

.past-projects { margin: 0; padding: 0; }
.past-projects li { list-style: none; float: left; padding: 0 0 47px 68px; }
.past-projects li.first { padding-left: 0; }

table { border-collapse: collapse; width: 100%; font-size: 12px; text-align: left; }

table tr td { padding: 3px 0 0px 4px; color: #d3d3d3; text-transform: uppercase; vertical-align: top; line-height: 16px; }
table tr td.special { padding: 7px 0 7px 4px; color: #333; text-transform: none !important; vertical-align: top; line-height: 16px;  }
/*table tr.odd { background: #fff; }
table tr { border-top: 1px solid #283b4b; background: #c7cacd;  }*/
table.tbl_harbour_view_section3 tr td {color: #fff; text-transform: none !important; padding: 0px;}
table tr.harbour_section3 {background: none; border-top: none; }
table tr:first-child { border-top: 0; }
.caption {color: #c29063;}

.unit-type-table { margin-bottom: 31px; }
.unit-type-table thead tr th { font-weight: bold; font-size: 16px; text-transform: uppercase; background: #1c1c1c;  }
.unit-type-table thead tr th.room { width: 25%; color: #a37a37; }
.unit-type-table thead tr th.type { width: 59%; }
.unit-type-table thead tr th.total-units { width: 8%; color: #a37a37; }
.unit-type-table thead tr th.size { width: 8%; }
.unit-type-table tr td, .unit-type-table tr th { border-left: 1px solid #0e1e2b; border-bottom: 1px solid #0e1e2b; padding: 10px; }
.unit-type-table  tr > *:nth-child(3) { text-align: center; }
.unit-type-table  tr > *:nth-child(4) { text-align: center; }

.unit-type-table tr.unit-type-odd { background: #c9ccce; }
.unit-type-table tr.total { background: rgb(28, 28, 28); /* The Fallback */  background: rgba(28, 28, 28, 0.5); font-weight: bold; font-size: 16px; text-transform: uppercase;  }
.unit-type-table tr.total td { color: #a37a37; padding: 18px; border-bottom: 0;  }
.unit-type-table tr.total td:first-child { border-left: none; }
.unit-type-table tr { background: #fff; }

.facilities .second-column-left { float: left; width: 219px; }
.facilities .second-column-right { float: left;  }
img.facilities-img { padding-top: 7px; }

.premium-fittings { margin: 0; padding: 0; }
.premium-fittings li { float: left; list-style: none; width: 290px; padding: 0 0 36px 65px; }
.premium-fittings li:first-child, .premium-fittings li.first { padding-left: 0; }
.premium-fittings li div { font-size: 12px; line-height: 20px;  padding-top: 16px; }

.map { margin: 0; padding: 0; }
.map li { list-style: none; }


.column-1 { width: 40%; }
.column-2 { width: 1%; }
.column-3 { width: 59%; }

.brochure ul { margin: 0; padding: 0; }
.brochure ul li { list-style: none; float: left; padding: 0 0 50px 37px; }
.brochure ul li:first-child, .brochure ul li.first { padding-left: 0; }
.brochure ul li img {  }

ul.diagrammatic { margin: 0; padding: 0; }
ul.diagrammatic li { padding: 15px 0; list-style: none; }
ul.diagrammatic li:first-child { padding-top: 5px; }

.form-content { width: 637px; overflow: hidden; }
.contact-form-inner { margin: 0; padding: 0;  }
.contact-form-inner li { list-style: none; color: #9c9c9c; padding: 5px 0; float: left; overflow: hidden; height: 100%; display: block; line-height: 100%;  }
.contact-form-inner li.one { }
.contact-form-inner li.one span .holder { }

.select-wrapper { float: left; display: inline-block; background: #efefef url("/images/contact-drop.gif") no-repeat 95% 50%; cursor: pointer; }
.select-wrapper, .select-wrapper select { width: 637px; height: 41px; line-height: 22px; }
.select-wrapper .holder { display: block; padding: 9px 5px 14px 17px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative; z-index: 0; color: #9c9c9c; font-size: 13px; line-height: 22px; }
.select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0;
/* CSS hacks for older browsers */
_noFocusLine: expression(this.hideFocus=true); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; }
.select-wrapper option { padding: 9px 5px 14px 17px; background: #efefef; }

.contact-form-inner li.three input { width: 428px; }
.contact-form-inner li.four input { width: 186px; }
.contact-form-inner li.five input { width: 186px; }
.contact-form-inner li.six input { width: 186px; }
.contact-form-inner li.seven input { width: 615px; }
.contact-form-inner li.eight input { width: 615px; }


.contact-form-inner li.three { width: 449px; margin: 0 0 0 8px; } 
.contact-form-inner li.four { width: 207px; margin: 0; } 
.contact-form-inner li.five { width: 207px; margin: 0 0 0 8px; } 
.contact-form-inner li.six { width: 207px; margin: 0 0 0 8px; } 
.contact-form-inner li.seven { width: 637px; margin: 0; } 
.contact-form-inner li.eight { width: 637px; margin: 0; } 
.contact-form-inner li.nine { width: 637px; margin: 0; } 

.contact-form-inner li.one #enquiry { width: 636px; }

.contact-form-inner li.one label.error { width: 617px; }
.contact-form-inner li.two label.error { width: 160px; }
.contact-form-inner li.three label.error { width: 430px; margin: 1px 0 0 0; background: #880000; color: #fff; border: none;  }
.contact-form-inner li.four label.error { width: 188px; margin: 1px 0 0 0; background: #880000; color: #fff; border: none;  }
.contact-form-inner li.five label.error { width: 188px; margin: 1px 0 0 0; background: #880000; color: #fff; border: none;  }
.contact-form-inner li.six label.error { width: 188px; margin: 1px 0 0 0; background: #880000; color: #fff; border: none;  }
.contact-form-inner li.seven label.error { width: 617px; margin: 1px 0 0 0; background: #880000; color: #fff; border: none;  }
.contact-form-inner li.eight label.error { width: 617px; margin: 1px 0 0 0; background: #880000; color: #fff; border: none;  }
.contact-form-inner li.nine label.error { width: 620px; margin: 1px 0 0 0; background: #880000; color: #fff; border: none;  }
.contact-form-inner li.recaptcha label.error { width: 90%; }
.contact-form-inner li.recaptcha input#recaptcha_response_field { width: 90% !important; }
input.submit[type="submit"], input.submit[type="reset"] { background: url("/images/corner_1.png") no-repeat scroll right bottom #282828; float: left; font-size: 14px; height: 26px; line-height: 24px; padding: 0; text-transform: uppercase; width: 125px; cursor: pointer; outline: none; border: none; color: #fff; }
input.submit[type="reset"] { margin-left: 30px; }
input.submit[type="submit"]:hover, input.submit[type="reset"]:hover { color: #fff; border-color: #1b7aa9;  background-color: #239fdb; }



ul.footnote { clear: both; margin: 0; padding: 0; }
ul.footnote li { color: #ba875f; font-size: 13px; float: left; list-style: none; padding: 20px 0 0 25px; }
ul.footnote li:first-child { padding-left: 0; }


#contact-form .contact-form-inner li.two select { width: 180px; border: 1px solid red}

.contact-form-inner li.two .select-wrapper { width: 180px; border: none; }

.contact-form-inner legend { font-weight: bold; }
.contact-form-inner label { display: block; padding: 11px 5px 11px 17px; font-size: 13px; }
.contact-form-inner label span {color: #f00;}
.contact-form-inner .error { padding: 9px; margin: 0; border:1px solid #f00; font-size: 12px; width: 100%; height: 19px;  }
.contact-form-inner input, .contact-form-inner select, .contact-form-inner textarea { padding: 7px 5px 10px 17px; border: none; font-size: 13px; color: #9c9c9c; background: #efefef; line-height: 24px; width: 100%;  }
.contact-form-inner select { height: 24px; }

/*
.click-submission { float: left; }
#submission, .click-submission input { float: left; width: 15px; margin-right: 10px; }
.click-submission .submission { float: left; width: 612px; margin-top: 0; line-height: 18px; clear: none; padding-top: 0; }
#submission-error { float: left; width: 91.6%; }
.click-submission .error { width: 96.8%; }
*/
.submission-note { margin: 0; padding: 0; }
.submission-note li .submission { float: left; width: 610px; margin-top: 0; }
.submission-note li span { float: left; width: 15px; margin-right: 10px;}
.submission-note li label.error { width: 615px; margin: 40px 0 0 0; }

#submission, .click-submission input { float: left; width: 15px; margin-right: 10px; padding: 0; height: auto; }


.ifr-bg { background: url("../images/virtual-tour-frame.png") no-repeat; width: 608px; height: 405px; }
.ifr_resize { width: 588px; height: 385px; padding: 10px;  }
.back-to-main { position: fixed; bottom: -5px; right: 0; cursor: pointer; }


























table#recaptcha_table { width: auto; }
table#recaptcha_table tr { background: #fff; }

.galarry-thumb { margin: 0; padding: 0; }
.galarry-thumb li { list-style: none; float: left; padding: 0 0 13px 13px; position: relative; }
.galarry-thumb li span { position: absolute; right: 7px; bottom: 19px; }
.galarry-thumb li.first { padding-left: 0; }


.ipad-cover { text-align: center; }
.ipad-cover ul { margin: 0; padding: 0; }
.ipad-cover ul li { list-style: none; }



#map_canvas { height: 215px; width: 380px; position: absolute; top: 45px; left: 30px; z-index: 1;  }

a.fancybox-media { color: #62c9ff; font-size: 11px; }
.youtube { text-align: center; padding-top: 9px; }
.youtube img { vertical-align: top; margin: 2px 5px 0 0; }
.gallery ul {  }
.gallery li { list-style: none; margin: 0; padding: 0; }
.gallery li a {  color: #62c9ff; font-size: 11px; }


#wrap-footer { width: 100%; background: #171415; position: absolute; bottom: 0; }
#wrap-footer-inner { width: 1152px; margin: 0 auto; padding: 5px 0 0 0; height: 23px; font-size: 11px; position: relative; z-index: 50; }
#wrap-footer-inner div.left { float: left; width: 350px; }
#wrap-footer-inner div.right { float: right; }
#wrap-footer-inner div a { color: #007cc3; }





/*reset*/
/*Harbour View Gardens*/
#harbourviewgardens #microsite-menu a.menu { background: url(../images/harbourViewGardens-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #03999a; }
#harbourviewgardens #microsite-menu .microsite-content { background: url(../images/harbourViewGardens-content-bg.png) repeat;  }
#harbourviewgardens #microsite-menu a:hover.menu { background: #31cac7; }
#harbourviewgardens h1 { color: #33cccc; }
#harbourviewgardens h2 { color: #acacac; }
#harbourviewgardens .unit-type-table thead tr th { background: #c3d8d7; }
#harbourviewgardens .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); }
#harbourviewgardens .list-1 li { background: url("../images/trilive-bullet-1.png") no-repeat scroll left 9px; }
#harbourviewgardens p.clear-top { margin: 0 0 16px 0; }

/*Trilive*/
#thenavian #microsite-menu a.menu { background: url(../images/thenavian-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #123c75; }
#thenavian #microsite-menu .microsite-content { background: url(../images/trilive-content-bg.png) repeat;  }
#thenavian #microsite-menu a:hover.menu { background: #ef6617; }
#thenavian h1 { color: #f5821f; }
#thenavian h2 { color: #acacac; }
#thenavian .unit-type-table thead tr th { background: #53430f; }
#thenavian .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(177, 170, 115, 0.5); }
#thenavian .list-1 li { background: url("../images/trilive-bullet-1.png") no-repeat scroll left 9px; }
#thenavian p.clear-top { margin: 0 0 16px 0; }

/*Trilive*/
#trilive #microsite-menu a.menu { background: url(../images/trilive-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #f5821f; }
#trilive #microsite-menu .microsite-content { background: url(../images/trilive-content-bg.png) repeat;  }
#trilive #microsite-menu a:hover.menu { background: #271f0d; }
#trilive h1 { color: #f5821f; }
#trilive h2 { color: #c2bb82; }
#trilive .unit-type-table thead tr th { background: #53430f; }
#trilive .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(177, 170, 115, 0.5); }
#trilive .list-1 li { background: url("../images/trilive-bullet-1.png") no-repeat scroll left 9px; }

/*Sunnyvale*/
#sunnyvale-residences #microsite-menu a.menu { background: url(../images/sunnyvale-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #f2eae1; }
#sunnyvale-residences #microsite-menu .microsite-content { background: url(../images/sunnyvale-content-bg.png) repeat;  }
#sunnyvale-residences #microsite-menu a:hover.menu { background: #82756c; }
#sunnyvale-residences h1 { color: #fffe83; }
#sunnyvale-residences h2 { color: #fafacf; }
#sunnyvale-residences .unit-type-table thead tr th { background: #826045; }
#sunnyvale-residences .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(196, 161, 134, 0.5); }
#sunnyvale-residences .list-1 li { background: url("../images/sunnyvale-bullet-1.png") no-repeat scroll left 9px; }

/*Liv On Wilkie*/
#liv-on-wilkie #microsite-menu a.menu { background: url(../images/liv-on-wilkie-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #544c41; }
#liv-on-wilkie #microsite-menu .microsite-content { background: url(../images/liv-on-wilkie-content-bg.png) repeat;  }
#liv-on-wilkie #microsite-menu a:hover.menu { background: #d4a351; }
#liv-on-wilkie h1 { color: #d4a351; }
#liv-on-wilkie h2 { color: #dccaac; }
#liv-on-wilkie .unit-type-table thead tr th { background: #595959; }
#liv-on-wilkie .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(212, 163, 81, 0.5); }
#liv-on-wilkie .list-1 li { background: url("../images/liv-on-wilkie-bullet-1.png") no-repeat scroll left 9px; }

/*Whitehaven*/
#whitehaven .unit-type-table thead tr th { background: #95b3d7; }

/*jade Residences*/
#jade-residences #microsite-menu a.menu { background: url(../images/jade-residences-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #d5ec78; }
#jade-residences #microsite-menu .microsite-content { background: url(../images/jade-residences-content-bg.png) repeat;  }
#jade-residences #microsite-menu a:hover.menu { background: #6d6e71; }
#jade-residences h1 { color: #d5ec78; }
#jade-residences h2 { color: #f0f8d1; }
#jade-residences .unit-type-table thead tr th { background: #b2cc47; }
#jade-residences .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(166, 166, 166, 0.5); }
#jade-residences .list-1 li { background: url("../images/jade-residences-bullet-1.png") no-repeat scroll left 9px; }

/*EON SHENTON*/
#eon-shenton #microsite-menu a.menu { background: url(../images/eon-shenton-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #9edff1; }
#eon-shenton #microsite-menu .microsite-content { background: url(../images/eon-shenton-content-bg.png) repeat;  }
#eon-shenton #microsite-menu a:hover.menu { background: #3992cc; }
#eon-shenton h1 { color: #9edff1; }
#eon-shenton h2 { color: #bacdd9; }
#eon-shenton .unit-type-table thead tr th { background: #3992cc; }
#eon-shenton .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(145, 172, 189, 0.5); }

/*Liv On Sophia*/
#liv-on-sophia #microsite-menu a.menu { background: url(../images/liv-on-sophia-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #d1beaf; }
#liv-on-sophia #microsite-menu .microsite-content { background: url(../images/liv-on-sophia-content-bg.png) repeat;  }
#liv-on-sophia #microsite-menu a:hover.menu { background: #4a3d39; }
#liv-on-sophia h1 { color: #f3791f; }
#liv-on-sophia h2 { color: #ffc498; }
#liv-on-sophia .unit-type-table thead tr th { background: #f3791f; }
#liv-on-sophia .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(247, 192, 151, 0.7); }
#liv-on-sophia .list-1 li { background: url("../images/liv-on-sophia-bullet-1.png") no-repeat scroll left 9px; }

/*Spottiswoode 18 */
#spottiswoode-18 #microsite-menu a.menu { background: url(../images/spottiswoode-18-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #a7cf45; }
#spottiswoode-18 #microsite-menu .microsite-content { background: url(../images/spottiswoode-18-content-bg.png) repeat;  }
#spottiswoode-18 #microsite-menu a:hover.menu { background: #231f20; }
#spottiswoode-18 h1 { color: #1fb2de; }
#spottiswoode-18 h2 { color: #a7cf45; }
#spottiswoode-18 .unit-type-table thead tr th { background: #1fb2de; }
#spottiswoode-18 .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(167, 207, 69, 0.7); }

/*Natura Hillview*/
#natura-hillview #microsite-menu a.menu { background: url(../images/natura-hillview-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #341b05; }
#natura-hillview #microsite-menu .microsite-content { background: url(../images/natura-hillview-content-bg.png) repeat;  }
#natura-hillview #microsite-menu a:hover.menu { background: #8a6c45; }
#natura-hillview h1 { color: #3e7c22; }
#natura-hillview h2 { color: #a2d08d; }
#natura-hillview .unit-type-table thead tr th { background: #579233; }
#natura-hillview .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(78, 103, 65, 0.7); }
#natura-hillview .list-1 li { background: url("../images/natura-hillview-bullet-1.png") no-repeat scroll left 9px; }

/*The MKZ*/
#the-mkz #microsite-menu a.menu { background: url(../images/the-mkz-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #d70563; }
#the-mkz #microsite-menu .microsite-content { background: url(../images/the-mkz-content-bg.png) repeat;  }
#the-mkz #microsite-menu a:hover.menu { background: #58595a; }
#the-mkz h1 { color: #d70563; }
#the-mkz h2 { color: #fcdedf; }
#the-mkz .unit-type-table thead tr th { background: #e85083; }
#the-mkz .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(237, 172, 174, 0.7); }
#the-mkz .list-1 li { background: url("../images/natura-hillview-bullet-1.png") no-repeat scroll left 9px; }

/*Treescape*/
#treescape #microsite-menu a.menu { background: url(../images/treescape-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #e4d6be; }
#treescape #microsite-menu .microsite-content { background: url(../images/treescape-content-bg.png) repeat;  }
#treescape #microsite-menu a:hover.menu { background: #716558; }
#treescape h1 { color: #468b1f; }
#treescape h2 { color: #cbda2c; }
#treescape .unit-type-table thead tr th { background: #58873d; }
#treescape .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(180, 193, 40, 0.7); }

/*Space Kovan*/
#space-kovan #microsite-menu a.menu { background: url(../images/space-kovan-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #bed973; }
#space-kovan #microsite-menu .microsite-content { background: url(../images/space-kovan-content-bg.png) repeat;  }
#space-kovan #microsite-menu a:hover.menu { background: #a5cd38; }
#space-kovan h1 { color: #ec1b24; }
#space-kovan h2 { color: #00b8f1; }
#space-kovan .unit-type-table thead tr th { background: #a5cd38; }
#space-kovan .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(134, 136, 138, 0.7); }

/*Straits Residences*/
#straits-residences #microsite-menu a.menu { background: url(../images/straits-residences-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #e59019; }
#straits-residences #microsite-menu .microsite-content { background: url(../images/straits-residences-content-bg.png) repeat;  }
#straits-residences #microsite-menu a:hover.menu { background: #ccc5a6; }
#straits-residences h1 { color: #e59019; }
#straits-residences h2 { color: #ccc5a6; }
#straits-residences .unit-type-table thead tr th { background: #b4ab9a; }
#straits-residences .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(172, 175, 178, 0.7); }

/*Studios Tembeling*/
#studios-tembeling #microsite-menu a.menu { background: url(../images/studios-tembeling-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #eae3e9; }
#studios-tembeling #microsite-menu .microsite-content { background: url(../images/studios-tembeling-content-bg.png) repeat;  }
#studios-tembeling #microsite-menu a:hover.menu { background: #922e8e; }
#studios-tembeling h1 { color: #a535a0; }
#studios-tembeling h2 { color: #c2abbf; }
#studios-tembeling .unit-type-table thead tr th { background: #a582a1; }
#studios-tembeling .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(175, 182, 187, 0.7); }
#studios-tembeling .list-1 li { background: url("../images/studios-tembeling-bullet-1.png") no-repeat scroll left 9px; }

/*Haig 162*/
#haig-162 #microsite-menu a.menu { background: url(../images/haig-162-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #e59019; }
#haig-162 #microsite-menu .microsite-content { background: url(../images/haig-162-content-bg.png) repeat;  }
#haig-162 #microsite-menu a:hover.menu { background: #e59019; }
#haig-162 h1 { color: #e59019; }
#haig-162 h2 { color: #ffffff; }
#haig-162 .unit-type-table thead tr th { background: #6b6f72; }
#haig-162 .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(141, 145, 148, 0.7); }

/*Centropod Changi*/
#centropod-changi #microsite-menu a.menu { background: url(../images/centropod-changi-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #95cb45; }
#centropod-changi #microsite-menu .microsite-content { background: url(../images/centropod-changi-content-bg.png) repeat;  }
#centropod-changi #microsite-menu a:hover.menu { background: #4775be; }
#centropod-changi h1 { color: #2f71d8; }
#centropod-changi h2 { color: #95cb45; }
#centropod-changi .unit-type-table thead tr th { background: #95cb45; }
#centropod-changi .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(141, 145, 148, 0.7); }

/*Wis Changi*/
#wis-changi #microsite-menu a.menu { background: url(../images/centropod-changi-menu-bg.png) 0 0 repeat; border-bottom: 2px solid #95cb45; }
#wis-changi #microsite-menu .microsite-content { background: url(../images/centropod-changi-content-bg.png) repeat;  }
#wis-changi #microsite-menu a:hover.menu { background: #4775be; }
#wis-changi h1 { color: #2f71d8; }
#wis-changi h2 { color: #95cb45; }
#wis-changi .unit-type-table thead tr th { background: #f55a1f; }
#wis-changi .unit-type-table tr.total { background: none repeat scroll 0 0 rgba(149, 203, 69, 0.7); }