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


/* old font embed
@font-face {
	font-family: 'OzoneX';
    src: url('../fonts/DB_Ozone_X.ttf');
    src: url('../fonts/DB_Ozone_X.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DB_Ozone_X.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'OzoneXLight';
    src: url('../fonts/DBOzoneX-Light.eot');
    src: url('../fonts/DBOzoneX-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DBOzoneX-Light.woff') format('woff'),
         url('../fonts/DBOzoneX-Light.ttf') format('truetype'),
         url('../fonts/DBOzoneX-Light.svg#OzoneXLight') format('svg');
    font-weight: normal;
    font-style: normal;
	}
*/


@font-face {
    font-family: 'OZoneX';
    src: url('fonts/db_ozone_x_med-webfont.eot');
    src: url('fonts/db_ozone_x_med-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/db_ozone_x_med-webfont.woff') format('woff'),
         url('fonts/db_ozone_x_med-webfont.ttf') format('truetype'),
         url('fonts/db_ozone_x_med-webfont.svg#DBOzoneXMedium') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'OZoneXLight';
    src: url('fonts/db_ozone_x_li-webfont.eot');
    src: url('fonts/db_ozone_x_li-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/db_ozone_x_li-webfont.woff') format('woff'),
         url('fonts/db_ozone_x_li-webfont.ttf') format('truetype'),
         url('fonts/db_ozone_x_li-webfont.svg#DBOzoneXLight') format('svg');
    font-weight: normal;
    font-style: normal;
	}


@font-face {
    font-family: 'QuicksandBook';
    src: url('fonts/quicksand/Quicksand_Book-webfont.eot');
    src: url('fonts/quicksand/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand/Quicksand_Book-webfont.woff') format('woff'),
         url('fonts/quicksand/Quicksand_Book-webfont.ttf') format('truetype'),
         url('fonts/quicksand/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    /*
font-weight: normal;
    font-style: normal;
*/
	}
@font-face {
    font-family: 'QuicksandLight';
    src: url('fonts/quicksand/Quicksand_Light-webfont.eot');
    src: url('fonts/quicksand/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand/Quicksand_Light-webfont.woff') format('woff'),
         url('fonts/quicksand/Quicksand_Light-webfont.ttf') format('truetype'),
         url('fonts/quicksand/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    /*
font-weight: normal;
    font-style: normal;
*/
	}
@font-face {
    font-family: 'QuicksandBold';
    src: url('fonts/quicksand/Quicksand_Bold-webfont.eot');
    src: url('fonts/quicksand/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand/Quicksand_Bold-webfont.woff') format('woff'),
         url('fonts/quicksand/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('fonts/quicksand/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    /*
font-weight: normal;
    font-style: normal;
*/
	}




* {margin:0;padding:0;}

HTML {
	height: 100%;
	min-height: 100%;
	}
BODY {
	position: relative;
	font-family: Helvetica, Arial, Verdana, "Lucida Grande";
	height: 100%;
	min-height: 100%;
	}

/** header */
H1 {font-size:1.6em;}
H2 {font-size:1.5em;}
H3 {font-size:1.3em;}
H4 {font-size:1.1em;}
H5 {font-size:1em;}
H6 {font-size:0.8em;}

/** image */
IMG {border: none;}

/** link */
A {
	text-decoration: none;
	outline: none;
	color: #2bb4ea;
	}
/* A:hover {text-decoration: underline;} */

/** form */
FIELDSET {border:0;}
SELECT {
	margin:0 0 5px 0;
	background:#fff;
	border:solid 1px #999;
	}
SELECT OPTION {padding:1px;}

/** list and table */
LI {list-style-type:none;}
DT {font-weight:bold;}
/* TABLE {border-collapse:collapse;} */






/**----------------------------------------------------------------------
* Common Selector
* ---------------------------------------------------------------------*/
BODY {background: url(/images/body-bg.png);}



/* Wrapper ----------------------------------------*/
#wrapper {
	position: relative;
	float: none;
	margin: auto;
	/*
width: auto !important;
	max-width: 1200px;
	width: 1200px;
*/
	width: 1200px;
	}

/* wrapper-align --------------- */
.wrapper-align:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.wrapper-align {display: inline-block;}
* html .wrapper-align {height: 1%;}
.wrapper-align {display: block;} /* End clearfix */
.wrapper-align {
	position: relative;
	float: none;
	margin: auto;
	width: 1000px;
	}
	
/* popup --------------- */
.popup-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/images/popup-bg.png);
	z-index: 10000;
	}
.popup-wrapper .bg-close-area {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}
	
.popup-wrapper .contact-block {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -250px;
	width: 500px;
	height: 450px;
	background: url(/images/contactform/bg.jpg) no-repeat;
	}
.popup-wrapper .contact-block A.close-btn {
	display: block;
	position: absolute;
	top: 7px;
	right: 8px;
	width: 20px;
	height: 20px;
	}
	
	
/* Icon list ------------------- */
.icon-list:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.icon-list {display: inline-block;}
* html #container .icon-list {height: 1%;}
.icon-list {display: block;} /* End clearfix */
.icon-list LI,
.icon-item {
	position: relative;
	float: left;
	margin: 0 5px 8px 0;
	width: 60px;
	height: 60px;
	background: url(/images/container/icon-bg.png) no-repeat;
	text-align: center;
	}
.icon-list LI SPAN,
.icon-item SPAN {
	display: block;
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	font-family: QuicksandBold;
	line-height: 10px;
	font-size: 10px;
	color: #fff;
	}
.icon-list LI A {
	position: absolute;
	left: 0;
	top: 0;
	}
	
/* float and clearfix --------------- */
.left {
	display: block;
	float: left;
	}
.right {
	display: block;
	float: right;
	}
/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
	
	
/* Header and Navigator -------------------------------------------------*/
#header {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 0 0 0;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	width: 100%;
	background: url(/images/header/nav-bg.png) no-repeat center top;
	z-index: 500;
	}
#header-logo {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 50px;
	
	/** hack for disable word */
	font-size: 0;
	line-height: 0;
	color: #fff;
	}
#header .hotline {
	position: absolute;
	top: -20px;
	right: 10px;
	width: 86px;
	height: 96px;
	background: url(/images/header/hotline.png) no-repeat;
	font-size: 0;
	line-height: 0;
	color: #35b5e4;
	z-index: 1000;
	}
	
/* Navigator ------*/
#nav {
	position: relative;
	padding-left: 180px;
	}
#nav LI {float: left;}
#nav A.topnav {
	display: block;
	padding: 22px 18px 0 18px;
	height: 28px;
	font-family: 'QuicksandBold';
	font-size: 11px;
	letter-spacing: -1px;
	color: #666;
	}
#nav A.topnav.hassub {
	/* padding-right: 33px; */
	padding-right: 25px;
	background: url(/images/header/topnav-hassub.png) no-repeat center right;
	}
#nav A.topnav.hassub:hover {background: url(/images/header/topnav-hassub-hover.png) no-repeat center right;}

/* Nav lvl 1 */
#nav .lvl-fst {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	height: 35px;
	width: 100%;
	background: url(/images/header/nav-lvl1-repeatbg.png);
	}
#nav .lvl-fst DL { padding: 10px 0 10px 0; }
#nav .lvl-fst DT,
#nav .lvl-fst DD {
	float: left;
	font-weight: normal;
	}
#nav .lvl-fst DT {
	margin-right: 10px;
	padding:3px 15px 0 0;
	border-right: solid 1px #7288a0;
	width: 155px;
	text-align: right;
	line-height: 12px;
	font-family: QuicksandBook;
	font-size: 12px;
	color: #7288a0;
	}
#nav .lvl-fst DD A.nav-lvl2,
#nav .lvl-fst DD SPAN.nav-lvl2 {
	display: block;
	padding: 2px 15px;
	font-size: 12px;
	color: #fff;
	}
#nav .lvl-fst DD SPAN.nav-lvl2 { color:#64778c; }
#nav .lvl-fst DD:hover { /* #nav .lvl-fst DD A.nav-lvl2:hover */
	border-bottom: solid 5px #be1919;
	}
#nav .lvl-fst .bottom-bg {
	position: absolute;
	bottom: -30px;
	right: 0;
	height: 30px;
	width: 30px;
	background: url(/images/header/nav-lvl1-bottombg.png) no-repeat;
	}

/* Nav lvl 2 */
#nav-products .lvl-snd {
	display: none;
	position: absolute;
	top: 34px;
	left: 0;
	padding: 0 0 20px 0;
	width: 100%;
	background: url(/images/header/nav-lvl1-repeatbg.png);
	}
#nav-products .lvl-snd .bottom-bg {
	position: absolute;
	bottom: -30px;
	right: 0;
	height: 30px;
	width: 30px;
	background: url(/images/header/nav-lvl1-bottombg.png) no-repeat;
	}
	
#nav-products .project-slider {
	padding: 0 40px;
	background: url(/images/header/nav-lvl2-repeatbg.png);
	}
#nav-products .project-slider .project-slider-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto !important;
	min-height: 230px;
	height: 230px;
	background: url(/images/header/nav-lvl2-logobg.png) repeat-x top;
	}
#nav-products .project-slider .itemlist {
	position: absolute;
	top: 0;
	left: 0;
	height: auto !important;
	min-height: 230px;
	height: 230px;
	width: 9000px;
	}
#nav-products .project-slider .itemlist .item {
	float: left;
	margin: 0 10px;
	width: 210px;
	}
#nav-products .lvl-snd .itemlist P {
	padding: 10px 0 20px 0;
	text-align: center;
	}
#nav-products .lvl-snd .itemlist LI {
	margin: 0 0 5px 0;
	font-family: OZoneXLight;
	font-size: 18px;
	line-height: 16px;
	text-align: center;
	width: 100%;
	}
#nav-products .lvl-snd .itemlist LI A {color: #003366;}
#nav-products .lvl-snd .itemlist LI A:hover {color: #900;}

#nav-products .lvl-snd A[title=back],
#nav-products .lvl-snd A[title=next] {
	display: block;
	position: absolute;
	top: 0;
	width: 30px;
	height: 190px;
	background: url(/images/header/project-btn.png) no-repeat;
	}
#nav-products .lvl-snd A[title=back] {left: 10px;}
#nav-products .lvl-snd A[title=next] {
	right: 10px;
	background-position: -30px 0;
	}
	
/* uniloft slide */
#nav-products .uniloft {
	padding: 10px 40px;
	background: url(/images/header/nav-lvl2-repeatbg.png);
	text-align: center;
	}
	
	

/* Submenu by project -------------------------------------------------*/
#sub-project-nav {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	background: url(/images/icondo/submenu-bg.png) no-repeat center top;
	z-index: 100;
	}
#sub-project-nav .submenu {padding: 100px 0 0 50px;}
#sub-project-nav H1,
#sub-project-nav H2 {
	position: absolute;
	right: 100px;
	width: 250px;
	text-align: right;
	color: #fff;
	}
#sub-project-nav H1 {
	top: 30px;
	font-family: QuicksandLight;
	font-size: 36px;
	line-height: 36px;
	}
#sub-project-nav H2 {
	padding-right: 5px;
	font-family: OZoneXLight;
	top: 60px;
	font-size: 30px;
	line-height: 30px;
	}
#sub-project-nav .submenu LI {float: left;}
#sub-project-nav .submenu LI A[rel=topnav] {
	display: block;
	width: 100px;
	height: 26px;
	background: url(/images/icondo/submenu.png) no-repeat;
	font-size: 0;
	line-height: 0;
	color: #000;
	}
#sub-project-nav .submenu LI A[title=OVERVIEW] {width: 96px; background-position: 0 0;}
#sub-project-nav .submenu LI A[title=LOCATION] {width: 95px; background-position: -96px 0;}
#sub-project-nav .submenu LI A[title=FACILITIES] {width: 92px; background-position: -191px 0;}
#sub-project-nav .submenu LI A[title="PROJECT HIGHLIGHT"] {width: 158px; background-position: -283px 0;}
#sub-project-nav .submenu LI A[title=GALLERY] {width: 85px; background-position: -441px 0;}
#sub-project-nav .submenu LI A[title="UNIT TYPE"] {width: 95px; background-position: -526px 0;}
/*#sub-project-nav .submenu LI A[title="BETTER DEAL"] {width: 123px; background-position: -621px 0;}*/
#sub-project-nav .submenu LI A[title="BETTER DEAL"] {width: 100px; background-position: -300px 0;}
#sub-project-nav .submenu LI A[title="PROJECT PROGRESS"] {width: 156px; background-position: -744px 0;}

#sub-project-nav .submenu LI A:hover,
#sub-project-nav .submenu LI A.current {color: #ab1e3c;}
#sub-project-nav .submenu LI A[title=OVERVIEW]:hover,
#sub-project-nav .submenu LI A[title=OVERVIEW].current {width: 96px; background-position: 0 -26px;}
#sub-project-nav .submenu LI A[title=LOCATION]:hover,
#sub-project-nav .submenu LI A[title=LOCATION].current {width: 95px; background-position: -96px -26px;}
#sub-project-nav .submenu LI A[title=FACILITIES]:hover,
#sub-project-nav .submenu LI A[title=FACILITIES].current {width: 92px; background-position: -191px -26px;}
#sub-project-nav .submenu LI A[title="PROJECT HIGHLIGHT"]:hover,
#sub-project-nav .submenu LI A[title="PROJECT HIGHLIGHT"].current {width: 158px; background-position: -283px -26px;}
#sub-project-nav .submenu LI A[title=GALLERY]:hover,
#sub-project-nav .submenu LI A[title=GALLERY].current {width: 85px; background-position: -441px -26px;}
#sub-project-nav .submenu LI A[title="UNIT TYPE"]:hover,
#sub-project-nav .submenu LI A[title="UNIT TYPE"].current {width: 95px; background-position: -526px -26px;}
/*
#sub-project-nav .submenu LI A[title="BETTER DEAL"]:hover,
#sub-project-nav .submenu LI A[title="BETTER DEAL"].current {width: 123px; background-position: -621px -26px;}
*/
#sub-project-nav .submenu LI A[title="BETTER DEAL"]:hover,
#sub-project-nav .submenu LI A[title="BETTER DEAL"].current {width: 100px; background-position: -621px -26px;}
#sub-project-nav .submenu LI A[title="PROJECT PROGRESS"]:hover,
#sub-project-nav .submenu LI A[title="PROJECT PROGRESS"].current {width: 156px; background-position: -744px -26px;}

#sub-project-nav .submenu LI .sub-unit {
	display: none;
	position: absolute;
	bottom: -470px;
	left: 0;
	width: 100%;
	height: 470px;
	background: url(/images/white-tranparency2.png);
	}
#sub-project-nav .submenu LI .sub-unit .left-bg,
#sub-project-nav .submenu LI .sub-unit .right-bg {
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	background: url(/images/white-tranparency2.png);
	}
	


	
	
/* Main banner --------------------------------------------------------*/
#top-banner {
	position: relative;
	height: auto !important;
	min-height: 700px;
	height: 700px;
	background: url(/images/container/header-banner-bg.png);
	}
#top-banner.gallery-bg {
	height: auto !important;
	min-height: 710px;
	height: 710px;
	background: url(/images/container/header-banner-gallery-bg.png);
	}
#top-banner .wrapper-align {height: 100%;}
#top-banner .bottom-bg {
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 100%;
	height: 6px;
	background: url(/images/header/top-banner-footer-bg.jpg) no-repeat center top;
	}
#top-banner .item-list P {
	width: auto !important;
	min-width: 1000px;
	width: 1200px;
	height: 700px;
	}
#top-banner.location-map .item-list P {height: 805px;}
	
/** thumbnail list ----- */
#top-banner P.thumb {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 1000;
	}
	
/** project map ----- */
#project-map {
	position: absolute;
	top: 185px;
	left: 0;
	width: 100%;
	}
#project-map .panel {
	height: 620;
	background: #fff;
	}
#project-map .panel .item {
	display: none;
	width: 100%;
	height: 620px;
	}
#project-map .wrapper-align {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -500px;
	}

/* map detail */
#project-map .map-detail {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 292px;
	}
#project-map .map-detail .itemlist {margin: 0 0 5px 0;}
#project-map .map-detail DIV.detail {
	display: none;
	height: 380px;
	background: url(/images/container/map-detail-bg.png);
	font-family: OZoneXLight;
	color: #ccc;
	}
#project-map .map-detail DIV:first-child {display: block;}
#project-map .map-detail .detail H1 {
	padding: 10px 15px 15px 15px;
	font-size: 28px;
	}
#project-map .map-detail .detail P {
	padding: 0 15px 10px 15px;
	font-size: 22px;
	}
#project-map .map-detail .icon-list {
	padding: 10px 15px;
	height: 130px;
	background: url(/images/container/map-detail-bg.png);
	}
#project-map .map-detail .icon-list LI SPAN {font-size: 8px;}

/* map button */
#project-map .map-btn {
	position: absolute;
	bottom: 65px;
	left: 30px;
	width: 500px;
	height: 70px;
	}
#project-map .map-btn A {
	display: block;
	position: relative;
	float: left;
	margin-right: 5px;
	width: 62px;
	height: 62px;
	}
#project-map .map-btn A.change {background: url(/images/container/map-mode-bg.png) no-repeat;}
#project-map .map-btn A.print,
#project-map .map-btn A.download {background: url(/images/container/icon-bg.png) no-repeat;}
#project-map .map-btn A SPAN {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	text-align: center;
	font-family: QuicksandBook;
	font-size: 9px;
	color: #fff;
	}
#project-map .map-btn .map-control {
	position: relative;
	float: left;
	padding: 5px 10px;
	border: solid 1px #999;
	width: 205px;
	height: 50px;
	background: #fff;
	}
#project-map .map-btn .map-control SPAN {
	display: block;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 8px;
	font-size: 0;
	line-height: 0;
	background: url(/images/container/map-control-bg.png) no-repeat ;
	}
#project-map .map-btn .map-control A {
	display: block;
	float: none;
	margin:0 0 2px 0;
	padding-left: 20px;
	width: auto;
	height: 15px; 
	background: url(/images/container/map-control-icon.png) no-repeat;
	font-size: 13px;
	color: #666;
	}
#project-map .map-btn .map-control A.current,
#project-map .map-btn .map-control A:hover {background-position: 0 -15px;}



/* Footer Content -------------------------------------------------------------*/
#footer-content H2 {
	/* margin-bottom: 5px; */
	font-family: QuicksandBook;
	font-size: 16px;
	color: #888;
	}

/* promotion and sevent -------------------- */
#footer-content .promotion-and-event:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#footer-content .promotion-and-event {display: inline-block;}
* html #footer-content .promotion-and-event {height: 1%;}
#footer-content .promotion-and-event {display: block;} /* End clearfix */
#footer-content .promotion-and-event {margin-bottom: 25px;}
#footer-content .promotion-and-event H2 {
	position: relative;
	padding: 12px 0 0 10px;
	height: 22px;
	background: url(/images/footer/promotion-header-bg.png) no-repeat;
	color: #fff;
	}
#footer-content .promotion-and-event H2 SPAN {
	display: block;
	position: absolute;
	bottom: -12px;
	right: 20px;
	width: 14px;
	height: 12px;
	background: url(/images/footer/promotion-header-extra-bg.png) no-repeat;
	z-index: 200;
	}
#footer-content .promotion {float: left;}
#footer-content .event {float: right;}
#footer-content .promotion-and-event .content-block {
	padding-bottom: 7px;
	width: 490px;
	background: url(/images/footer/promotion-bottom-bg.png) no-repeat bottom;
	}
#footer-content .promotion-and-event .content-block .item {
	position: relative;
	padding: 10px 20px 10px 260px;
	height: 115px;
	background: #fff;
	font-family: OZoneXLight;
	overflow: hidden;
	}
#footer-content .promotion-and-event .event.content-block .item {background: #d5c698;}
#footer-content .promotion-and-event .content-block IMG {
	position: absolute;
	top: 0;
	left: 0;
	}
#footer-content .promotion-and-event .content-block H3 {line-height: 20px;}
#footer-content .promotion-and-event .content-block H3 A {color: #78601c;}
#footer-content .promotion-and-event .content-block P {
	font-size: 18px;
	line-height: 16px;
	color: #78601c;
	}
#footer-content .promotion-and-event .content-block P.content-date {
	margin: 0 0 5px 0;
	font-size: 20px;
	font-weight: bold;
	color: #b5a163;
	}
#footer-content .promotion-and-event .event .date {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 15px 5px 10px 5px;
	width: 68px;
	height: 40px;
	background: #78601c;
	text-align: center;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	}
#footer-content .promotion-and-event .event .date EM {
	display: block;
	font-family: QuicksandBook;
	font-size: 40px;
	line-height: 30px;
	font-style: normal;
	}


/* relate and recent -------------------- */
#footer-content .relate-and-recent:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#footer-content .relate-and-recent {display: inline-block;}
* html #footer-content .relate-and-recent {height: 1%;}
#footer-content .relate-and-recent {display: block;} /* End clearfix */
#footer-content .relate-and-recent {margin-bottom: 25px;}
#footer-content .relate-and-recent H2 {
	padding: 10px 10px 5px 10px;
	border-bottom: solid 3px #c8c4b1;
	background: url(/images/footer/relate-header-bg.png);
	color: #333;
	}

/* relate house ------ */
#footer-content .relate-and-recent .relate-house {
	float: left;
	padding-bottom: 6px;
	width: 678px;
	background: url(/images/footer/relate-bottom-bg.png) no-repeat bottom;
	}
#footer-content .relate-and-recent .relate-item {
	padding-top: 5px;
	border-bottom: solid 1px #d9d7cf;
	overflow: hidden;
	}

/* Mask */
#footer-content .relate-and-recent .item-mask {
	position: relative;
	height: 209px;
	overflow: hidden;
	}
#footer-content .relate-and-recent .item-mask UL:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#footer-content .relate-and-recent .item-mask UL {display: inline-block;}
* html #footer-content .relate-and-recent .item-mask UL {height: 1%;}
#footer-content .relate-and-recent .item-mask UL {display: block;} /* End clearfix */
#footer-content .relate-and-recent .item-mask UL {
	position: absolute;
	top: 0;
	left: 0;
	width: 9000px;
	}
#footer-content .relate-and-recent .relate-item LI {
	float: left;
	margin-right: 10px;
	width: 222px;
	height: 205px;
	background: #d3d8cc;
	font-family: OZoneXLight;
	}
#footer-content .relate-and-recent .relate-item LI * {color: #fff;}
#footer-content .relate-and-recent .relate-item IMG {
	display: block;
	}
#footer-content .relate-and-recent .relate-item H3 {
	padding: 0 10px;
	background: #b2bba6;
	font-size: 24px;
	}
#footer-content .relate-and-recent .relate-item H4 {
	padding: 5px 10px 0 10px;
	border-bottom: solid 1px #fff;
	background: #b2bba6;
	font-size: 20px;
	}
#footer-content .relate-and-recent .relate-item H4 SPAN {
	display: block;
	font-size: 16px;
	line-height: 8px;
	}
#footer-content .relate-and-recent .relate-item H4 EM {
	padding-right: 5px;
	font-size: 30px;
	font-style: normal;
	}
#footer-content .relate-and-recent .relate-item P {
	padding: 5px 10px;
	font-size: 18px;
	line-height: 14px;
	color: #333;
	}
#footer-content .relate-and-recent .relate-item LI:nth-child(2n) {background: #33465b;}
#footer-content .relate-and-recent .relate-item LI:nth-child(2n) H3,
#footer-content .relate-and-recent .relate-item LI:nth-child(2n) H4 {background: #242021;}
#footer-content .relate-and-recent .relate-item LI:nth-child(2n) P {color: #fff;}
#footer-content .relate-and-recent .relate-item LI:nth-child(3n) {background: #bfdf6c;}
#footer-content .relate-and-recent .relate-item LI:nth-child(3n) H3,
#footer-content .relate-and-recent .relate-item LI:nth-child(3n) H4 {background: #99dcd9;}

/* Page Number */
#footer-content .relate-and-recent P.page-number {
	padding: 5px 10px;
	text-align: right;
	background: url(/images/footer/relate-pnum-bg.png);
	}
#footer-content .relate-and-recent P.page-number SPAN {position: relative;}
#footer-content .relate-and-recent P.page-number EM { 
	position: absolute;
	top: -6px;
	left: -25px;
	display: block;
	padding-right: 20px;
	height: 16px;
	background: url(/images/footer/offer-pnum-icon.png) no-repeat top left;
	}
#footer-content .relate-and-recent P.page-number A {
	display: inline-block;
	margin: -1px 1px;
	width: 13px;
	height: 13px;
	font-size: 14px;
	color: #666;
	}
#footer-content .relate-and-recent P.page-number A.current {color: #5393cb;}
#footer-content .relate-and-recent P.page-number A.prev,
#footer-content .relate-and-recent P.page-number A.next {background: url(/images/footer/offer-page-icon.png) no-repeat center left;}
#footer-content .relate-and-recent P.page-number A.next {background-position: -13px 0;}

/* recent view ------ */
#footer-content .relate-and-recent .recent-view {
	float: right;
	padding-bottom: 8px;
	width: 302px;
	background: url(/images/footer/recent-bottom-bg.png) no-repeat bottom;
	}
#footer-content .relate-and-recent .recent-view LI {
	position: relative;
	padding: 5px 0 6px 145px;
	border-top: solid 1px #d9d7cf;
	height: 95px;
	font-family: OZoneXLight;
	}
#footer-content .relate-and-recent .recent-view LI IMG {
	position: absolute;
	top: 5px;
	left: 0;
	}
#footer-content .relate-and-recent .recent-view LI H3 {
	font-size: 20px;
	color: #a9935f;
	}
#footer-content .relate-and-recent .recent-view LI H4 {
	margin-top: -5px;
	font-size: 18px;
	color: #a9935f;
	}
#footer-content .relate-and-recent .recent-view LI H4 EM {
	padding-right: 5px;
	font-size: 30px;
	font-style: normal;
	}
#footer-content .relate-and-recent .recent-view LI P {
	font-size: 16px;
	font-weight: bold;
	line-height: 12px;
	color: #a9935f;
	}
#footer-content .relate-and-recent .recent-view LI:first-child H3,
#footer-content .relate-and-recent .recent-view LI:first-child H4,
#footer-content .relate-and-recent .recent-view LI:first-child P {color: #78b3d9;}
#footer-content .relate-and-recent .recent-view LI P.area {
	margin: -5px 0 8px 0;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	}

/* View all */
#footer-content .relate-and-recent .recent-view P.view-all {
	position: relative;
	padding: 3px 8px 5px 0;
	border-top: solid 1px #d9d7cf;
	text-align: right;
	background: url(/images/footer/relate-pnum-bg.png);
	}
#footer-content .relate-and-recent .recent-view P.view-all EM { 
	position: absolute;
	top: -1px;
	right: 90px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(/images/footer/offer-pnum-icon.png) no-repeat top left;
	}
#footer-content .relate-and-recent .recent-view P.view-all A {
	display: inline-block;
	margin: -1px 1px;
	padding: 3px 18px 0 0;
	font-family: QuicksandBook;
	font-size: 12px;
	color: #666;
	background: url(/images/footer/relate-pnum-icon.png) right no-repeat;
	}

	
	
	

/* Footer -------------------------------------------------------------*/
#footer {
	padding: 0 0 50px 0;
	height: auto !important;
	min-height: 300px;
	height: 300px;
	background: url(/images/footer-bg.png);
	min-width: 1200px;
	}
#footer .wrapper-align {
	padding: 20px 0;
	width: 925px;
	}
#footer A {color: #7c7c74; }

/* sitemap -------- */
#footer .sitemap:after {/** clearfix */
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#footer .sitemap {display: inline-block;}
* html #footer .sitemap {height: 1%;}
#footer .sitemap {display: block;} /** \clearfix*/
#footer .sitemap {margin-bottom: 20px;}
#footer .sitemap .col {
	float: left;
	margin: 0 13px;
	padding: 15px 0 0 0;
	border-top: solid 1px #999;
	width: 130px;
	}
#footer .sitemap H3 {
	margin: 0 0 20px 0;
	font-family: QuicksandBook;
	font-size: 14px;
	/* font-weight: normal; */
	letter-spacing: -1px;
	color: #000;
	}
#footer .sitemap DL {
	margin: 0 0 20px 0;
	font-size: 13px;
	}
#footer .sitemap DT,
#footer .sitemap DD A {color: #7c7c74;}
#footer .sitemap DT {
	font-family: QuicksandBook;
	font-weight: bold;
	font-size: 14px;
	}
#footer .sitemap DD {
	font-family: OZoneXLight;
	font-size: 18px;
	/* font-weight: 100; */
	/* font-weight: bold; */ 
	}

#footer .sitemap .one {
	margin: 0 13px 0 0;
	width: 185px;
	}
#footer .sitemap .four {margin: 0 0 0 13px;}
#footer .sitemap .four P {
	font-size: 0;
	line-height: 0;
	}
#footer .sitemap .five {
	float: right;
	margin: 0;
	width: 250px;
	}
#footer .sitemap .five P {
	clear: both;
	margin: 0 0 5px 0;
	font-size: 13px;
	color: #7c7c74;
	}
#footer .sitemap .five INPUT {
	float: left;
	margin: 0 0 8px 0;
	}
#footer .sitemap .five INPUT[type=text] {
	padding: 5px 3px 6px 3px;
	border: none;
	width: 143px;
	background: url(/images/footer/subscribe-email-bg.png) no-repeat ;
	}



/* project -------- */
#footer .project-list {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0 15px;
	height: 50px;
	background: #c7c7bd;
	}
#footer .project-list .itemlist {
	position: relative;
	width: 100%;
	height: 50px;
	overflow: hidden;
	}
#footer .project-list .itemlist UL {
	position: absolute;
	top: 0;
	left: 0;
	width: 9000px;
	height: 50px;
	}
#footer .project-list .itemlist UL LI {
	float: left;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}
#footer .project-list A[title=back],
#footer .project-list A[title=next] {
	display: block;
	position: absolute;
	top: 15px;
	width: 10px;
	height: 20px;
	background: url(/images/footer/project-btn.png) no-repeat;
	}
#footer .project-list A[title=back] {left: 2px;}
#footer .project-list A[title=next] {
	right: 2px;
	background-position: -10px 0;
	}

	
/* copyright ------ */
#footer ADDRESS {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	color: #7c7c74;
	}
#footer ADDRESS STRONG {
	font-size: 15px;
	/* font-weight: normal; */
	color: #333;
	}
#footer ADDRESS EM {
	font-size: 24px;
	font-style: normal;
	color: #6ab7e3;
	}
#footer ADDRESS SPAN {
	display: block;
	float: right;
	margin: 10px 0 0 0;
	line-height: 12px;
	}
#footer ADDRESS A {
	border-left: solid 1px #7c7c74;
	padding-left:10px;
	}
#footer ADDRESS A:first-child {
	padding: 0 10px 0 0;
	border: none;
	}









/* Container ----------------------------------------------------------*/
#container {
	position: relative;
	margin: -80px 0 0 0;
	padding: 0;
	}
#container .bottom-bg {
	position: absolute;
	bottom: -18px;
	left: 0;
	width: 100%;
	height: 18px;
	background: url(/images/container/main-footer-bg.png) no-repeat;
	z-index: 100;
	}

/** Common selector ----------------- */
	
/* Contact Item ---- */
/* contact */
#container .main .contact {
	float: right;
	width: 242px;
	}
#container .main .contact P {
	width: 242px;
	background: url(/images/container/main-contact-bg.png) no-repeat;
	}
#container .main .contact P A {
	display: block;
	padding-left: 5px;
	width: 127px;
	height: 60px;
	line-height: 0;
	font-size: 0;
	color: #016096
	}
	
	
/** Main block ------------------- */
#container .main {padding: 60px 0 0 0;}
#container .main .wrapper-align {
	height: auto !important;
	min-height: 150px;
	height: 150px;
	}
#container .main H1,
#container .main H2,
#container .main H3,
#container .main H4 {font-family: OZoneXLight;}
#container .main H1 {font-size: 48px;}
#container .main H2 {
	margin: -5px 0 15px 0;
	font-size: 30px;
	color: #016096;
	}
#container .main H3 {
	margin: 0 0 5px 0;
	font-size: 24px;
	color: #016096;
	}
#container .main H4 {
	margin: -5px 0 10px 0;
	font-size: 20px;
	color: #fff;
	}
#container .main P {
	font-family: OZoneXLight;
	font-size: 22px;
	line-height: 22px;
	color: #333;
	}

/* Left --- */
#container .main .left {
	margin: 0 0 30px 65px;
	width: 550px;
	}
#container .main .overview-icon:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#container .main .overview-icon {display: inline-block;}
* html #container .main .overview-icon {height: 1%;}
#container .main .overview-icon {display: block;} /* End clearfix */
#container .main .overview-icon {margin: 30px 0 0 0;}

/* facilities-icon */
#container .main .facilities-icon {
	float: left;
	width: 252px;
	}
#container .main .icon-list LI {margin: 0 3px 30px 0;}
#container .main .icon-list LI SPAN {
	bottom: -25px;
	height: 20px;
	color: #333;
	}
	
/** Right --- */
#container .main .right {
	margin: 35px 60px 20px 0;
	width: 242px;
	}
#container .main .right H2 {
	margin: 0;
	font-size: 30px;
	}
#container .main .contact.right H2 {margin: 0 0 10px 0;}
#container .main .right H3 {
	margin: -10px 0 15px 0;
	font-size: 30px;/* 40% */
	}
#container .main .right P {
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	}



/** Detail ------------------- */
#container .detail:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#container .detail {display: inline-block;}
* html #container .detail {height: 1%;}
#container .detail {display: block;} /* End clearfix */
#container .detail {
	position: relative;
	height: auto !important;
	min-height: 200px;
	height: 200px;
	background: url(/images/icondo/detail-bg.png);
	}
	
/* overview-detail --- */
#container .overview-detail {
	padding: 30px 0 40px 40px;
	height: auto;
	}
#container .overview-detail .column {
	float: left;
	padding: 0 15px;
	width: 284px;
	}
#container .overview-detail H2 {
	font-family: OZoneXLight;
	margin: 0 0 5px 0;
	}

/* calculate --- */
#container .overview-detail .cal {
	padding-top: 40px;
	width: 251px;
	}
#container .overview-detail .item-detail {font-family: OZoneXLight;}
#container .overview-detail .cal .item-detail {
	padding-top: 10px;
	height: 120px;
	background: url(/images/container/overview-cal-bg.png) no-repeat;
	text-align: center;
	font-size: 24px;
	}
#container .overview-detail .cal .item-detail SPAN {
	margin-right: 10px;
	font-size: 90px;
	letter-spacing: -3px;
	}

/* map --- */
#container .overview-detail .map .item-detail {
	height: 212px;
	background: url(/images/container/overview-map-bg.png) no-repeat;
	}
#container .overview-detail .map .item-detail P {
	display: table-cell;
	padding: 0 25px;
	width: 234px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	font-size: 20px;
	color: #fff;
	}
#container .overview-detail .map .item-detail P SPAN {
	display: inline-block;
	position: relative;
	}
#container .overview-detail .map .item-detail .front-doubleqoute,
#container .overview-detail .map .item-detail .back-doubleqoute {
	display: block;
	position: absolute;
	top: 0;
	height: 23px;
	width: 13px;
	}
#container .overview-detail .map .item-detail .front-doubleqoute {
	left: -15px;
	background: url(/images/container/overview-doubleqoute-front.png) no-repeat center;
	}
#container .overview-detail .map .item-detail .back-doubleqoute {
	right: -15px;
	background: url(/images/container/overview-doubleqoute-back.png) no-repeat center;
	}

/* hilight --- */
#container .overview-detail .hilight .item-detail {
	height: 212px;
	background: url(/images/container/overview-hilight-bg.png) no-repeat;
	color: #fff;
	}
#container .overview-detail .hilight .item-detail H3 {
	margin: 0;
	padding: 0 10px;
	height: 30px;
	font-size: 22px;
	line-height: 30px;
	overflow: hidden;
	}
#container .overview-detail .hilight .item-detail P {
	padding: 0 10px;
	height: 50px;
	font-family: OZoneXLight;
	font-size: 18px;
	line-height: 20px;
	}


/* unit type detail --- */
#container .unit-detail {
	padding: 20px 60px 0 60px;
	height: auto !important;
	min-height: 350px;
	height: 350px;
	}
#container .unit-detail H2 {
	margin: 0 0 20px 0;
	font-family: OZoneXLight;
	font-size: 40px;
	}
#container .unit-detail H4 {
	margin: 0 0 10px 0;
	font-family: OZoneXLight;
	font-size: 20px;
	}
	
/* left */
#container .unit-detail .left {width: 608px;}

#container .unit-detail .left .area-and-price:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#container .unit-detail .left .area-and-price {display: inline-block;}
* html #container .unit-detail .left .area-and-price {height: 1%;}
#container .unit-detail .left .area-and-price {display: block;} /* End clearfix */
#container .unit-detail .left .area-and-price {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background: url(/images/container/unit-price-bg.png) repeat-x bottom;
	}
#container .unit-detail .left .area-and-price P {
	float: left;
	width: 360px;
	font-family: OZoneXLight;
	font-size: 24px;
	}
#container .unit-detail .left .area-and-price P+P {
	float: right;
	padding: 0;
	width: 230px;
	}
#container .unit-detail .left .area-and-price P STRONG {
	padding: 0 5px;
	font-size: 36px;
	}
#container .unit-detail .left .area-and-price P SPAN {
	display: inline-block;
	width: 110px;
	}
#container .unit-detail .left .area-and-price P SPAN.special {color: #ad0000;}
#container .unit-detail .left .area-and-price P SPAN+SPAN {text-align: right;}
#container .unit-detail .left .area-and-price P EM {
	font-size: 60px;
	line-height: 30px;
	font-style: normal;
	font-weight: bold;
	}

#container .unit-detail .left .unit-facilities {
	position: relative;
	width: 375px;
	}

#container .unit-detail .left .unit-facilities UL:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#container .unit-detail .left .unit-facilities UL {display: inline-block;}
* html #container .unit-detail .left .unit-facilities UL {height: 1%;}
#container .unit-detail .left .unit-facilities UL {display: block;} /* End clearfix */
#container .unit-detail .left .unit-facilities LI {
	position: relative;
	float: left;
	margin: 0 15px 30px 0;
	padding-left: 30px;
	width: 70px;
	height: 45px;
	background: url(/images/container/unit-facilities-item-bg.png) repeat-y left;
	font-size: 0;
	line-height: 0;
	}
#container .unit-detail .left .unit-facilities LI SPAN {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 25px;
	text-align: center;
	font-family: OZoneXLight;
	font-size: 48px;
	font-weight: bold;
	line-height: 22px;
	color: #333;
	}
#container .unit-detail .left .unit-facilities LI IMG {margin-bottom: 2px;}
#container .unit-detail .left .unit-facilities LI EM {
	display: block;
	text-align: center;
	font-family: QuicksandBook;
	font-size: 10px;
	line-height: 10px;
	font-style: normal;
	color: #000;
	}
#container .unit-detail .left .unit-facilities .cal {
	position: absolute;
	top: 0;
	right: -200px;
	width: 195px;
	}
#container .unit-detail .left .unit-facilities .cal A {
	display: block;
	width: 191px;
	height: 60px;
	background: url(/images/container/unit-facilities-cal.png) no-repeat;
	}


/* right */
#container .unit-detail .right {width: 244px;}
#container .unit-detail .right H3 {
	margin: 10px 0 5px 0;
	font-family: OZoneXLight;
	font-size: 36px;
	}	
#container .unit-detail .right .panel {
	position: relative;
	border: solid 1px #bab9b5;
	border-bottom: none;
	width: 240px;
	height: 200px;
	}
#container .unit-detail .right .panel IMG {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	clip: rect(0, 242px, 200px, 0);
	}
#container .unit-detail .right .panel A[title=zoom] {
	position: absolute;
	bottom: 3px;
	right: 5px;
	width: 25px;
	height: 25px;
	background: url(/images/container/unit-zoom-btn.png) no-repeat;
	}	
#container .unit-detail .right .panel IMG:first-child {display: block;}

#container .unit-detail .right UL:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#container .unit-detail .right UL {display: inline-block;}
* html #container .unit-detail .right UL {height: 1%;}
#container .unit-detail .right UL {display: block;} /* End clearfix */
#container .unit-detail .right UL {
	padding: 3px 0 0 0;
	background: #45433e;
	}
#container .unit-detail .right LI {
	float: left;
	width: 50%;
	font-family: QuicksandBold;
	font-size: 8px;
	}
#container .unit-detail .right LI A {
	display: block;
	padding: 5px 10px;
	height: 25px;
	color: #fff;
	}
#container .unit-detail .right LI EM {
	display: block;
	margin: 1px 0 0 0;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	}
#container .unit-detail .right LI.current A {
	background: #fff;
	color: #45433e;
	}





/** Facilities ------------------- */
#container .facilities-list {
	padding: 50px 40px;
	height: auto !important;
	min-height: 290px;
	height: 470px;
	background: url(/images/container/facilities-list-bg.png) repeat-y;
	}
#container .facilities-list LI {
	position: relative;
	margin: 0 0 20px 0;
	padding-left: 230px;
	height: 140px;
	}
#container .facilities-list LI IMG.thumb {
	position: absolute;
	top: 0;
	left: 0;
	}
#container .facilities-list LI H2 {
	font-size: 30px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #999;
	font-family: OZoneXLight;
	}
#container .facilities-list LI .description {
	padding-right: 200px;
	font-family: OZoneXLight;
	font-size: 18px;
	line-height: 20px;
	color: #666;
	}
#container .facilities-list .icon-item {
	position: absolute;
	top: 65px;
	right: 0;
	}
#container .facilities-list .icon-item SPAN {
	bottom: -25px;
	height: 20px;
	color: #333;
	}





/** Other plan ------------------- */
.other-plan H2 {
	margin: 0 0 5px 0;
	text-decoration: none;
	font-family: OZoneXLight;
	font-size: 30px;
	}
.other-plan-container {
	position: relative;
	padding: 0 0 3px 0;
	border-top: solid 2px #125687;
	background: url(/images/icondo/detail-bg.png);
	}
.other-plan-container .plan-wrapper {
	padding: 20px;
	border-bottom: solid 1px #125687;
	background: url(/images/white-tranparency.png);
	}
	
.other-plan-container .plan-mask {
	position: relative;
	height: 310px;
	overflow: hidden;
	}
.other-plan-container UL:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.other-plan-container UL {display: inline-block;}
* html .other-plan-container UL {height: 1%;}
.other-plan-container UL {display: block;} /* End clearfix */
.other-plan-container UL {
	position: absolute;
	top: 0;
	left: 0;
	width: 9000px;
	}
.other-plan-container LI {
	float: left;
	margin: 0 2px;
	padding: 7px;
	width: 222px;
	height: 295px;
	font-family: OZoneXLight;
	font-size: inherit;
	line-height: normal;
	}
.other-plan-container LI:hover {
	padding: 4px;
	border: solid 3px #e3e3d7;
	}
.other-plan-container LI A {color: #333;}
.other-plan-container LI H3,
.other-plan-container LI H4,
.other-plan-container LI P {margin: 0 5px;}
.other-plan-container LI H3 {
	font-size: 30px;
	line-height: 30px;
	}
.other-plan-container LI H4 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #555;
	font-size: 22px;
	}
.other-plan-container LI P.item {
	font-family: OZoneX;
	font-size: 18px;
	color: #000;
	}
.other-plan-container LI P SPAN {display: inline-block;}
.other-plan-container P.page-number {
	padding: 5px 10px;
	text-align: right;
	}
.other-plan-container P.page-number SPAN {position: relative;}
.other-plan-container P.page-number EM { 
	position: absolute;
	top: -6px;
	left: -25px;
	display: block;
	padding-right: 20px;
	height: 16px;
	background: url(/images/container/other-plan-page-bg.png) no-repeat top left;
	}
.other-plan-container P.page-number A {
	display: inline-block;
	margin: -1px 1px;
	width: 13px;
	height: 13px;
	font-size: 14px;
	color: #666;
	}
.other-plan-container P.page-number A.current {color: #5393cb;}
.other-plan-container P.page-number A.prev,
.other-plan-container P.page-number A.next {background: url(/images/container/other-plan-page-icon.png) no-repeat center left;}
.other-plan-container P.page-number A.next {background-position: -13px 0;}

.sub-unit .other-plan-container,
.sub-unit .other-plan-container .plan-wrapper {
	border: none;
	background: none;
	}
.sub-unit .other-plan-container {
	padding-top: 30px;
	background: url(/images/header/unit-wrapper-bg.png) no-repeat left;
	}
#sub-project-nav .submenu LI .sub-unit IMG {display: block;}
#sub-project-nav .submenu LI .sub-unit A {
	width: 222px;
	font-size: inherit;
	line-height: normal;
	background: none;
	}



#sub-project-nav .submenu LI .sub-unit P.page-number {
	position: relative;
	padding-top: 15px;
	border-top: solid 1px #125687;
	text-align: center;
	}

.other-plan-container P.page-number EM { 
	position: absolute;
	top: -1px;
	left: 500px;
	display: block;
	padding-right: 20px;
	height: 16px;
	background: url(/images/header/unittype-rollover.png) no-repeat top left;
	}
#sub-project-nav .submenu LI .sub-unit P.page-number A {
	display: inline-block;
	margin: -1px 1px;
	width: 13px;
	height: 13px;
	font-size: 14px;
	color: #666;
	}
#sub-project-nav .submenu LI .sub-unit P.page-number A.current {color: #5393cb;}
#sub-project-nav .submenu LI .sub-unit P.page-number A.prev,
#sub-project-nav .submenu LI .sub-unit P.page-number A.next {background: url(/images/container/other-plan-page-icon.png) no-repeat center left;}
#sub-project-nav .submenu LI .sub-unit P.page-number A.next {background-position: -13px 0;}





/** Special Offer ------------------- */
/** detail page ----- */
#container .offer-on-banner {
	position: absolute;
	top: -390px;
	right: 30px;
	padding: 25px 20px 10px 20px;
	width: 262px;
	height: 325px;
	background: url(/images/container-offer/detail-bg.png);
	}
#container .offer-on-banner .sold-out {
	position: absolute;
	top: -2px;
	right: 9px;
	width: 76px;
	height: 45px;
	background: url(/images/container-offer/detail-soldout.png) no-repeat;
	}
#container .offer-on-banner .special-price {
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: solid 1px #c9c7aa;
	}
#container .offer-on-banner .special-price P {
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	}
#container .offer-on-banner .special-price P.old-price {
	font-size: 24px;
	line-height: 20px;
	text-decoration: line-through;
	color: #f00;
	}
#container .offer-on-banner .special-price P EM {
	font-family: OZoneX;
	font-size: 300%;
	font-style: normal;
	margin-right: 5px;
	}
#container .offer-on-banner .special-price P.old-price EM {
	padding-left: 5px;
	font-family: OZoneXLight;
	font-size: 150%;
	}
	
#container .offer-on-banner .project-detail * {color: #c9c7aa;}
#container .offer-on-banner .project-detail H2,
#container .offer-on-banner .project-detail H3 {
	margin: 0;
	padding: 0;
	font-size: 30px;
	line-height: 24px;
	}
#container .offer-on-banner .project-detail H3 {
	margin-bottom: 10px;
	font-size: 40px;
	}
#container .offer-on-banner .project-detail P {
	font-family: OZoneXLight;
	font-size: 20px;
	line-height: 20px;
	}
#container .offer-on-banner .project-detail P.description {margin-top: 15px;}




/** list page ----- */
#container .detail.offer-list {
	position: relative;
	padding: 20px 0 30px 0;
	font-family: OZoneXLight;
	height: 780px !important;
	min-height: 780px;
	height: 780px;
	overflow: hidden;
	}
#container .offer-list .list-wrapper {
	position: absolute;
	top: 20px;
	left: 0;
	width: 9000px;
	}
#container .offer-list .list-wrapper UL {
	float: left;
	padding: 0 30px;
	width: 940px;
	}
#container .offer-list .list-wrapper LI {
	position: relative;
	padding: 30px 30px 20px  292px;
	border-top: solid 1px #b1ad9e;
	height: auto !important;
	min-height: 145px;
	height: 145px;
	}
#container .offer-list .list-wrapper LI IMG.thumb {
	position: absolute;
	top: 20px;
	left: 30px;
	clip: rect(10px, 221px, 160px, 0);
	}
#container .offer-list .list-wrapper H2 {
	font-size: 30px;
	line-height: 24px;
	font-family: OZoneX;
	font-weight: normal;
	color: #78601c;
	}
#container .offer-list .list-wrapper H3 {
	font-size: 24px;
	line-height: 20px;
	font-weight: normal;
	color: #78601c;
	}
#container .offer-list .list-wrapper .price {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 242px;
	font-size: 24px;
	line-height: 24px;
	color: #78601c;
	}
#container .offer-list .list-wrapper .price EM {
	margin-right: 5px;
	font-size: 150%;
	font-style: normal;
	}
#container .offer-list .list-wrapper .price .old {
	position: absolute;
	bottom: -2px;
	right: 0;	
	text-decoration: line-through;
	font-size: 18px;
	color: #900;
	}
#container .offer-list .list-wrapper .sold-out {
	position: absolute;
	top: 26px;
	left: 40px;
	width: 53px;
	height: 34px;
	background: url(/images/container-offer/list-sold-out.png) no-repeat;
	}
#container .offer-list .list-wrapper LI:first-child {
	padding-top: 10px;
	border: none;
	}
#container .offer-list .list-wrapper LI:first-child IMG.thumb {top:0px;}
#container .offer-list .list-wrapper LI:first-child .price {top: 10px;}
#container .offer-list .list-wrapper LI:first-child .sold-out {top: 6px;}

#container .offer-list .list-wrapper .item-detail:after { /* clearfix for wrapper-align */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#container .offer-list .list-wrapper .item-detail {display: inline-block;}
* html #container .offer-list .list-wrapper .item-detail {height: 1%;}
#container .offer-list .list-wrapper .item-detail {display: block;} /* End clearfix */
#container .offer-list .list-wrapper .item-detail {
	margin: 10px 0;
	padding-top: 10px;
	background: url(/images/container-offer/item-detail-bg.png) top left repeat-x;
	}
#container .offer-list .list-wrapper .item-detail P {
	font-size: 18px;
	color: #333;
	}
#container .offer-list .list-wrapper .item-detail .facilities {
	float: left;
	width: 343px;
	}
#container .offer-list .list-wrapper .item-detail .facilities H4 {
	font-family: OZoneX;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #c5b37e;
	}
#container .offer-list .list-wrapper .item-detail .facilities H4 EM {
	font-size: 150%;
	font-style: normal;
	}
#container .offer-list .list-wrapper .item-detail .facilities P SPAN {
	display: inline-block;
	
	}
#container .offer-list .list-wrapper .item-detail .description {
	float: right;
	margin-top: 5px;
	width: 242px;
	}
	
#container .offer-list .list-wrapper .view-more {
	display: block;
	float: right;
	margin-top: 10px;
	padding-right: 15px;
	background: url(/images/container-offer/view-more.png) no-repeat right;
	color: #78601c;
	}

/** paging ----------------- */
#container .offer-list P.page-number {
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: solid 1px #78601c;
	height: 25px;
	width: 100%;
	background: url(/images/container-offer/paging-bg.png);
	text-align: right
	}
#container .offer-list P.page-number SPAN {
	display: block;
	position: absolute;
	top: -1px;
	right: 10px;
	padding: 5px 0 0 20px;
	background: url(/images/container-offer/paging-icon.png) no-repeat top left;
	}
#container .offer-list P.page-number EM {font-style: normal;}
#container .offer-list P.page-number A {
	display: inline-block;
	margin: -1px 1px;
	width: 13px;
	height: 13px;
	text-align: center;
	font-family: Helvetica;
	font-size: 14px;
	color: #666;
	}
#container .offer-list P.page-number A.current {color: #5393cb;}
#container .offer-list P.page-number A.prev,
#container .offer-list P.page-number A.next {background: url(/images/container/other-plan-page-icon.png) no-repeat center left;}
#container .offer-list P.page-number A.next {background-position: -13px 0;}