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

@import url('main.css');
@import url('MyFontsWebfontsKit.css');

.caxtonBook { font-family: 'CaxtonSH-Book';}
.sanukRl { font-family: 'SanukWeb';}
.text-gold { color:#978258;}


.bg-leaf { background:url(../images/backgrounds/leaf-left-top.png) left top no-repeat;}

.intro-holder { background:#F3F4F4; width:860px; height:545px; display:inline-block; margin:180px 70px 20px;   position:relative; overflow:hidden; }
	[class^="scene-"] { position:absolute; display:none;}
	[class*="scene-txt"] {  font-family: 'CaxtonSH-Book'; color:#978258; font-size:20px;}
		.scene-txt1 { width:100%; text-align:center; letter-spacing:1pt; top:250px; left:0px;}
		.scene-logo { background:url(../images/content/intro-logo.png) left top no-repeat; width:228px; height:116px;  left:316px; top:214px;}
		.scene-1-img1 { background:url(../images/content/s1-img1.jpg) left top no-repeat; width:320px; height:118px; left:0px; top:0px;}
		.scene-1-img2 { background:url(../images/content/s1-img2.jpg) left top no-repeat; width:296px; height:427px; left:249px; top:118px;}
		.scene-1-img3 { background:url(../images/content/s1-img3.jpg) left top no-repeat; width:171px; height:243px; left:690px; top:302px;}
		.scene-1-img4 { background:url(../images/content/s1-img4.jpg) left top no-repeat; width:249px; height:186px; left:0px; top:359px;}
		.scene-1-img5 { background:url(../images/content/s1-img5.jpg) left top no-repeat; width:145px; height:124px; left:545px; top:302px;}
		.scene-1-img6 { background:url(../images/content/s1-img6.jpg) left top no-repeat; width:541px; height:118px; left:320px; top:0px;}
		.scene-1-img7 { background:url(../images/content/s1-img7.jpg) left top no-repeat; width:249px; height:241px; left:0px; top:118px;}
		.scene-1-img8 { background:url(../images/content/s1-img8.jpg) left top no-repeat; width:145px; height:121px; left:545px; top:426px;}
		.scene-1-img9 { background:url(../images/content/s1-img9.jpg) left top no-repeat; width:317px; height:184px; left:545px; top:118px;}
		
		.scene-txt2 { width:100%; text-align:center; top:250px; left:0px;}
		.scene-2-img1 { background:url(../images/content/s2-img1.jpg) left top no-repeat; width:320px; height:118px; left:0px; top:0px;}
		.scene-2-img2 { background:url(../images/content/s2-img2.jpg) left top no-repeat; width:296px; height:427px; left:249px; top:118px;}
		.scene-2-img3 { background:url(../images/content/s2-img3.jpg) left top no-repeat; width:171px; height:243px; left:690px; top:302px;}
		.scene-2-img4 { background:url(../images/content/s2-img4.jpg) left top no-repeat; width:249px; height:186px; left:0px; top:359px;}
		.scene-2-img5 { background:url(../images/content/s2-img5.jpg) left top no-repeat; width:145px; height:124px; left:545px; top:302px;}
		.scene-2-img6 { background:url(../images/content/s2-img6.jpg) left top no-repeat; width:541px; height:118px; left:320px; top:0px;}
		.scene-2-img7 { background:url(../images/content/s2-img7.jpg) left top no-repeat; width:249px; height:241px; left:0px; top:118px;}
		.scene-2-img8 { background:url(../images/content/s2-img8.jpg) left top no-repeat; width:145px; height:121px; left:545px; top:426px;}
		.scene-2-img9 { background:url(../images/content/s2-img9.jpg) left top no-repeat; width:317px; height:184px; left:545px; top:118px;}
		
		.scene-txt3 { width:100%; text-align:center; top:250px; left:0px;}
		.scene-3-img1 { background:url(../images/content/s3-img1.jpg) left top no-repeat; width:860px; height:545px; left:0px; top:0px;}
		.scene-4-img1 { background:url(../images/content/s4-img1.jpg) left top no-repeat; width:860px; height:545px; left:0px; top:0px;}

.skip-btn { font-family: 'SanukWeb-Light'; font-size:11px; color:#978258; text-decoration:none; }	



.header { height:160px; width:100%; position:absolute; left:0px; top:0px; display:inline-block; z-index:9999;}
.header .logo { background:url(../images/logos/main-logo.png) left top no-repeat; width:135px; height:79px; margin:60px 0 0 120px; display:inline-block; }
.menu-con { position:absolute; left: 390px; top: 100px; }
.menu-con .clicker { font-family: 'SanukWeb-Light'; font-size:11px; color:#B59817; float:left; padding:2px 12px; border-right:1px dotted #666; display:inline-block; position:relative; text-decoration:none; text-transform:uppercase;}
.menu-con .clicker.selected { color:#636466;}
.menu-con .clicker.selected > a{ color:#636466;}
.menu-con .clicker.lastNode { border:0px;}
.menu-con .clicker > a { color:#B59817; text-decoration:none;}
.menu-con .clicker:hover > a{color:#636466;}
.menu-con .clicker .submenu { display:none; position:absolute; left:0px; top:20px; }
.menu-con .clicker .submenu .links { background:#E6E7E8; color:#636466; padding:3px 50px 3px 3px; margin-bottom:1px; display:block; white-space:nowrap; text-decoration:none; }
.menu-con .clicker .submenu .links:hover { background:#EEE9E4; color:#B59817;}

.content-holder { background:#F3F4F4; width:860px; height:545px; margin:180px 70px 0; display:inline-block; *display:inline; zoom:1; }

.footer { position:absolute; bottom:20px; left:0px;  width:100%; }
	.musicOnOff { background:url(../images/buttons/sound-onOff.png) left top no-repeat; width:24px; height:18px; float:left; cursor:pointer;}
	.musicOnOff.on {  background:url(../images/buttons/sound-onOff.png) left bottom no-repeat; width:24px; height:18px;}
	.copyright-holder { font-family: 'SanukWeb-Light'; font-size:9px; color:#808285; text-align:right; float:right; }

/*home*/
.home-bg { background:url(../images/content/home-img.png) left bottom no-repeat; width:100%; height:100%; position:relative;}
.home-txt-holder { position:absolute; width:280px; } 
.home-title { font-size:21px; font-family:'CaxtonSH-Book'; color:#978258; letter-spacing:0.5pt; text-transform:uppercase;}
.home-txt { font-size:14px; font-family:'CaxtonSH-Book'; color:#58595B; letter-spacing:1pt; }
/*-------------------------------------------------------
		Registration
---------------------------------------------------------*/

.form-holder { height:397px; padding:38px 38px 0 ; }
.form-holder .title { font-family: 'SanukScWeb'; font-size:19px; color:#978258; text-transform:uppercase; letter-spacing:1pt}
.form-holder .left-pane { width:340px; margin-left:30px; float:left;}
	.tbl-left-form { font-family: 'SanukWeb'; font-size:11px; line-height:12px; color:#000; text-transform:uppercase; letter-spacing:0.7pt  }
	.tbl-left-form input { background:transparent; border:1px solid #939598; width:340px;}
	.tbl-left-form textarea { width:340px; background:transparent; border:1px solid #939598;  resize:none; padding:0px;}
	.tbl-left-form  select { background:transparent; border:1px solid #939598; min-width:120px; text-transform:uppercase; font-family: 'SanukWeb'; font-size:11px; height:18px; letter-spacing:0.7pt}
	.tbl-left-form td {  height:24px;}
	.tbl-left-form .col-1 { width:100px; }
	.tbl-left-form .col-2 {}
	.tbl-left-form .col-1 input{ width:340px;}
	.tbl-left-form .col-2 input{ width:240px;}

.form-holder .right-pane { width:360px;  float:right;}
.form-holder .right-pane  .tbl-left-form .col-1 { width:190px; }
		.compulsory-con { font-family: 'SanukWeb'; font-size:8px; color:#636466; text-transform:uppercase; margin-top:2px;}
		.gray-btn { font-family: 'SanukWeb-Light'; font-size:12px; color:#fff; background:#6D6E71; border:0px; padding: 2px 4px;}
		.gray-btn:active {background:#424446;}

.aboutUs-con { background:#8C877C; width:100%; height:110px; position:absolute; bottom:0px; left:0px;}
.tbl-about-us { height:100px; width:804px; margin:10px 38px 0; color:#fff; font-family: 'SanukWeb-Light'; font-size:11px; line-height:12px;}
.tbl-about-us td { vertical-align:top;}
.disclaimer { font-family: 'SanukWeb-Light'; font-size:7px; color:#fff; position:absolute; width:312px; line-height:8px; }
.reminder { font-family: 'SanukWeb-Light'; font-size:8px; color:#636466; position:absolute; top:550px; left:0px; width:784px; margin:0 38px; line-height:8px; }

/*-------------------------------------------------------
		Floor Plan
---------------------------------------------------------*/
.type-clicker-holder { margin:0px; padding:0px; position:absolute; right:68px; bottom:60px; display:inline-block; z-index:9; }
.type-clicker-holder li { margin:0px 10px; padding:0; display:inline; list-style:none; color:#B59817; font-family: 'SanukWeb-Light'; font-size:12px; text-transform:uppercase; cursor:pointer;}
.type-clicker-holder li.selected { color:#939598;}

.floor-plan-holder { height:100%; width:100%; display:none;}
.floor-plan-holder:first-child { display:block;}
	.enlarge-btn { background:url(../images/buttons/enlarge-btn.png) left top no-repeat; width:55px; height:12px; position:absolute; z-index:9; cursor:pointer;}
	.floor-plan-img-con { width:380px; height:470px; position:relative;  left:60px; top:40px; float:left;  }
	.floor-plan-img-con .arrow-left { background:url(../images/arrows/gray-arrow.png) left top no-repeat; width:19px; height:59px; position:absolute; left:0px; top:205px; cursor:pointer; display:none;} 
	.floor-plan-img-con .arrow-right { background:url(../images/arrows/gray-arrow.png) left bottom no-repeat; width:19px; height:59px; position:absolute; right:0px; top:205px; cursor:pointer;}
	.floor-plan-img-con .img-holder { width:380px;  position:absolute; left:0px; top:17.5px; text-align:center; display:none; }
	.floor-plan-img-con .img-holder:first-child { display:block;}
	/*.floor-plan-img-con .img-holder img { height:100%;}*/
	.floor-plan-img-con .floor-txt { width:100%; font-family: 'SanukWeb'; font-size:12px; color:#58595B; text-align:center; position:absolute; top:430px;}
	
	
	.floor-plan-type-holder { width:250px; float:right; margin:130px 90px 0 0;}
		.txt-type { font-family: 'CaxtonSH-Book'; color:#58595B; font-size:20px; line-height:normal;  }
		.txt-type .plan-type { font-size:59px; line-height:59px;}
		.type-details { margin-left:50px;}
			.type-title { font-family: 'SanukScWeb-Light'; font-size:16px; color:#414042; margin-bottom:10px;}
			.type-subtitle { font-family: 'CaxtonSH-Book'; font-size:12px; line-height:12px; border-bottom:1px solid #828282; color:#636466; margin-bottom:2px; }
			[class^="info-"]{ font-family: 'CaxtonSH-Book'; font-size:14px; line-height:14px;color:#949591; margin-bottom:5px;}


/* Popup */
#popupScreen { position:fixed; z-index:99999; display:none; text-align:center; width:100%; height:100%; top:0px; left:0px;  }
.popupBG { position:absolute; top:0px; left:0px; background:#000; width:100%; height:100%; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
.popupTable { position:absolute; top:0px; left:0px; height:100%; width:100%; }
.popupTableContent { display:inline-block; zoom:1; *display:inline; _height:30px; }
.popupClose { background:url(../images/buttons/close.png) left top no-repeat; width:16px; height:15px; position:absolute; top:12px; right:12px; text-decoration:none;}

.popupContent { display:inline-block; zoom:1; *display:inline; _height:30px; position:relative; width:765px; }
.popupContent .popupHolder { background:#fff; width:765px; height:600px;  }
.popupContent .popupHolder .large-type-img { text-align:center; position:relative;}
.popupContent .popupHolder .floor-txt {  font-family: 'SanukWeb'; font-size:13px; color:#58595B; text-align:center; position:absolute; top:50px; left:30px; z-index:999;}

/*--------------------------------------
			gallery
---------------------------------------*/
.gallery-images { position:absolute; left:0px; display:none;}
.gallery-images:first-child {display:block;}
.tbl-img-holder { width:582px; height:545px; text-align:center; float:left; margin:0 0 0 38px;}
.thumb-pane { background:#979188; width:161px; height:545px; float:right; margin-right:30px; padding:0 12px; }
	.thumb-holder { width:70px; height:48px; margin:5px; float:left; cursor:pointer;}
	.thumb-holder.selected { border: 2px solid #FFFFFF; margin: 3px;}
	.thumb-holder.img-1 { background:url(../images/content/gallery-thumb-1.jpg) left top no-repeat;}
	.thumb-holder.img-2 { background:url(../images/content/gallery-thumb-2.jpg) left top no-repeat;}
	.thumb-holder.img-3 { background:url(../images/content/gallery-thumb-3.jpg) left top no-repeat;}
	.thumb-holder.img-4 { background:url(../images/content/gallery-thumb-4.jpg) left top no-repeat;}
	.thumb-holder.img-5 { background:url(../images/content/gallery-thumb-5.jpg) left top no-repeat;}
	.thumb-holder.img-6 { background:url(../images/content/gallery-thumb-6.jpg) left top no-repeat;}
	.thumb-holder.img-7 { background:url(../images/content/gallery-thumb-7.jpg) left top no-repeat;}
	.thumb-holder.img-8 { background:url(../images/content/gallery-thumb-8.jpg) left top no-repeat;}
	.thumb-holder.img-9 { background:url(../images/content/gallery-thumb-9.jpg) left top no-repeat;}
	.thumb-holder.img-10 { background:url(../images/content/gallery-thumb-10.jpg) left top no-repeat;}
	.thumb-holder.img-11 { background:url(../images/content/gallery-thumb-11.jpg) left top no-repeat;}
	.thumb-holder.img-12 { background:url(../images/content/gallery-thumb-12.jpg) left top no-repeat;}
	
	.thumb-holder.img-1sh { background:url(../images/content/gallery-thumb-1sh.jpg) left top no-repeat;}
	.thumb-holder.img-2sh { background:url(../images/content/gallery-thumb-2sh.jpg) left top no-repeat;}
	.thumb-holder.img-3sh { background:url(../images/content/gallery-thumb-3sh.jpg) left top no-repeat;}
	.thumb-holder.img-4sh { background:url(../images/content/gallery-thumb-4sh.jpg) left top no-repeat;}
	.thumb-holder.img-5sh { background:url(../images/content/gallery-thumb-5sh.jpg) left top no-repeat;}
	.thumb-holder.img-6sh { background:url(../images/content/gallery-thumb-6sh.jpg) left top no-repeat;}
	.thumb-holder.img-7sh { background:url(../images/content/gallery-thumb-7sh.jpg) left top no-repeat;}
	.thumb-holder.img-8sh { background:url(../images/content/gallery-thumb-8sh.jpg) left top no-repeat;}
	.thumb-holder.img-9sh { background:url(../images/content/gallery-thumb-9sh.jpg) left top no-repeat;}
	.thumb-holder.img-10sh { background:url(../images/content/gallery-thumb-10sh.jpg) left top no-repeat;}
	.thumb-holder.img-11sh { background:url(../images/content/gallery-thumb-11sh.jpg) left top no-repeat;}
	.thumb-holder.img-12sh { background:url(../images/content/gallery-thumb-12sh.jpg) left top no-repeat;}
	.thumb-holder.img-13sh { background:url(../images/content/gallery-thumb-13sh.jpg) left top no-repeat;}
	.thumb-holder.img-14sh { background:url(../images/content/gallery-thumb-14sh.jpg) left top no-repeat;}
	

.tbl-delevoper { width:680px; margin:80px auto 0; }
.tbl-delevoper .col-1 { vertical-align:top;}
.tbl-delevoper .col-2 { width:480px; font-family: 'SanukWeb'; font-size:12px; color:#636466; line-height: 12px; letter-spacing:0.7pt;}
	
.tbl-concept-img-holder { width:553px; height:545px; text-align:center; float:left; margin:0 0 0 38px;}
.concept-pane {width:200px; height:545px; float:right; margin-right:48px; }
.concept-pane .title { font-family: 'SanukWeb'; font-size:13px; color:#978258; margin-bottom:10px; letter-spacing:0.7pt}
.concept-pane .subtitle { font-family: 'CaxtonSH-Light'; font-size:19px; line-height:19px; color:#949591; margin-bottom:15px; letter-spacing:0.7pt; }
.concept-pane .txt { font-family: 'SanukWeb-Light'; font-size:12px; color:#77787B; letter-spacing:0.7pt}
.pdL-30 { padding-left:30px;}

.layout-pane {width:200px; height:545px; float:right; margin-right:48px; }
.layout-pane .title { font-family: 'SanukWeb'; font-size:13px; color:#978258; margin-bottom:10px; letter-spacing:1pt}
.layout-pane .subtitle { font-family: 'CaxtonSH-Light'; font-size:19px; line-height:19px; color:#949591; margin-bottom:15px; letter-spacing:1pt}

.layout-pane .boxes { width:15px; height:15px; background:#A5A5A5; float:left; margin-top:5px;}
.layout-pane .plan-type-A1 .boxes { background:#D8D3C3;}
.layout-pane .plan-type-A2 .boxes { background:#C4B4A0;}
.layout-pane .plan-type-B .boxes { background:#8C908C;}
.layout-pane .plan-type-C1 .boxes { background:#A19175;}
.layout-pane .plan-type-C2 .boxes { background:#BFB97F;}

.layout-pane .mOver { cursor:pointer;}
.layout-pane .mOver.gray .boxes{background:#A5A5A5;}
.layout-pane .mOver.gray .title-txt{color:#A5A5A5;}

.layout-pane .layout-type { float:left; margin-left:10px; color:#A5A5A5;}
.layout-pane .layout-type .title-txt { font-family: 'CaxtonSH-Book'; font-size:16px; letter-spacing:0.7pt}

.layout-pane .plan-type-A1 .title-txt { color:#D8D3C3;}
.layout-pane .plan-type-A2 .title-txt { color:#C4B4A0;}
.layout-pane .plan-type-B .title-txt { color:#8C908C;}
.layout-pane .plan-type-C1 .title-txt { color:#A19175;}
.layout-pane .plan-type-C2 .title-txt { color:#BFB97F;}

.layout-pane .layout-type .subtitle-txt { font-family: 'SanukWeb-Light'; font-size:12px; letter-spacing:1pt}

#music { position:relative; top:-100px; }


#preloader { position:absolute; top:450px; left:0; z-index:99999;  width:100%;}
.logoPreloader { color: #978258; font-family: 'SanukWeb'; font-size: 18px; text-align:center;}
/*.logoPreloader .bg { background:url(../images/content/intro-logo.png) left top no-repeat; height:0px; width:228px; }*/

.thumb-wrapper {
	position: absolute;
	top: 50px;
	margin-bottom: 100px;
}
.thumb-link {
	float: left;
	margin-top: 84px;
	font-family: 'SanukWeb-Light';
	font-size: 12px;
	
}
.thumb-link .divider-white {
	border-top: dotted 1px #FFF;
	margin-bottom: 2px;
}
.thumb-link .divider-grey {
	border-top: dotted 1px #CCC;
	margin-bottom: 2px;
}
.thumb-link a{
	color: #CCC;
	text-decoration: none;
	text-transform: uppercase;
	
	}
.thumb-link a.selected {
	color: #FFF;
	
}
.thumb-link2 {
	float: left;
	margin-top: 25px;
	font-family: 'SanukWeb-Light';
	font-size: 12px;
	
}
.thumb-link2 .divider-white {
	border-top: dotted 1px #FFF;
	margin-bottom: 2px;
}
.thumb-link2 .divider-grey {
	border-top: dotted 1px #CCC;
	margin-bottom: 2px;
}
.thumb-link2 a{
	color: #CCC;
	text-decoration: none;
	text-transform: uppercase;
	
	}
.thumb-link2 a.selected {
	color: #FFF;