@font-face {
    font-family: 'EB Garamond';
    src: url('fonts/ebgaramond-regular-webfont.eot');
    src: url('fonts/ebgaramond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ebgaramond-regular-webfont.woff') format('woff'),
         url('fonts/ebgaramond-regular-webfont.ttf') format('truetype'),
         url('fonts/ebgaramond-regular-webfont.svg#eb_garamondregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body{
	margin:0px;
	padding:0px;	
	/*font-family:'Myriad Pro', Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#a7acb1;
	background:black;
	-webkit-text-size-adjust:none;
}

a{
	color:#a7acb1;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;	
	text-decoration:none;
}

.desktop a:hover{
	color:white;
}

a img{
	border:none;
}

.vertical_separator{
	width:4px;
	height:428px;
	background:url(../im/vertical_separator.png) no-repeat;
	margin:0px auto 0px auto;
	position:absolute;
	left:50%;
	margin:-2px;
}

ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.container_all{
	width:1390px;
	margin:auto;	
	position:absolute;
	left:50%;
	margin-left:-691px;
	height:14826px;
	background:#011123;
}

.desktop .container_all{
	position:fixed;
}

/******************************************* FORMS *******************************************/

::-webkit-input-placeholder { /* WebKit browsers */
    font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style:italic;
}

/******************************************* PAGINATION *******************************************/

.pagination{
	position:absolute;
	bottom:40px;
	left:0px;
	width:100%;
	text-align:center;
}

.pagination .bg{
	width:100%;
	height:431px;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-280px;
	background-image:url(../im/gallery_pagination_bg.png);
	background-position:50% 50%;
}

.pagination .pages{
	position:relative;
	z-index:1;
}

.pagination .pages li{
	display:inline-block;
	vertical-align:middle;
}

.pagination .pages li a{
	display:block;
	width:13px;
	height:13px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-779px -414px;
	cursor:pointer;
	margin:0px 3px 0px 3px;
	
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;	
}

.pagination .pages li a.active{
	width:21px;
	height:21px;
	background-position:-843px -414px;
	background-position:-975px -414px;
}

.pagination .pages li a.close{
	width:40px;
	height:40px;
	background-position:-1055px -351px;
}

.pagination .pages li.arrow a{
	width:40px;
	height:40px;
}


.pagination .pages li.arrow.previous a{
	background-position:-975px -351px;
}

.pagination .pages li.arrow.next a{
	background-position:-1015px -351px;
}

/******************************************* MENU *******************************************/

body > .menu{
	position:fixed;
	height:100%;
	right:50%;
	width:50px;
	margin-right:-700px;
	background:#00070f;	
	z-index:5;
	overflow:hidden;
}

body > .menu .collapsed ul{
	width:4px;
	height:428px;
	background-image:url(../im/vertical_separator.png);
	position:absolute;
	left:50%;
	margin-left:-2px;
	top:50%;
	margin-top:-214px;
}

body > .menu .collapsed ul li{
	position:relative;
	left:50%;
	margin:5px 0px 5px 0px;
}

body > .menu .collapsed ul li img{
	width:100%;
	height:100%;
	width:15px;
	height:15px;
	display:block;
	margin-left:-7px;
	
	-webkit-transition: margin .2s linear, width .2s linear, height .2s linear;
	-moz-transition: margin .2s linear, width .2s linear, height .2s linear;
	-ms-transition: margin .2s linear, width .2s linear, height .2s linear;
	-o-transition: margin .2s linear, width .2s linear, height .2s linear;
	transition: margin .2s linear, width .2s linear, height .2s linear;
}

body > .menu .collapsed ul li img.active{
	position:absolute;
	left:0px;
	top:0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

body > .menu .collapsed ul li a.active img.active{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

body > .menu .collapsed ul li a.active img{
	width:30px;
	height:30px;
	margin-left:-15px;
}

body > .menu .collapsed h6{
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	bottom:20px;
	text-align:center;
	width:100%;
	margin:0px;
	padding:0px;
	cursor:pointer;
}

body.desktop > .menu .collapsed h6:hover{
	color:white;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear;
}

body > .menu .expanded{
	font-size:14px;
	width:190px;
	background:#00070f;	
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
	z-index:1;
	display:none;
}

body > .menu .expanded > ul{
	position:absolute;
	left:30px;
	top:50%;
	margin-top:-260px;
}

body > .menu .expanded > ul > li{
	margin-bottom:30px;
}

body > .menu .expanded > ul > li a.active{
	color:#ffc43e;
}

body > .menu .expanded > ul ul{
	margin-left:20px;
}

body > .menu .expanded a.close{
	display:block;
	width:19px;
	height:20px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-936px -414px;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-10px;
	cursor:pointer;
}

/******************************************* BG BARS ************************************************/

.bg_bars{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	list-style:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.bg_bars li{
	position:absolute;
	overflow:hidden;
	border:1px solid right;
	left:0px;
}

.bg_bars li img{
	position:absolute;
	width:331px;
	height:100%;
}

.bg_bars.left{
	left:0px;
}

.bg_bars.left li img{
	right:0px;
}

.bg_bars.right{
	right:0px;
}

.bg_bars.right li{
	right:0px;
	left:auto;
}

.bg_bars li.fore{
	background:#394450;
}

.bg_bars li.fore.blue{
	background:#021123;
}

.bg_bars li.fore.grey{
	background:#a7acb1;
}


/******************************************* SECTION *******************************************/
.section{
	position:absolute;
	width:100%;
	left:0px;
	overflow:hidden;
}

/******************************************* SECTION: COVER *******************************************/

.section.cover{
	text-align:center;	
	height:2095px;
	bottom:0px;
}

/* LOGO */

.section.cover .logo{
	margin:0px auto 0px auto;
	font-size:22px;
	position:absolute;
	width:100%;
	bottom:300px;
	left:0px;
	color:white;
}

.section.cover .logo h1{
	width:410px;
	height:282px;
	background:url(../im/spritesheet.png) no-repeat;
	text-indent:-10000px;
	margin:0px auto 40px auto;
	padding:0px;
}

.section.cover .logo #logo_swf{
	display:none;
}

.desktop .section.cover .logo #logo_swf{
	display:block;
	width:410px;
	height:282px;
	margin:auto;
}

.desktop .section.cover .logo h1{
	width:410px;
	height:282px;
	background:none;
}

.section.cover .logo .shortcuts{
	font-size:14px;
	margin-top:5px;
}

.section.cover .logo .shortcuts li{
	display:inline-block;
	vertical-align:middle;
}

.section.cover .logo .shortcuts li.separator{
	width:1px;
	height:14px;
	background:#ffc629;
	margin:0px 3px 0px 3px;
}

.section.cover .logo .shortcuts li a{
	color:white;
}

.desktop .section.cover .logo .shortcuts li a:hover{
	color:#3d454b;
}

/* TAGLINE */

.section.cover .tagline{
	position:absolute;
	bottom:1250px;
	width:100%;
	font-size:22px;	
	left:0px;
}

.section.cover .tagline h3{
	margin:0px auto 15px auto;
	padding:0px;
	font-size:42px;
	color:white;
    /*font-family: 'EB Garamond';*/
	font-weight:normal;
	line-height:58px;
}

/* FOOTER LINKS */
.section.cover .footer_links{
	position:absolute;
	bottom:20px;
	left:0px;
	width:100%;
	text-align:center;
}

.section.cover .footer_links li{
	display:inline-block;
	margin:0px 10px 0px 10px;
	font-size:14px;
}

.section.cover .footer_links li a{
	color:#575a5d;
}

.section.cover .footer_links li a:hover{
	color:white;
}

.section.cover .legal_content{
	position:absolute;
	left:50%;
	bottom:150px;
	width:950px;
	margin-left:-475px;
	text-align:left;
	font-size:14px;
	height:420px;
	display:none;
}

.section.cover .legal_content h5{
	font-size:32px;
	/*font-family:'EB Garamond';*/
	border-bottom:1px solid white;
	color:white;
	margin:0px 0px 20px 0px;
	padding:0px;
	width:340px;
	font-weight:normal;
}

.section.cover .legal_content a.btn_close{
	width:55px;
	height:55px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-798px -1447px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-27px;
	bottom:20px;
}



/******************************************* SECTION: STOP MOTION *******************************************/

.section.stop_motion{
	position:absolute;
	bottom:2095px;
	height:434px;
	
}

.section.stop_motion img{
	position:absolute;
}

/******************************************* SECTION: PHOTO GALLERY *******************************************/

.section.photo_gallery{
	position:absolute;
	bottom:2529px;
	height:802px;
}

/* GALLERY */
.section.photo_gallery .galleries{
	position:absolute;
	left:0px;
	width:100%;
	top:200px;
}

.section.photo_gallery ul.gallery {
	width:100%;
	text-align:center;
	margin-bottom:30px;
	position:absolute;
	z-index:0!important;
}

.section.photo_gallery ul.gallery li{
	display:inline-block;
	margin:0px 5px 0px 5px;
}

.section.photo_gallery ul.gallery.row_3{
	top:300px;
}

.section.photo_gallery ul.gallery.row_2{
	top:150px;
}

.section.photo_gallery ul.gallery li img{
	width:92px;
}

/* EXPANDED */
.section.photo_gallery .expanded{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:#011123;
	text-align:center;
	z-index:1;
}

.section.photo_gallery .expanded .loading{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	/*background:url(../im/translucent_black_80.png);*/
	z-index:2;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
	display:none;
}

.section.photo_gallery .expanded.loading .loading{
	display:block;
}

.section.photo_gallery .expanded .loading .ico{
	position:absolute;
	width:100px;
	height:100px;
	left:50%;
	margin-left:-50px;
	top:50%;
	margin-top:-50px;
	background:url(../im/loading.gif) 50% 50% no-repeat black;
	z-index:1;
	border-radius:50px;
}

.section.photo_gallery .expanded img.hero{
	height:782px;
	display:block;
	margin:10px auto 10px auto;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;	
}

.section.photo_gallery .expanded.loading img.hero{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

/******************************************* SECTION: THE CUBE *******************************************/

.section.the_cube{
	position:absolute;
	bottom:3331px;
	height:895px;
	background-image:url(../im/the_cube/bg.jpg);
	background-repeat:no-repeat;
	overflow:visible;
}

.section.the_cube .copy{
	position:absolute;
	width:314px;
	height:322px;
	background-image:url(../im/the_cube/ribbon.png);
	background-repeat:no-repeat;
	text-align:center;
	font-size:14px;
	padding-top:100px;
	left:200px;
	bottom:-115px;
	z-index:1;
}

.section.the_cube .copy h3{
	font-size:61px;
	color:white;
	font-weight:normal;
    /*font-family: 'EB Garamond';*/
	margin:0px;
	padding:0px;
	line-height:68px;
}

/******************************************* SECTION: TENANTS *******************************************/

.section.tenants{
	position:absolute;
	bottom:4226px;
	height:1175px;
}

.section.tenants h4{
	position:absolute;
	bottom:0px;
	text-align:center;
    /*font-family: 'EB Garamond';*/
	font-size:42px;
	color:white;
	width:100%;
	height:115px;
	line-height:57px;
	margin:0px;
	padding:103px 0px 160px 0px;
	background:#000a17;
	font-weight:normal;
}

.section.tenants .visual{
	bottom:378px;
	background-image:url(../im/tenants/forest.jpg);
	background-repeat:no-repeat;
	background-position:50% 100%;
	height:180px;
	width:100%;
	position:absolute;
	text-align:center;
}

.section.tenants .visual .building{
	position:absolute;
	width:719px;
	height:518px;
	left:50%;
	margin-left:-360px;
	bottom:0px;
	background-image:url(../im/spritesheet.png);
	background-position:0px -288px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.section.tenants .visual .units{
	position:absolute;
	width:719px;
	height:518px;
	left:50%;
	margin-left:-360px;
	bottom:0px;
}

.section.tenants .visual .units .unit{
	position:absolute;
	background-image:url(../im/spritesheet.png);
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.section.tenants .visual .units .unit.allianz{
	width:136px;
	height:31px;
	left:191px;
	top:365px;
	background-position:-191px -653px;
}

.section.tenants .visual .units .unit.mercuria{
	width:136px;
	height:11px;
	left:191px;
	top:251px;
	background-position:-191px -539px;
}

.section.tenants .visual .units .unit.scor{
	width:91px;
	height:11px;
	left:191px;
	top:262px;
	background-position:-191px -550px;
}

.section.tenants .visual .units .unit.westpac{
	width:136px;
	height:11px;
	left:191px;
	top:241px;
	background-position:-191px -529px;
}

.section.tenants .visual .units .unit.black_rock{
	width:128px;
	height:10px;
	left:449px;
	top:240px;
	background-position:-449px -528px;
}

.section.tenants .visual .units .unit.mitsui{
	width:42px;
	height:16px;
	left:192px;
	top:152px;
	background-position:-192px -440px;
}

.section.tenants .visual .units .unit.mitsui2{
	width:136px;
	height:10px;
	left:191px;
	top:398px;
	background-position:-191px -684px;
}


.section.tenants .visual .units .unit.china_citic_bank{
	width:128px;
	height:10px;
	left:449px;
	top:230px;
	background-position:-449px -518px;
}

.section.tenants .visual .units .unit.citibank{
	width:128px;
	height:77px;
	left:449px;
	top:288px;
	background-position:-449px -576px;
}

.section.tenants .visual .units .unit.gdf{
	width:40px;
	height:10px;
	left:538px;
	top:168px;
	background-position:-538px -456px;
}

.section.tenants .visual .units .unit.google{
	width:128px;
	height:40px;
	left:449px;
	top:188px;
	background-position:-449px -476px;
}

.section.tenants .visual .units .unit.kkr{
	width:44px;
	height:40px;
	left:491px;
	top:178px;
	background-position:-491px -466px;
}

.section.tenants .visual .units .unit.fidelity{
	width:44px;
	height:10px;
	left:491px;
	top:158px;
	background-position:-491px -446px;
}

.section.tenants .visual .units .unit.lloyds{
	width:128px;
	height:20px;
	left:449px;
	top:365px;
	background-position:-449px -653px;
}

.section.tenants .visual .units .unit.small_offices{
	width:128px;
	height:20px;
	left:449px;
	top:365px;
	background:none;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	
	cursor:pointer;
	
	z-index:1;
}

.section.tenants .visual .units .unit.small_offices .bg{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background:url(../im/spritesheet.png) no-repeat;
	background-position:-720px -683px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	cursor:pointer;
}

.section.tenants .visual .units .unit.small_offices .glow{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background:url(../im/tenants/small_office_glow.png) no-repeat;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	cursor:pointer;
}

.section.tenants .visual .units .unit.mmc{
	width:128px;
	height:20px;
	left:449px;
	top:406px;
	background-position:-449px -694px;
}

.section.tenants .visual .units .unit.mizhuo{
	width:136px;
	height:30px;
	left:191px;
	top:427px;
	background-position:-191px -715px;
}

.section.tenants .visual .units .unit.mizhuo2{
	width:71px;
	height:10px;
	left:191px;
	top:417px;
	background-position:-191px -705px;
}

.section.tenants .visual .units .unit.nab{
	width:136px;
	height:11px;
	left:191px;
	top:313px;
	background-position:-191px -601px;
}

.section.tenants .visual .units .unit.rbc{
	width:128px;
	height:10px;
	left:449px;
	top:250px;
	background-position:-449px -538px;
}

.section.tenants .visual .units .unit.sinochem{
	width:44px;
	height:10px;
	left:491px;
	top:168px;
	background-position:-491px -456px;
}

.section.tenants .visual .units .unit.swiss_re{
	width:89px;
	height:10px;
	left:191px;
	top:355px;
	background-position:-191px -643px;
}

.section.tenants .visual .units .unit.woodside{
	width:47px;
	height:11px;
	left:283px;
	top:333px;
	background-position:-283px -621px;
}

.section.tenants .visual .units .unit.vodafone{
	width:136px;
	height:10px;
	left:191px;
	top:344px;
	background-position:-191px -632px;
}

.section.tenants .visual .units .unit.just_office{
	width:136px;
	height:11px;
	left:191px;
	top:292px;
	background-position:-191px -580px;
}

.section.tenants .visual .units .unit.mundi_pharma{
	width:136px;
	height:10px;
	left:191px;
	top:303px;
	background-position:-191px -591px;
}

.section.tenants .visual .units .unit.ctbc_bank{
	width:128px;
	height:12px;
	left:449px;
	top:250px;
	background-position:-449px -538px;
}

.section.tenants .visual .units .unit.partners_group{
	width:128px;
	height:10px;
	left:449px;
	top:148px;
	background-position:-449px -436px;
}

/* 19 Jan 2023 */
.section.tenants .visual .units .unit.clarksons{
	width: 40px;
	height: 10px;
	left: 191px;
	top: 168px;
	background-position: -191px -450px;
}

.section.tenants .visual .units .unit.twp{
	width: 136px;
	height: 10px;
	left: 191px;
	top: 402px;
	background-position: -191px -674px;
}

.section.tenants .visual .units .unit.amazon{
	width:128px;
	height:16px;
	left:449px;
	top:272px;
	background-position:-449px -560px;
}

.section.tenants .visual .units .unit.pure_fitness{
	width:128px;
	height:6px;
	left:449px;
	top:448px;
	background-position:-449px -736px;
}

.section.tenants .visual .units .unit.regus{
	width:44px;
	height:16px;
	left:538px;
	top:0px;
	background-position:-538px -289px;
}

.section.tenants .visual a.complete_listing{
	position:absolute;
	left:0px;
	width:100%;
	bottom:-40px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.desktop .section.tenants .visual a.complete_listing:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.section.tenants .visual a.cta{
	background-image:url(../im/tenants/txt_limited_spaces.png);
	background-repeat:no-repeat;
	width:141px;
	padding-top:108px;
	display:block;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
	
	position:absolute;
	right:270px;
	bottom:200px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.desktop .section.tenants .visual a.cta:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.section.tenants .visual .major_tenants{
	position:absolute;
	width:100%;
	text-align:center;
	left:0px;
	top:-530px;
	/*
	left:320px;
	bottom:30px;
	padding:20px 0px 20px 0px;
	*/
}

/*
.section.tenants .visual .major_tenants{
	position:absolute;
	height:400px;
	width:170px;
	text-align:center;
	left:320px;
	bottom:30px;
	padding:20px 0px 20px 0px;
}

.section.tenants .visual .major_tenants a.btn_scroll{
	width:15px;
	height:7px;
	display:block;
	position:absolute;
	background-image:url(../im/spritesheet.png);
	background-position:-798px -422px;
	left:50%;
	margin-left:-7px;
	cursor:pointer;
	top:0px;
}

.section.tenants .visual .major_tenants a.btn_scroll.down{
	background-position:-820px -422px;
	bottom:0px;
	top:auto;
}

.section.tenants .visual .major_tenants .tenants{
	width:100%;
	overflow:hidden;
	height:400px;
	font-size:13px;
	position:relative;
}

.section.tenants .visual .major_tenants .tenants .tenants_container{
	position:absolute;
	left:0px;
	width:100%;
}

*/

.section.tenants .visual .major_tenants .tenants ul{
	height:400px;
	font-size:12px;
	position:absolute;
	top:0px;
	left:50%;
}

.section.tenants .visual .major_tenants .tenants ul.left{
	margin-left:-400px;
	top: 200px;
}

.section.tenants .visual .major_tenants .tenants ul.right{
	margin-left:250px;
}

.section.tenants .visual .major_tenants .tenants li.small_office{
	margin:0px 0px 20px 0px;
	position:relative;
	font-size:15px;
	font-weight:bold;
}

.section.tenants .visual .major_tenants .tenants li.small_office a{
	color:#ff0000;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.section.tenants .visual .major_tenants .tenants li.small_office .txt{
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.section.tenants .visual .major_tenants .tenants li.small_office .hover{
	position:absolute;
	left:0px;
	width:100%;
	top:0px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.section.tenants .visual .major_tenants .tenants li.small_office:hover .hover,
.section.tenants .visual .major_tenants .tenants li.small_office.hover .hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.section.tenants .visual .major_tenants .tenants li.small_office:hover .txt,
.section.tenants .visual .major_tenants .tenants li.small_office.hover .txt{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.section.tenants .visual .major_tenants .tenants li a{
	display:block;
	text-decoration:none;
	padding:0px 0px 8px 0px;
	cursor:pointer;
	padding-bottom:25px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.section.tenants .visual .major_tenants .tenants li a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.section.tenants .visual .major_tenants .tenants li a img{
	display:inline-block;
}

.section.tenants .visual .major_tenants .tenants li a .location{
	display:block;
	margin-top:0px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;	
}

.section.tenants .visual .major_tenants .tenants li a:hover .location{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* WHOLE TENANT LIST */

.section.tenants .visual .whole_tenant_list{
	position:absolute;
	width:100%;
	bottom:-50px;
	height:747px;
	font-size:15px;
	background:url(../im/tenants/whole_tenant_list_bg.png) 0px 100% repeat-x #011123;
	padding-top:50px;
	left:0px;
	text-align:left;
	z-index:1;
}

.section.tenants .visual .whole_tenant_list .pages_container{
	position:relative;
	overflow:hidden;
	width:980px;
	margin:auto;
}

.section.tenants .visual .whole_tenant_list .pages_container .pages{
	width:10000px;
}

.section.tenants .visual .whole_tenant_list .pages .page{
	width:980px;
	float:left;
	overflow-y: scroll;
    height: 684px;
}

.section.tenants .visual .whole_tenant_list .page > ul{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:310px;
}

.section.tenants .visual .whole_tenant_list .page > ul h6{
	font-size:15px !important;
	font-weight:normal;
	padding:0px;
	margin:0px;
	border:none !important;
	background:none !important;
	color:#a7acb1 !important;
	
	cursor:pointer;
	
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.desktop .section.tenants .visual .whole_tenant_list .page > ul h6:hover{
	color:white !important;
}

.desktop .section.tenants .visual .whole_tenant_list .page > ul h6.disabled{
	cursor:default;
	color:#a7acb1 !important;
}

.section.tenants .visual .whole_tenant_list .page > ul h6.ui-state-active{
	margin-top:20px;
	color:white !important;
}

.section.tenants .visual .whole_tenant_list .page > ul li:first-child h6.ui-state-active{
	margin-top:0px;
}

.section.tenants .visual .whole_tenant_list .page > ul h6 .ui-accordion-header-icon{
	display:none !important;
}

.section.tenants .visual .whole_tenant_list .page > ul p{
	padding:0px 0px 20px 0px;
	margin:0px;
	font-size:13px;
	border:none !important;
	color:#a7acb1 !important;
	background:none !important;
}

.section.tenants .visual .whole_tenant_list .page > ul p a{
	text-decoration:none;
	color:#a7acb1;
}

.desktop .section.tenants .visual .whole_tenant_list .page > ul p a:hover{
	color:white;
}

.section.tenants .visual .whole_tenant_list .page > ul ul{
	display:block;
	margin-left:17px;
}

.section.tenants .visual .whole_tenant_list .pagination{
	bottom: 0;
}

.section.tenants .visual .whole_tenant_list .pagination .arrow a{
	margin:0px;
}

.section.tenants .visual .whole_tenant_list .pagination .pages li a.active{
	width:28px;
	height:28px;
	background-position:-882px -414px;
}

/******************************************* SECTION: GRADE A OFFICE SPACE *******************************************/

.section.grade_a_office_space{
	position:absolute;
	bottom:5401px;
	height:750px;
	overflow:visible;
	z-index:1;
}

.section.grade_a_office_space .cta{
	position:absolute;
	width:100%;
	height:286px;
	bottom:0px;
	text-align:center;
	background-image:url(../im/grade_a_office_space/triangle.png);
	background-position:50% 0%;
	background-repeat:no-repeat;
	font-size:21px;
	line-height:400px;
	z-index:1;
}

.section.grade_a_office_space .visual{
	height:480px;
	position:relative;
	background:url(../im/grade_a_office_space/visual_bg.gif) white;
}

.section.grade_a_office_space .visual .buildings .back{
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-552px;
	width:1104px;
	height:89px;
	background-image:url(../im/spritesheet.png);
	background-position:0px -924px;
}

.section.grade_a_office_space .visual .buildings .mid{
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-619px;
	width:1239px;
	height:87px;
	background-image:url(../im/spritesheet.png);
	background-position:0px -817px;
}

.section.grade_a_office_space .visual .buildings .fore{
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-93px;
	width:186px;
	height:252px;
	background-image:url(../im/spritesheet.png);
	background-position:0px -1027px;
}

.section.grade_a_office_space .square_area{
	position:absolute;
	left:50%;
	margin-left:-242px;
	top:0px;
	width:475px;
	height:136px;
	padding:0px 0px 0px 0px;
	background:#021123;
	text-align:center;
	font-size:21.6px;
	/*font-family:"EB Garamond";*/
	border:5px solid white;
}

.section.grade_a_office_space .square_area .number{
	font-size:99px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-weight:bold;
	line-height:136px;
}

.msie .section.grade_a_office_space .square_area{
	padding-top:20px;
	height:116px;
}

.section.grade_a_office_space .square_area .bottom{
	position:absolute;
	left:0px;
	width:100%;
	bottom:-50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#021123;
	font-size:32px;
}

.mobile .section.grade_a_office_space .square_area .bottom{
	font-size:22px;
	line-height:22px;
}

.section.grade_a_office_space .square_area .top{
	position:absolute;
	width:430px;
	height:8px;
	left:50%;
	margin-left:-220px;
	top:-18px;
	background:#021123;
	border:5px solid white;
}

/******************************************* SECTION: GRADE A OFFICE SPACE *******************************************/

.section.office_space_optimiser{
	position:absolute;
	bottom:6151px;
	height:945px;
	background-repeat:no-repeat;
}

.section.office_space_optimiser .tab_nav{
	position:absolute;
	height:340px;
	top:50%;
	margin-top:-170px;
	left:0px;
	right:0px;
	text-align:center;
}

.section.office_space_optimiser .tab_nav li{
	width:340px;
	height:340px;
	display:inline-block;
	vertical-align:top;
	margin:0px 15px 0px 15px;
}

.section.office_space_optimiser .tab_nav li a{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
	border:1px solid #ffc461;
}

.section.office_space_optimiser .tab_nav li a{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
	border:1px solid #ffc461;
}

.section.office_space_optimiser .tab_nav li .valign{
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:100%;
}

.section.office_space_optimiser .tab_nav li .contents{
	display:inline-block;
	vertical-align:middle;
	width:99%;
}

.section.office_space_optimiser .tab_nav li .contents h4{
	color:#ffc461;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font-size:31px;
	line-height:31px;
	font-family:'arial black', 'arial'
}

.section.office_space_optimiser .tab_nav li.think_big .contents h4{
	font-size:68px;
	line-height:68px;
}

.section.office_space_optimiser .tab_nav li .contents .blurb{
	display:block;
	width:230px;
	font-size:12px;
	color:white;
	line-height:40px;
	margin:15px auto 0px auto;
	overflow:hidden;
	height:0px;
	
	border-top:1px solid #ffc461;
	border-bottom:1px solid #ffc461;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.desktop .section.office_space_optimiser .tab_nav li a:hover .contents .blurb{
	
	height:40px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.section.office_space_optimiser .expanded_content{
	position:absolute;
	top:0px;
	width:95%;
	height:100%;
	right:0px;
	background-color:#001121;
}

.section.office_space_optimiser .expanded_content .btn_close{
	position:absolute;
	width:56px;
	height:56px;
	background-position:-909px -1027px;
	cursor:pointer;
	left:-28px;
	top:50%;
	margin-top:-28px;
	display:block;
	z-index:10;
}

/***** THINK SMALL *****/

.section.office_space_optimiser .expanded_content.think_small .glow_bg{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background: -webkit-radial-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0)); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0)); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
	background: radial-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0)); /* Standard syntax */
}

.section.office_space_optimiser .expanded_content.think_small .grid{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}

.section.office_space_optimiser .expanded_content.think_small .contents{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .intro{
	font-weight:bold;
	font-size:22px;
	color:#ffc461;
	position:absolute;
	left:75px;
	top:185px;
	width:450px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .floor_area{
	color:#ffc461;
	position:absolute;
	left:80px;
	top:175px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .floor_area h4{
	color:white;
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:11px;
	text-transform:uppercase;
}

.section.office_space_optimiser .expanded_content.think_small .contents .floor_area .square_feet{
	font-size:22px;
	line-height:22px;
	margin-bottom:10px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .floor_area .square_feet .num{
	font-size:40px;
	line-height:40px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .floor_area .occupancy{
	font-size:11px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta{
	position:absolute;
	left:80px;
	top:200px;
	font-size:11px;
	width:430px;
	color:white;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta h2{
	margin:0px;
	padding:0px;
	font-size:40px;
	color:#ffc461;
	text-transform:uppercase;
	line-height:40px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta h2 .thin{
	font-weight:normal;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta h2 .small{
	font-size:23px;
	line-height:23px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta .sq_ft{
	font-size:21px;
	margin:20px 0px 20px 0px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta .txt{
	line-height:20px;
	text-align:justify;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta a.download{
	font-size:13px;
	display:inline-block;
	bottom:-50px;
	font-weight:bold;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta a.download .ico{
	display:inline-block;
	width:31px;
	height:34px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-720px -643px;
	margin-right:5px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta .btns {
	margin-top:20px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta .btns  .btn{
	display:inline-block;
	vertical-align:middle;
	width:123px;
	height:123px;
	box-sizing:border-box;
	font-size:11px;
	color:white;
	border:1px solid white;
	margin:0px 5px 0px 5px;
	text-align:center;
	font-weight:bold;
	text-align:center;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta .btns  .btn .txt{
	display:inline-block;
	vertical-align:middle;
	width:99%;
	text-align:center;
}

.section.office_space_optimiser .expanded_content.think_small .contents .cta .btns  .btn .valign{
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:100%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	top:50%;
	margin-left:-5px;
	margin-top:-5px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .ruler{
	position:absolute;
	width:566px;
	height:549px;
	background-repeat:no-repeat;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .ruler.top{
	left:0px;
	top:0px;
	margin-top:-20px;
	margin-left:-20px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .ruler.bottom{
	right:0px;
	bottom:0px;
	margin-right:-26px;
	margin-bottom:-26px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office .bg{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office .desk{
	position:absolute;
}

/* SMALL */
.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.small{
	width:221px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.small .desk_1{
	width:10%;
	left:20%;
	top:57%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.small .desk_2{
	width:22%;
	left:32%;
	top:58%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.small .desk_3{
	width:22%;
	left:63%;
	top:58%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.small .desk_4{
	width:11%;
	left:86%;
	top:58%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.small .desk_5{
	width:16%;
	left:72%;
	top:24%;
}

/* MEDIUM */
.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.medium{
	width:272px;
}


.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.medium .desk_1{
	width:20%;
	left:10%;
	top:18%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.medium .desk_2{
	width:20%;
	left:18%;
	top:58%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.medium .desk_3{
	width:13%;
	left:84%;
	top:42%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.medium .desk_4{
	width:13%;
	left:71%;
	top:42%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.medium .desk_5{
	width:13%;
	left:58%;
	top:42%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.medium .desk_6{
	width:13%;
	left:84%;
	top:5%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.medium .desk_7{
	width:13%;
	left:71%;
	top:5%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.medium .desk_8{
	width:13%;
	left:58%;
	top:5%;
}



/* LARGE */
.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big{
	width:520px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big .desk_1{
	width:20%;
	left:7%;
	top:1%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big .desk_2{
	width:20%;
	left:7%;
	top:25%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big .desk_3{
	width:20%;
	left:7%;
	top:49%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big .desk_4{
	width:20%;
	left:7%;
	top:73%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big .desk_5{
	width:20%;
	left:31%;
	top:26%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big .desk_6{
	width:10%;
	left:40%;
	top:65%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big .desk_7{
	width:23%;
	left:64%;
	top:36%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big .desk_8{
	width:14%;
	left:64%;
	top:4%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big .desk_9{
	width:9%;
	left:49%;
	top:1%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .office.big .desk_10{
	width:11%;
	left:36%;
	top:1%;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .drag_handle{
	position:absolute;
	left:100%;
	margin-left:75px;
	top:100%;
	margin-top:50px;
	color:#ffc461;
	font-size:11px;
	width:100px;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .drag_handle .ico{
	width:45px;
	height:45px;
	background-position:-865px -1388px;
	position:absolute;
	left:-50px;
	top:-20px;
	cursor:move;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .drag_handle.tl{
	right:100%;
	margin-right:75px;
	bottom:100%;
	margin-bottom:50px;
	left:auto;
	top:auto;
	text-align:right;
}

.section.office_space_optimiser .expanded_content.think_small .contents .drag_area .drag_handle.tl .ico{
	right:-50px;
	bottom:-20px;
	left:auto;
	top:auto;
	background-position:-927px -1388px;
}


/***** THINK BIG *****/
.section.office_space_optimiser .floor_plan{
	position:absolute;
	width:388px;
	height:453px;
	background-image:url(../im/spritesheet.png);
	background-position:0px -1323px;
	background-repeat:no-repeat;
	left:221px;
	top:190px;
}

.section.office_space_optimiser .floor_plan .desks{
	position:absolute;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
}

.section.office_space_optimiser .floor_plan .desks.block_1{
	width:60px;
	left:14px;
	height:64px;
	top:370px;
	background-position:-417px -1693px;
}

.section.office_space_optimiser .floor_plan .desks.block_2{
	width:58px;
	height:75px;
	left:75px;
	top:370px;
	background-position:-478px -1693px;
}

.section.office_space_optimiser .floor_plan .desks.block_3{
	width:56px;
	height:64px;
	left:137px;
	top:370px;
	background-position:-540px -1693px;
}

.section.office_space_optimiser .floor_plan .desks.block_4{
	width:58px;
	height:74px;
	left:197px;
	top:370px;
	background-position:-600px -1693px;
}

.section.office_space_optimiser .floor_plan .desks.block_5{
	width:58px;
	height:63px;
	left:257px;
	top:370px;
	background-position:-660px -1693px;
}

.section.office_space_optimiser .floor_plan .desks.block_6{
	width:57px;
	height:74px;
	left:318px;
	top:370px;
	background-position:-721px -1693px;
}

.section.office_space_optimiser .floor_plan .desks.block_7{
	width:80px;
	height:54px;
	left:301px;
	top:308px;
	background-position:-704px -1631px;
}

.section.office_space_optimiser .floor_plan .desks.block_8{
	width:80px;
	height:54px;
	left:301px;
	top:255px;
	background-position:-704px -1578px;
}

.section.office_space_optimiser .floor_plan .desks.block_9{
	width:69px;
	height:56px;
	left:301px;
	top:199px;
	background-position:-704px -1522px;
}

.section.office_space_optimiser .floor_plan .desks.block_10{
	width:81px;
	height:55px;
	left:301px;
	top:144px;
	background-position:-704px -1467px;
}

.section.office_space_optimiser .floor_plan .desks.block_11{
	width:80px;
	height:54px;
	left:301px;
	top:90px;
	background-position:-704px -1413px;
}

.section.office_space_optimiser .floor_plan .desks.block_12{
	width:58px;
	height:74px;
	left:318px;
	bottom:368px;
	background-position:-720px -1334px;
}

.section.office_space_optimiser .floor_plan .desks.block_13{
	width:56px;
	height:74px;
	left:257px;
	bottom:368px;
	background-position:-660px -1334px;
}

.section.office_space_optimiser .floor_plan .desks.block_14{
	width:60px;
	height:74px;
	left:197px;
	bottom:368px;
	background-position:-600px -1334px;
}

.section.office_space_optimiser .floor_plan .desks.block_15{
	width:60px;
	height:74px;
	left:137px;
	bottom:368px;
	background-position:-540px -1334px;
}

.section.office_space_optimiser .floor_plan .desks.block_16{
	width:62px;
	height:74px;
	left:75px;
	bottom:368px;
	background-position:-478px -1334px;
}

.section.office_space_optimiser .floor_plan .desks.block_17{
	width:61px;
	height:74px;
	left:14px;
	bottom:368px;
	background-position:-417px -1334px;
}

.section.office_space_optimiser .floor_plan .desks.block_18{
	width:79px;
	height:54px;
	left:11px;
	top:94px;
	background-position:-413px -1417px;
}

.section.office_space_optimiser .floor_plan .desks.block_19{
	width:79px;
	height:56px;
	left:11px;
	top:147px;
	background-position:-413px -1470px;
}

.section.office_space_optimiser .floor_plan .desks.block_20{
	width:79px;
	height:53px;
	left:11px;
	top:204px;
	background-position:-413px -1527px;
}

.section.office_space_optimiser .floor_plan .desks.block_21{
	width:79px;
	height:55px;
	left:11px;
	top:257px;
	background-position:-413px -1580px;
}

.section.office_space_optimiser .floor_plan .desks.block_22{
	width:79px;
	height:60px;
	left:11px;
	top:311px;
	background-position:-413px -1634px;
}

.section.office_space_optimiser .floor_plan a.download{
	font-size:13px;
	position:absolute;
	bottom:-50px;
	font-weight:bold;
}

.section.office_space_optimiser .floor_plan a.download .ico{
	display:inline-block;
	width:33px;
	height:34px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-720px -643px;
	margin-right:5px;
}

.section.office_space_optimiser .copy{
	position:absolute;
	left:670px;
	top:190px;
	width:500px;
	font-size:15px;
	height:453px;
}

.section.office_space_optimiser .copy h3{
	font-size:25px;
	text-transform:uppercase;
	margin:0px 0px 50px 0px;
	padding:0px;
	color:white;
}

.section.office_space_optimiser .slider{
	position:relative;
	width:335px;
	height:41px;
	margin:30px 0px 40px 30px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-798px -1334px;
}

.section.office_space_optimiser .slider .value{
	color:white;
	font-size:15px;
	position:absolute;
	top:20px;
}

.section.office_space_optimiser .slider .value.min{
	left:-35px;
	text-align:right;
}

.section.office_space_optimiser .slider .value.max{
	left:100%;
	margin-left:20px;
}

.section.office_space_optimiser .slider .scrubber{
	position:absolute;
	width:31px;
	height:45px;
	background-image:url(../im/spritesheet.png);
	background-position:-798px -1388px;
	top:5px;
	cursor:pointer;
	margin-left:-15px;
}

.section.office_space_optimiser .slider .scrubber .number{
	position:absolute;
	width:100px;
	text-align:center;
	font-size:11px;
	top:-15px;
	left:50%;
	margin-left:-50px;
}

.section.office_space_optimiser .slider .instructions{
	position:absolute;
	bottom:-30px;
	font-size:11px;
	text-align:center;
	width:100%;
	left:0px;
	
	font-size:14px;
}

.section.office_space_optimiser .floor_area_required{
	color:#ffc43e;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	bottom:0px;
}

.section.office_space_optimiser .floor_area_required .floor_area .number{
	font-size:122px;
	line-height:106px;
}

.section.office_space_optimiser .floor_area_required .floor_area .unit{
	/*font-family: "EB Garamond";*/
	font-size:27px;
	text-transform:lowercase;
	font-weight:normal;
}

/******************************************* SECTION: NO WASTED SPACE *******************************************/

.section.no_wasted_space{
	position:absolute;
	bottom:7096px;
	height:477px;
	text-align:center;
	background-image:url(../im/no_wasted_space/bg.jpg);
	background-repeat:no-repeat;
}

.section.no_wasted_space .copy{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background:#011123;
	color:white;
	font-size:46px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:71px;
	padding-top:140px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


/******************************************* SECTION: AMENITIES *******************************************/

.section.amenities{
	position:absolute;
	bottom:7573px;
	height:1333px;
}

.section.amenities h4{
	position:absolute;
	width:100%;
	margin:0px;
	padding:0px;
	font-size:43px;
	/*font-family:"EB Garamond";*/
	font-weight:normal;
	bottom:380px;
	color:white;
	text-align:center;
	z-index:1;
}

.section.amenities .amenities{
	height:740px;
	position:absolute;
	top:0px;
	width:1200px;
	left:50%;
	margin-left:-600px;
}

.section.amenities .amenities .bottom_shine{
	width:912px;
	height:222px;
	position:absolute;
	background-image:url(../im/amenities/bottom_shine.png);
	bottom:-222px;
	left:50%;
	margin-left:-456px;
}

.section.amenities .amenities > .amenity{
	width:393px;
	height:100%;
	position:absolute;
	background-repeat:no-repeat;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.section.amenities .amenities > .amenity.expanded{
	z-index:1;
}

.section.amenities .amenities > .amenity.facilities{
	background-image:url(../im/amenities/facilities/bg.png);
}

.section.amenities .amenities > .amenity.hotel{
	background-image:url(../im/amenities/hotel/bg.png);
	left:403px;
}

.section.amenities .amenities > .amenity.gourmet_eateries{
	background-image:url(../im/amenities/gourmet_eateries/bg.png);
	left:806px;
}

.section.amenities .amenities > .amenity .overlay{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(../im/translucent_blue_75.png);
	text-decoration:none;
	text-align:center;
	font-size:14px;
	color:#a7acb1;
	line-height:28px;
	overflow:hidden;
}

.section.amenities .amenities > .amenity .overlay h3{
	position:absolute;
	left:0px;
	bottom:50px;
	width:100%;
	margin:0px;
	padding:0px;
	font-size:28px;
	line-height:47px;
	text-transform:uppercase;
}

.section.amenities .amenities > .amenity.expanded .overlay,
.section.amenities .amenities > .amenity.collapsed .overlay{
	display:none;
}

.section.amenities .amenities > .amenity .hover{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(../im/translucent_blue_75.png);
	text-decoration:none;
	text-align:center;
	font-size:14px;
	color:#a7acb1;
	line-height:28px;
	overflow:hidden;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.section.amenities .amenities > .amenity .hover:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.section.amenities .amenities > .amenity.collapsed{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.section.amenities .amenities > .amenity.collapsed .hover:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.section.amenities .amenities > .amenity .hover .learn_more{
	display:block;
	width:283px;
	height:44px;
	background-image:url(../im/spritesheet.png);
	background-position:-613px -1027px;
	margin:280px auto 15px auto;
	padding-top:102px;
	color:#011123;
	font-size:13px;
	line-height:13px;
}

.section.amenities .amenities > .amenity .hover .title{
	/*font-family:"EB Garamond";*/
	color:white;
	font-size:32px;
	line-height:32px;
	margin:0px;
	padding:0px;
	display:block;
}

/* EXPANDED */

.section.amenities .amenities > .amenity > .expanded{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	/*background:url(../im/amenities/expanded_bg.jpg);*/
	background:#212830;
}

.section.amenities .amenities > .amenity > .expanded .btn_close{
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-203px;
	z-index:1;
	width:116px;
	height:406px;
	background-image:url(../im/amenities/close_btn_shine.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
}

.section.amenities .amenities > .amenity > .expanded .btn_close a{
	display:block;
	width:56px;
	height:56px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-909px -1027px;
	position:absolute;
	top:50%;
	right:-32px;
	margin-top:-28px;
}

.section.amenities .amenities > .amenity > .expanded .btn_close.left{
	left:0px;
	right:auto;
	background-position:100% 50%;
}


.section.amenities .amenities > .amenity > .expanded .btn_close.left a{
	right:auto;
	left:-32px;
}

.section.amenities .amenities > .amenity > .expanded .expanded_contents{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}

.section.amenities .amenities > .amenity.expanded > .expanded .expanded_contents{
	overflow:visible;
}

.section.amenities .amenities > .amenity > .expanded .intro{
	font-size:13px;
	padding:20px;
	width:210px;
	position:absolute;
	top:45px;
	left:0px;
}

.section.amenities .amenities > .amenity > .expanded .intro h3{
	text-align:center;
	font-size:32px;
	/*font-family:"EB Garamond";*/
	color:white;
	font-weight:normal;
	border-bottom:1px solid white;
	border-top:1px solid white;
	padding:10px 0px 10px 20px;
	margin:0px 0px 15px -20px;
	line-height:30px;
}

.section.amenities .amenities > .amenity.facilities > .expanded .intro{
	width:230px;
}

.section.amenities .amenities > .amenity.facilities > .expanded .intro h3{
	text-align:left;
}

.section.amenities .amenities > .amenity.gourmet_eateries > .expanded .intro h3{
	text-align:left;
}

.section.amenities .amenities > .amenity.hotel > .expanded .intro{
	width:320px;
	left:140px;
	top:130px;
}

.section.amenities .amenities > .amenity.hotel > .expanded .intro h3{
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}

.section.amenities .amenities > .amenity.hotel > .expanded .intro .hotel_logo{
	text-align:center;
}

.section.amenities .amenities > .amenity.hotel > .expanded .intro .hotel_logo img{
	display:block;
	margin:40px 0px 0px 0px;
}


.section.amenities .amenities > .amenity > .expanded .nav{
	font-size:13px;
	padding:20px;
	width:210px;
	position:absolute;
	bottom:20px;
	left:0px;
	z-index:2;
}

.section.amenities .amenities > .amenity > .expanded .nav li{
	margin-top:30px;
	position:relative;
	z-index:1;
}

.section.amenities .amenities > .amenity > .expanded .nav li h3{
	font-size:31px;
	/*font-family:"EB Garamond";*/
	color:white;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:35px;
	
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear;
}

.desktop .section.amenities .amenities > .amenity > .expanded .nav li a:hover{
	color:#a7acb1;
}

.section.amenities .amenities > .amenity > .expanded .nav li a.active h3,
.desktop .section.amenities .amenities > .amenity > .expanded .nav li a:hover h3{
	color:#ffc43e;
}

.section.amenities .amenities > .amenity > .expanded .nav .nav_active_indicator{
	width:67px;
	height:151px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-1118px 0px;
	position:absolute;
	left:0px;
	top:-15px;
}


/* LISTING */


.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing{
	margin:60px 0px 0px 270px;
	width:700px;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.pagination{
	position:absolute;
	left:50%;
	margin-left:-50px;
	width:80px;
	bottom:20px;
	text-align:center;
	
	/*
	top:50%;
	margin-top:-40px;
	width:33px;
	*/
}

/*
.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content.lifestyle .listing ul.pagination{
	margin-top:-150px;
}
*/

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.pagination li.arrow{
	/*margin:10px 0px 10px 0px;*/
	position:relative;
	z-index:1;
	display:inline-block;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.pagination li.arrow a{
	display:block;
	width:33px;
	height:33px;
	background-image:url(../im/spritesheet.png);
	background-position:-975px -1027px;
	cursor:pointer;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.pagination li.arrow.next a{
	background-position:-1018px -1027px;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.pagination li.arrow.next{
	float:right;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.pagination li.arrow.previous{
	float:left;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.list{
	display:inline-block;
	vertical-align:top;
	width:340px;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.list li{
	margin-bottom:20px;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.list li .image{
	display:inline-block;
	vertical-align:middle;
	width:83px;
	height:83px;
	position:relative;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.list li .image .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(../im/amenities/listing_image_mask.png) no-repeat;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.list li .copy{
	display:inline-block;
	vertical-align:middle;
	width:230px;
	margin-left:10px;
	font-size:12px;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.list li .copy h5{
	/*font-family:"EB Garamond";*/
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#ededed;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul.list li .copy a{
	font-weight:bold;
	color:#ededed;
	font-size:12px;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing ul li.list .copy a:hover{
	color:white;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing .pages{
	width:700px;
	overflow:hidden;
	position:relative;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .listing .pages .page{
	width:700px;
	float:left;
}


/* GALLERY */
.section.amenities .amenities > .amenity.facilities > .expanded .nav_bg{
	position:absolute;
	width:241px;
	height:600px;
	left:0px;
	background-image:url(../im/amenities/facilities/pure_fitness/nav_bg.png);
	bottom:0px;
	z-index:1;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .gallery{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:#011123;
	text-align:center;
	overflow:hidden;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .gallery .loading{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:#011123;
	/*background:url(../im/translucent_black_80.png);*/
	z-index:1;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
	display:none;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .gallery.loading .loading{
	display:block;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .gallery .loading .ico{
	position:absolute;
	width:100px;
	height:100px;
	left:50%;
	margin-left:-50px;
	top:50%;
	margin-top:-50px;
	background:url(../im/loading.gif) 50% 50% no-repeat black;
	z-index:1;
	border-radius:50px;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .gallery img.hero{
	height:100%;
	display:block;
	margin:auto;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;	
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .gallery.loading img.hero{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

/* GALLERY THUMBNAILS */

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .gallery_thumbnails{
	position:absolute;
	width:360px;
	left:600px;
	top:200px;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .gallery_thumbnails li{
	display:inline-block;
	margin:3px;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .gallery_thumbnails li img{
	cursor:pointer;
	
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.section.amenities .amenities > .amenity > .expanded .nav_contents .nav_content .gallery_thumbnails li img:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/******************************************* SECTION: ENVIRONMENTAL SUSTAINABILITY *******************************************/

.section.evironmental_sustainability{
	position:absolute;
	bottom:8906px;
	height:1110px;
}

.section.evironmental_sustainability .usgbc{
	position:absolute;
	width:790px;
	left:50%;
	margin-left:-395px;
	bottom:520px;
}

.section.evironmental_sustainability .usgbc .usgbc_logo{
	width:191px;
	height:191px;
	background-image:url(../im/environmental_sustainability/usgbc.png);
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align:bottom;
	margin-right:50px;
}

.section.evironmental_sustainability .usgbc .copy{
	width:540px;
	display:inline-block;
	vertical-align:bottom;
	font-size:15px;
}

.section.evironmental_sustainability .usgbc .copy h4{
	/*font-family:"EB Garamond";*/
	color:white;
	font-weight:normal;
	margin:0px 0px 20px 0px;
	padding:0px;
	line-height:42px;
	font-size:32px;
}

.section.evironmental_sustainability .consumption{
	font-size:22px;
	position:absolute;
	width:100%;
	top:20px;
	text-align:center;	
}

.section.evironmental_sustainability .consumption strong{
	font-size:32px;
	color:white;
}


/******************************************* SECTION: GETTING HERE *******************************************/

.section.getting_here{
	position:absolute;
	bottom:10016px;
	height:1145px;
}

.section.getting_here .copy{
	position:absolute;
	bottom:280px;
	text-align:center;
	font-size:22px;
	width:100%;
	left:0px;
}

.section.getting_here .copy h4{
	font-size:42px;
	/*font-family:"EB Garamond";*/
	font-weight:normal;
	color:white;
	line-height:52px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.section.getting_here .transport_guide{
	position:absolute;
	top:60px;
	left:0px;
	width:100%;
	text-align:center;	
	font-size:22px;
}

/* INSTRUCTIONS */

.section.getting_here .transport_guide .instructions{
	font-size:14px;	
	height:460px;
	position:relative;
}

.section.getting_here .transport_guide .instructions .instruction{
	position:absolute;
	left:0px;
	width:100%;
	bottom:50px;
	display:none;
}

.section.getting_here .transport_guide .instructions .instruction h3{
	font-size:22px;
	margin:0px 0px 25px 0px;
	padding:0px;
	color:#ffc43e;
}

.section.getting_here .transport_guide .instructions .instruction h4{
	font-size:22px;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

.section.getting_here .transport_guide .instructions .instruction h5{
	font-size:16px;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

.section.getting_here .transport_guide .instructions .instruction .block{
	display:inline-block;
	margin:0px 10px 20px 10px;
	vertical-align:top;
	width:420px;
}

.section.getting_here .transport_guide .instructions .instruction.address .ico.map{
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-909px -1212px;
	width:71px;
	height:67px;
	display:block;
	margin:25px auto 0px auto;
	
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;	
}

.section.getting_here .transport_guide .instructions .instruction.address .ico.map:hover{
	background-position:-999px -1212px;
	
}

/* TABS */
.section.getting_here .transport_guide .tabs{
	text-align:center;
	margin-bottom:10px;
}

.section.getting_here .transport_guide .tabs li{
	display:inline-block;
	vertical-align:middle;
	margin:0px 5px 0px 5px;
}

.section.getting_here .transport_guide .tabs li a{
	display:block;
	width:55px;
	height:53px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;	
	cursor:pointer;
	
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;	
}

.section.getting_here .transport_guide .tabs li a .hover{
	display:block;
	width:100%;
	height:100%;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;	
	cursor:pointer;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;	
}

.section.getting_here .transport_guide .tabs li a.active .hover,
.section.getting_here .transport_guide .tabs li a:hover .hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}

.section.getting_here .transport_guide .tabs li.address a{
	background-position:-719px -445px;	
}

.desktop .section.getting_here .transport_guide .tabs li.address a .hover{
	background-position:-719px -509px;	
}

.section.getting_here .transport_guide .tabs li.mrt a{
	background-position:-780px -445px;	
}

.desktop .section.getting_here .transport_guide .tabs li.mrt a .hover{
	background-position:-780px -509px;	
}

.section.getting_here .transport_guide .tabs li.bus a{
	background-position:-841px -445px;	
}

.desktop .section.getting_here .transport_guide .tabs li.bus a .hover{
	background-position:-841px -509px;	
}

.section.getting_here .transport_guide .tabs li.car a{
	background-position:-902px -445px;	
}

.desktop .section.getting_here .transport_guide .tabs li.car a .hover{
	background-position:-902px -509px;	
}

.section.getting_here .transport_guide .tabs li.taxi a{
	background-position:-963px -445px;	
}

.desktop .section.getting_here .transport_guide .tabs li.taxi a .hover{
	background-position:-963px -509px;	
}

.section.getting_here .transport_guide .tabs li.parking a{
	background-position:-1024px -445px;	
}

.desktop .section.getting_here .transport_guide .tabs li.parking a .hover{
	background-position:-1024px -509px;	
}

.section.getting_here .transport_guide .tabs li.coupon a{
	background-position:-1085px -445px;	
}

.desktop .section.getting_here .transport_guide .tabs li.coupon a .hover{
	background-position:-1085px -509px;	
}

/******************************************* SECTION: LANDMARKS *******************************************/

.section.landmarks{
	position:absolute;
	bottom:11161px;
	height:1650px;
}

.section.landmarks h4{
	position:absolute;
	width:100%;
	left:0px;
	bottom:350px;
	text-align:center;
	font-size:42px;
	color:white;
	/*font-family:"EB Garamond";*/
	font-weight:normal;
	line-height:58px;
}


.section.landmarks .map{
	position:absolute;
	left:0px;
	width:100%;
	height:1010px;
	background-image:url(../im/landmarks/map.png);
	background-repeat:no-repeat;	
}

.section.landmarks .map .icons li{
	position:absolute;
	width:51px;
	height:50px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.section.landmarks .map .icons li.merlion{
	background-position:-719px -580px;
	left:850px;
	top:170px;
}

.section.landmarks .map .icons li.esplanade{
	background-position:-777px -580px;
	left:900px;
	top:100px;
}

.section.landmarks .map .icons li.flyer{
	background-position:-835px -580px;
	left:1020px;
	top:127px;
}

.section.landmarks .map .icons li.gbtb{
	background-position:-893px -580px;
	left:1049px;
	top:216px;
}

.section.landmarks .map .icons li.mbs{
	background-position:-951px -580px;
	left:999px;
	top:275px;
}

.section.landmarks .copy ul{
	position:absolute;
	left:196px;
	top:260px;
	font-size:22px;
	width:430px;
}

.section.landmarks .copy ul li{
	position:absolute;
	width:100%;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.section.landmarks .copy ul li.default{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	z-index:1;
}

.section.landmarks .copy ul li.default .ico.map_icon{
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-909px -1212px;
	width:71px;
	height:67px;
	display:block;
	margin-bottom:10px;
	
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;	
}


.section.landmarks .copy ul li.default .ico.map_icon:hover{
	background-position:-999px -1212px;
	
}

.section.landmarks .copy ul li h5{
	color:#ffc43e;
	font-size:21px;
	margin:0px 0px 25px 0px;
	padding:0px;
}

.section.landmarks .copy ul li.merlion{
	top:-40px;
}

.section.landmarks .copy ul li.esplanade{
	top:-50px;
}

.section.landmarks .copy ul li.mbs{
	top:-60px;
}

.section.landmarks .copy ul li.flyer{
	top:-50px;
}

.section.landmarks .copy ul li.gbtb{
	top:-50px;
}

/******************************************* SECTION: BE PART OF ASIA SQUARE *******************************************/

.section.be_part_of_asia_square{
	position:absolute;
	bottom:12811px;
	height:1165px;
}

.section.be_part_of_asia_square .cta{
	position:absolute;
	bottom:600px;
	width:100%;
	left:0px;
	text-align:center;
}

.section.be_part_of_asia_square .cta h4{
	font-size:42px;
	/*font-family:"EB Garamond";*/
	color:white;
	text-align:center;
	font-weight:normal;
}

.section.be_part_of_asia_square .cta h4 .big_space{
	letter-spacing:3px;
}

.section.be_part_of_asia_square .cta a{
	display:block;
	margin:auto;
	width:152px;
	height:102px;
	position:relative;
}

.section.be_part_of_asia_square .cta a .animated{
	display:block;
	width:152px;
	height:152px;
	position:absolute;
	left:0px;
	top:0px;
	
	display:none;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.section.be_part_of_asia_square .cta a.animating .animated{
	display:block;
}

.section.be_part_of_asia_square .cta a.complete .animated{
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.section.be_part_of_asia_square .cta a .static{
	display:block;
	margin:auto;
	width:100%;
	height:100%;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-798px -1526px;
	font-size:19px;
	text-transform:uppercase;
	padding-top:50px;
	position:absolute;
	left:0px;
	top:0px;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.section.be_part_of_asia_square .cta a.complete .static{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.desktop .section.be_part_of_asia_square .cta a:hover{
	color:#ffc43e;
}

.desktop .section.be_part_of_asia_square .cta a .hover{
	background-image:url(../im/spritesheet.png);
	background-position:-976px -1526px;
	color:#ffc43e;
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0px;
	left:0px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.desktop .section.be_part_of_asia_square .cta a:hover .hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


/******************************************* SECTION: CONTACT *******************************************/

.section.contact{
	position:absolute;
	bottom:13976px;
	height:850px;
	overflow:visible;
}

.section.contact form{
	display:block;
	padding:120px 0px 0px 0px;
	margin:auto;
	width:790px;
}

.section.contact form h4{
	color:white;
	font-size:21px;
	text-align:center;
	margin:0px 0px 45px 0px;
	padding:0px;
	text-transform:uppercase;
}

.section.contact form h5{
	font-size:22px;
	text-transform:uppercase;
	margin:0px 0px 45px 0px;
	padding:0px;
	font-weight:normal;
	text-align:center;
}

.section.contact form h6{
	font-size:22px;
	margin:0px;
	padding:0px;
}

.section.contact form .col{
	width:340px;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	position:relative;
}

.section.contact form .col .g-recaptcha div{
	margin:auto;
}

.section.contact form .col .thank_you{
	text-align:center;
}

.section.contact form .col .thank_you a.btn_close{
	width:55px;
	height:55px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-798px -1447px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-27px;
	margin-top:30px;
	cursor:pointer;
}

.section.contact form .col.right{
	margin-left:60px;
	text-align:left;
}

.section.contact form .col.right h5{
	text-align:left;
}

.section.contact form input[type=text],
.section.contact form textarea{
	display:block;
	width:319px;
	background:none;
	border:none;
	border:2px solid #606a75;
	border-radius:5px;
	font-size:14px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 10px 3px 10px;
	margin:5px 0px 5px 0px;
	outline:none;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.section.contact form textarea{
	resize: none; 
	height:50px;
}

.section.contact form input[type=text]:focus,
.section.contact form textarea:focus{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.section.contact form select{
    display: block;
	margin:5px 0px 5px 0px;
	border: 1px solid red;
	border:2px solid #303d4c;
	border-radius:5px;
    background-color: transparent;
    color: #6b747f;
    height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	padding:3px 10px 3px 10px;
	box-sizing:border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.section.contact form .select-container{
	position:relative;
}

.section.contact form .select-container::after{
	display:block;
	content:"▼";
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-5px;
	font-size:8px;
}

.section.contact form .short{
	display:inline-block;
	width:160px;
	margin-right:15px;
	vertical-align:top;
}

.section.contact form .short.right{
	margin-right:0px;
}

.section.contact form .short input[type=text]{
	width:140px;
}

.section.contact form .submit{
	margin:20px auto 0px auto;
	width:100px;
	/*
	display:block;
	margin:30px auto 0px auto;
	width:152px;
	height:152px;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-235px -1027px;
	position:relative;
	
	cursor:pointer;
	*/
}

.section.contact form .submit .hover{
	/*
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(../im/spritesheet.png);
	background-repeat:no-repeat;
	background-position:-413px -1027px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
	*/
}

.section.contact form .submit:hover .hover{
	/*
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	*/
}

.section.contact form input[type=submit]{
	background:none;
	border:none;
	color:#a7acb1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	text-transform:uppercase;
	cursor:pointer;
	outline:none;
	
	width:100%;
	height:100%;
	
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear;
	
	position:relative;
	z-index:1;
}

.desktop .section.contact form .submit:hover input[type=submit]{
	color:#ffc43e;
}

.section.contact form.loading input[type=submit]{
	display:none;
}

.desktop .section.contact form .loading{
	width:100px;
	height:100px;
	margin:50px auto 0px auto;
	background:url(../im/loading.gif) 50% 50% no-repeat black;
	z-index:1;
	border-radius:50px;
	display:none;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;	
}

.desktop .section.contact form.loading .loading{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	display:block;
}

.section.contact form .error_message{
	font-size:9px;
	color:#ffc43e;
	height:10px;
	margin-top:-7px;
	margin-left:5px;
}




/************************************** PRELOADER **********************************/
.preloader{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#011123;
	z-index:100;
}

.preloader .progress_box{
	position:absolute;
	width:120px;
	height:120px;
	top:50%;
	margin-top:-60px;
	left:50%;
	margin-left:-60px;
	background:url(../im/loading.gif) 50% 40px no-repeat black;
	font-size:14px;
	border-radius:20px;
	box-shadow:0px 0px 10px black;
}

.preloader .progress_box #progress{
	position:absolute;
	width:100%;
	text-align:center;
	bottom:20px;
	left:0px;
}