* {
    margin: 0;
    padding: 0;
	outline: none;
}

/* ClearFix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* End of ClearFix */
.center_nav{
position: absolute;
top: 45%;
width: 90%;
z-index: 999;
left: 5%;
}

.center_nav.img-gallery{
position: relative;
/*width: 56% !important;*/
/*left: 22% !important;*/
width: 800px;
top: -240px;
left: -410px;
margin-left: 50%;
}


#prev, #next{
	display:block;
	width:36px;
	height:71px;
}

#prev{
	float:left;
	background:url(../images/arrow2.png) no-repeat 0px 0;
	/*margin-left: -30px;*/
	margin-left: 5px;
}

#next{
	float:right;
	background:url(../images/arrow2.png) no-repeat -36px 0;
	/*margin-right: -30px;*/
	margin-right: 5px;
	}
	#next:hover, #next:active, #prev:hover, #prev:active{
	cursor:pointer;
}


img {
	border: 0;	
}




.full {display:block; padding:0; margin:0; width:100%; height:100%; position:fixed; left:0; top:0; overflow:hidden; z-index:0; min-width:991px;}
.full .bg {display:block; position:absolute; z-index:0;}

#main_content{
	min-width: 991px;
	height:100%;
	width:100%;
	/*overflow: hidden;*/
}
.list #main_content {
	/* overflow: hidden; */
}
.logo {	 position: relative; z-index: 80;  top: 30px; display: inline-block; }

 .logo{position: static; margin:0 auto; padding-top: 30px; text-align: center;}


.menu_wrapper{ position:absolute; top:0; z-index:99; }
#menu { font-family: 'Italiana', serif; font-size: 16px; letter-spacing: 1px; padding: 30px 0 0 30px; width: 180px; }
#menu ul { list-style: none outside none; }
#menu ul li { padding-bottom: 10px; }
#menu ul li a.active, #menu_2 ul li a.active { color: #f47a4d; }
#menu ul li a:hover { cursor: pointer; color: #f47a4d; }


.sub_menu li {
	padding-bottom: 5px !important;
}


.horizontal_line {
	padding-top: 5px;
	border-bottom: solid 1px #636466;
	width: 90px;
}

#menu_2 {
	font-family: 'Italiana', serif;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 20px 0px 0px 30px;
	width: 180px;
}

#menu_2 ul {
	list-style: none outside none;	
}

#menu_2 ul li {
	padding-bottom: 10px;
}

#menu_2 ul li a:hover {
	cursor: pointer;
	color: #f47a4d;
}



.detail_horizontal_line_club{ top:155px; }

.detail_horizontal_line { padding:12px; position: absolute; border-top: solid 1px #636466; }




.club_house_center{
	width:100%;
	height:440px;
	min-width:991px;
	position:relative;
	margin-top:50px;
}

.club_house_center #town_bg, .club_house_center #town_nav{
	position:absolute;
	list-style:none;
	}

	.club_house_center #town_nav{
	background:url("../images/town.png") no-repeat;
	z-index:11;
	width:311px; height:373px;
	left:50%; 
	margin-left:-155.5px;
	top:0;
	}
	.club_house_center #town_bg{
	z-index:10;
	width:100%;
}
/*
	.club_house_center .img_wrapper{
		z-index:11;
	}
	*/

.club_house_center #town_bg li{
	zoom:1;
  /* Good browsers */
  opacity: 0;
   /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;
	
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);
  
	text-align:center;
  
}

.static_page{
	text-align:center;
	margin-top: 30px;
	
}

#information-on-development .static_page{
	margin-top: 44px;
}

.static_page ul {
	display:inline-block;
	padding-left: 20px;
}
.static_page ul li{
text-align: left;
line-height: 1.5;
}

.club_house_center {
	margin-left: 0px;
}
.club_house_center #town_bg li div.inner_text{
	margin:0 auto;
	display:inline-block;
	height:100%;
	color:#fff;
}


@media (max-width: 1300px) {
	.club_house_center {
	margin-left: -70px;}

}
.club_house_center #town_bg .sky_deck, .club_house_center #town_bg .mp_club, .club_house_center #town_bg .water_place{
	background:url("../images/pixel.png"); height:47px;
}

.club_house_center .sky_deck, .club_house_center #town_bg .sky_deck div.inner_text table td.space{
	height:47px;
}
.club_house_center .space{ height:255px; }
.club_house_center .space2{
	height:10px;
}

.club_house_center .mp_club, .club_house_center #town_bg .mp_club div.inner_text table td.space{ height:47px; }
.club_house_center .water_place, .club_house_center #town_bg .water_place div.inner_text table td.space{ height:47px; }

.club_house_center #town_nav li a{
	display:block;	
	zoom:1;
	*display:inline;
	width:100%;
}
.club_house_center #town_bg li div.inner_text table td{ vertical-align:middle; letter-spacing:5px; text-transform:uppercase; height:47px; }
.club_house_center #town_bg li div.inner_text table td.left { text-align:right; width:300px; font-family:'Arial'; font-size:16px; }
.club_house_center #town_bg li div.inner_text table td.right { text-align:left; width:300px; font-family:'Arial'; font-size:16px; }

.club_house_center #town_bg li div.inner_text table td.space{
	width:350px;
}
#gallery_btn{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}




.example-pager { position: relative; z-index: 99; text-align: center; top: -60px;/* left: -270px*/; display: block;margin: 0 auto; width: 200px;} 
.club-pager{ position: relative; z-index: 999; text-align: center; margin-top: 5px; }

.example-pager span{ color: #716C5D; font-size:30px; letter-spacing:10px; }
.club-pager span{ color: #3A3E43; font-size:30px; letter-spacing:10px; }

.example-pager span:hover { cursor:pointer; }
.club-pager span:hover{ cursor:pointer; }

.example-pager span.cycle-pager-active { color: #A9A799; }
.club-pager span.cycle-pager-active { color: #777C84; }
.bedroom{ color: #777C84; }

/*	for location & club house (1nd & 3rd sub-menu)	*/
.detail_horizontal_line_location {
	top: 221px;
	*top: 235px;	/* ie7 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {	/* chrome & safari */
	.detail_horizontal_line_location {
		top: 219px;	
	}
}

.detail_horizontal_line_club_house {
	top: 221px;
	*top: 235px;	/* ie7 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {	/* chrome & safari */
	.detail_horizontal_line_club_house {
		top: 219px;	
	}
}

/*	for design (2nd sub-menu)	*/
.detail_horizontal_line_design {
	top: 165px;
	left:0;
	*top: 230px;	/* ie7 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {	/* chrome & safari */
	.detail_horizontal_line_design {
		top: 200px;	
	}
}


.inner-wrapper{
	width:70%;
	float:left;
	display:inline-block;
	margin: 0 auto;
	}

#architecture .inner-wrapper{
	min-width: 930px;
}
#location-islandeast .inner-wrapper, #location-transportation .inner-wrapper, #location-saiwanterrace .inner-wrapper{
	position:relative;
	/*min-width: 1155px;*/
}	

.architecture_box {
	background: url("../images/home_box.png") no-repeat center center transparent;
	width: 322px;
	height: 238px;
	position: absolute;
	bottom: 140px;
	right: 30px;
}

.architecture_box .title {
	font-size: 12px;
	padding: 13px 13px 0px;
}

.architecture_box .content {
	font-size: 10px;
	padding: 9px 13px 0px;
}

.architecture_box .content p {
	line-height: 12px;
	letter-spacing: 0.5px;
	padding-bottom: 8px;
}

.arquitectonica_detail { position: relative; float:left; padding-left:40px; width:400px; /* padding: 90px 0px 0px 120px; */ }

/* Design | Architecture */
#architecture .cycle-slideshow { float:left; width: 58%; max-width: 700px; padding-top: 40px;}
#architecture .cycle-slideshow  img{ width:100%; bottom: 0px !important;}

.architecture_description { float:left;padding-left: 35px; /*width: 302px;*/ width: 28%; font-weight: normal; font-weight:normal; }
.architecture_description p { font-size: 12px; line-height: 150%; padding-bottom: 15px; text-align:justify; }
.architecture_description p.intro { font-size: 12px; border-top:solid 1px #636466; border-bottom:solid 1px #636466; padding: 15px 0; line-height: 150%; margin-bottom:15px; }
.architecture_description p.intro:first-child {text-align: left;}


#architecture_thumbnail { padding-top:10px; }
#architecture_thumbnail_1, #architecture_thumbnail_2, #architecture_thumbnail_3 { width: 33%; height: 140px; overflow: hidden; float:left; color:#636466; font-size:12px; padding-right:0; }
#architecture_thumbnail_1 span, #architecture_thumbnail_2 span, #architecture_thumbnail_3 span { display:block; line-height:150%; padding-top:5px;}
#architecture_thumbnail_2 {}
#architecture_thumbnail_3 { padding-right:0px; }
/* End */

/* Deisgn | Image Gallery */
.gallerylogo {margin-left: -145px;}

#image_gallery .cycle-slideshow{ /*margin:0 auto; width:63%;*/ width: 800px; overflow: hidden; margin-left: 50%; left: -410px; max-height: 450px;}
#image_gallery .cycle-slideshow img{ width:100%; height: 100%;}
.cycle-overlay { position:absolute; bottom:0; background:url(../images/bg_gallery_caption.png);/*width: 100%;*/ color:#fff; padding:5px 20px; z-index:101; font-family:'Italiana'; font-size:14px;}
/*#image_gallery .cycle-overlay  {padding: 0; width: 100%; background: none;}*/
/*#image_gallery .cycle-overlay > div {max-width: 33%; background:url(../images/bg_gallery_caption.png); margin: 0 auto; padding: 2px 0;}*/
/* End */

/* Club Trio */
#fancybox_clubtrio {  display: none; background:#eceadd; padding:30px; }

#fancybox_clubtrio ul#club_gallery_nav { float:left; width:10%; list-style: none outside none;  }
#fancybox_clubtrio ul#club_gallery_nav li { font-family:'Italiana'; font-size:17px; padding-bottom:20px; }
#fancybox_clubtrio ul#club_gallery_nav li a{ color:#939597; text-transform:uppercase; }
#fancybox_clubtrio ul#club_gallery_nav li a.active{ color:#636466; }

#fancybox_clubtrio div#club_gallery_slideshow {  float:left;position:relative;}
#fancybox_clubtrio .cycle-slideshow{ display:none;width:90%; margin:0 auto; max-height: 600px; overflow: hidden;}
#fancybox_clubtrio .cycle-slideshow img{ width: 100%}
#fancybox_clubtrio .club-pager{ display:none; }
#fancybox_clubtrio .cycle-slideshow.sky_deck, #fancybox_clubtrio #sky_deck-pager{ display:block; }
#club_house .fancybox-inner {overflow: visible !important}

.club_thumbnail { position:absolute; left:-120px; bottom:40px; display:none;}
.club_thumbnail div { display:none; }
div#club_gallery_slideshow div.active { display:block; }
/* End */

/* Floorplan */
#floor_plan_wrapper { width:730px; position:relative; }
.bg_floor_wrapper { margin:0 auto; float:left; border-bottom: 2px solid #777;}

#floorplan_desc{ float:left; position:relative; z-index:50; width:33%; }
#floorplan_desc p { width:260px; border-top:solid 1px #636466; border-bottom:solid 1px #636466; font-size:12px; text-align:justify; line-height:150%; padding:15px 0px; margin:152px auto 0 auto; }
#floorplan_desc p span#italiana { font-family:'Italiana'; font-size:20px; font-weight:400; }

.floorplan_image{ width:100%; margin:0 auto; text-align:center; z-index:1; }
.floorplan_image #floor_image{ padding-top:50px; }

.floorplan_detail_wrapper { float:right; position:relative; z-index:1;}
.floorplan_detail { margin-top:50px; }
.floorplan_detail h2 { width: 230px; text-align:left; font-family:'Italiana'; font-weight:400; font-size:22px; border-top:solid 2px #5F6254; border-bottom:solid 2px #5F6254; padding:5px 0px; margin:0 auto;  }
.floorplan_detail h3 { font-family:Arial; font-size:16px; color:#999D92; padding:10px 0px; width: 230px; text-align:left; font-weight:normal; margin:0 auto; }
.floorplan_detail p { font-family:Arial; font-size:16px; color:#636466; padding:10px 0px; width: 230px; text-align:left; font-weight:normal; margin:0 auto; }
.floorplan_detail p a { font-family:Arial; font-size:16px; color:#636466; padding:0px 10px; }
.floorplan_detail p a:hover { color:#f47a4d; }
.floorplan_detail p.extraspace { padding-bottom:30px; }
/* End */

.arquitectonica_detail .image_1 {
	padding-top: 13px;
}

.gallery {
	width: 1370px;
	height: 570px;
	margin: 0 auto;
	padding: 100px 0px 0px 20px;
}

#slider2 { height: 1%; /* overflow:hidden; */ position: relative; padding: 30px 0 0 0;   }
#slider2 .viewport { float: left; width: 1300px; height: 570px; overflow: hidden; position: relative; }
#slider2 .buttons { display: block; margin: 30px 10px 0 0; float: left; overflow: hidden; position: relative; }
#slider2 .prev { background:url("../images/arrow_left.png") no-repeat scroll 0 0 transparent; margin: 533px 0 0 0; width: 26px; height: 37px;  }
#slider2 .next { background:url("../images/arrow_right.png") no-repeat scroll 0 0 transparent; margin: 533px 0 0 15px; width: 26px; height: 37px; }
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; width: 240px; left: 0; top: 0; }
#slider2 .overview li { float: left; margin: 0 40px 0 0; padding: 0px; width: 1300px; height: 570px; }


/* Footer */

.swire_logo { position: absolute; top: 10px; right: 90px; width: 10% }
.footer_text_upper a{color:#636466;}
.footer_text_upper { color:#636466; font-size: 10px; line-height: 12px; padding: 12px 30px 0px 30px; width:77%;}
.footer_text_lower { color:#636466; font-size: 8.5px; line-height: 12px; padding: 10px 0; text-align:justify; }

	.footer .footer_text_upper a.chi{
	font-size:9px;
}

 .footer_text_upper { font-size: 12px;}
.footer_text_lower { font-size: 11px;}
 .footer_text_upper a.chi{
	font-size:11px;
}
/* End */

.teasing .contact {
	width: 800px;
	padding-bottom: 90px;
}
.teasing .contact p {
	text-align: left;
}

.contact ul{
	margin-left:20px;
}
.contact ul li a {
	font-size: 16px;
	line-height: 150%;
}

.contact a {
	/*color: #636466;*/
	color: #000;
}

.contact-block {
	text-align: left;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
}

#contact-us #title, .teasing #title {
	padding-top: 30px;}

/* Menu */
/*
#content { display:table; width:1300px; margin:0 auto; }
*/

#content {padding-bottom: 130px;}
.teasing #content {padding-bottom: 30px;}
.home #content {
	padding-bottom: 0px;
	height: 100%!important
}

.contentFloorPlan { width:100% !important;}
.clubContent { width:100% !important; }
#pagetitle { font-family:'Italiana'; text-align:left; color:#636466; font-size:24px; text-transform:uppercase; padding-bottom:20px; font-weight:400; padding-top:30px; min-height: 30px;}
.titleLarge { font-family:'Italiana'; font-size:39px !important; font-weight:bold !important; font-weight:400 !important; }


@media only screen and (min-device-width: 768px) and (orientation: portrait),
screen and (max-width: 1500px) { 
/* for tablets in portrait mode and desktops with less than 994px of horizontal browser width */

}

.fancybox-inner{
	overflow:hidden !important;
}


#floorplan_3a1 {
	position: absolute;
	background: url(../images/transparent.png);
	z-index: 100;
	cursor: pointer;
	width: 70px;
	height: 80px;
	top: 100px;
	left: 250px;
}

#floorplan_3a2 {
	position: absolute;
	background: url(../images/transparent.png);
	cursor: pointer;
	width: 80px;
	height: 80px;
	top: 300px;
	left: 240px;
}

#floorplan_3b {
	position: absolute;
	background: url(../images/transparent.png);
	cursor: pointer;
	width: 50px;
	height: 250px;
	top: 120px;
	left: 190px;
}

#floorplan_3d {
	position: absolute;
	background: url(../images/transparent.png);
	cursor: pointer;
	width: 50px;
	height: 250px;
	top: 120px;
	left: 100px;
}
#floorplan_4a {
	position: absolute;
	background: url(../images/transparent.png);
	cursor: pointer;
	width: 60px;
	height: 120px;
	top: 180px;
	left: 250px;
}
#floorplan_4c {
	position: absolute;
	background: url(../images/transparent.png);
	cursor: pointer;
	width: 50px;
	height: 250px;
	top: 120px;
	left: 150px;
}
#floorplan_4e {
	position: absolute;
	background: url(../images/transparent.png);
	cursor: pointer;
	width: 110px;
	height: 250px;
	top: 120px;
	left: 0px;
}

#floorplan_e22 {
	position: absolute;
	background: url(../images/transparent.png);
	cursor: pointer;
	width: 130px;
	height: 40px;
	top: 80px;
	left: 10px;
}

#floorplan_a22 {
	position: absolute;
	background: url(../images/transparent.png);
	cursor: pointer;
	width: 130px;
	height: 40px;
	top: 80px;
	left: 170px;
}

@media screen and (max-height: 780px){
	.home_box {
	position: absolute!important;
	bottom: auto!important;
	;
	top: 520px;
	}
	.home .detail_menu_container {
		position: absolute!important;
	}

}
#videoPlayer {
	margin: 0 auto;
	width: 900px;
}
/*
.vjs-default-skin .vjs-play-control.replay:before{
	content: "";
}
.vjs-default-skin .vjs-play-control.replay {
	background: url(../images/replay1.png);
	background-repeat: no-repeat;
	background-position: center;
}*/