body,html {
	font-family: 'Lato', sans-serif;
	font-weight: 400; 
	color:#fff;
	overflow-x:hidden;
	width:100%;
}

body {
	overflow:hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}



a {
	text-decoration:none;
	color:#969696;
}

p {
	color:#969696;
	font-size:14px;
	margin-bottom:20px;
	line-height:21px;
}

h1,h2 {
	font-size:29px;
	line-height:36px;
	font-weight:700;
}	

.text-bold {
	font-weight:700;
}

.text-15 {
	font-size:15px;
}

.contest-overlay{
	z-index: 99;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.8);
}

.contest-overlay.active{
	display: block;
}

.contest-overlay .iphone-container{
	max-width: 334px;
	padding-right: 80%;
	position: absolute;
	bottom: 0;
	left: 20px;
}

.contest-overlay .iphone-container p{
	color: white;
	font-size: 20px;
	line-height: 27px;
}

.contest-overlay .iphone-container a{
	color: #A29063;
	text-decoration: underline;
}

.contest-overlay .iphone-container img{
	width: 100%;
}

.contest-overlay .img-container{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 647px;
	max-height: 806px;
	height: calc(100% - 100px);
	width: calc(100% - 100px);
	background-image: url('../images/vote-now.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.contest-overlay #close-btn{
	position: absolute;
	top: 20px;
	right: 20px;
	height: 35px;
	width: 35px;
	z-index: 999;
}

a#language-toggle {
	position:absolute;
	left:20px;
	top:20px;
	font-size:9px;
	color:#efefef;
}

#header-scroll {
	width:100%;
	height:62px;
	background-color:#a29063;
	position:fixed;
	top:-90px;
	z-index:12;
	-moz-box-shadow:    0px 0px 6px 0px #000;
    -webkit-box-shadow: 0px 0px 6px 0px #000;
    box-shadow:         0px 0px 6px 0px #000;
}

/*#header-scroll #header-container {
	width:825px;
	height:100%;
	margin:0 auto;
	position:relative;
}*/

#header-scroll #logo-sm {
	width:92px;
	height:40px;
	background:url(../images/logo_sm.png) no-repeat;
	position:absolute;
	top:10px;
	left:3%;
}

#header-scroll #logo-sm a{
	width:100%;
	height:100%;
	position:absolute;
}


#header {
	width:100%;
	height:140px;
	position:fixed;
	top:0;
	z-index:10;
}

#logo {
	width:178px;
	height:77px;
	background:url(../images/logo.png) no-repeat;
	background-size:100% auto;
	position:absolute;
	left:3%;
	z-index:20;
	top:32px;
}

#logo a{
	width:100%;
	height:100%;
	position:absolute;
}

.menu {
	width:auto;
	position:absolute;
	top:48px;
	right:3%;
	z-index:19;
	white-space:nowrap;
}

#header-container .menu{
	top:23px;
}

.menu a {
	display:inline-block;
	color:#fff;
	margin-left:20px;
	font-size:13px;
	padding-bottom:20px;
	text-shadow: 1px 1px 1px #000;
	letter-spacing:1px;
}

#header-container .menu a {
	text-shadow: none;
}

/*.menu a:hover {
	border-bottom:4px solid #fff;
}*/

.menu a.active {
	/*border-bottom:4px solid #fff;*/
}

#header .highlight {
	height:4px;
	background-color:#fff;
	position:absolute;
	bottom:0;
	width:0px;
	-moz-box-shadow:    0px 0px 3px 0px #000;
    -webkit-box-shadow: 0px 0px 3px 0px #000;
    box-shadow:         0px 0px 3px 0px #000;
}

#header-scroll .highlight {
	height:4px;
	background-color:#fff;
	position:absolute;
	bottom:-3px;
	width:100px;
}

#intro-image {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	z-index:9;
	-moz-box-shadow:    0px 0px 6px 0px #000;
    -webkit-box-shadow: 0px 0px 6px 0px #000;
    box-shadow:         0px 0px 6px 0px #000;
}

.fullscreen-ground {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	background-size:cover;
	background-color:#000;
	z-index:1;
}

#intro-image video{
  min-width: 100%;
  min-height: 100%; 
  width: auto; 
  height: auto; 
  position:absolute;
  left:0;
  z-index:0;
}

#background-home {
	display:none;
	background-image:url(../images/home-ieground.jpg);
}

#background-concord {
	display:none;
	background-image:url(../images/concord.jpg);
}

#background-metro {
	background-image:url(../images/over_yaletown.jpg);
}

#background-metro2 {
	background-image:url(../images/location-aerial.jpg);
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

#background-living {
	background-image:url(../images/living-building.jpg);
}

#background-living2{
	background-image:url(../images/deck.jpg);
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

#background-living3 {
	background-image:url(../images/living-bathroom.jpg);
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

#background-living4 {
	background-image:url(../images/overhang.jpg);
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

#background-register {
	background-image:url(../images/deck.jpg);
}

#intro-block{
	width:390px;
	height:auto;
	background:url(../images/trans-black.png);
	position:absolute;
	top:50%;
	right:3%;
	z-index:100;
	overflow:hidden;
	display:none;
}

#intro-block h1{
	color:#fff;
	text-align:left;
	margin:20px;
	width:300px;
}

#intro-block h2{
	color:#fff;
	text-align:left;
	margin-left:45px;
	margin-bottom:30px;
	width:300px;
	font-size:12px;
	line-height:16px;
	float:left;
	font-weight:normal;
}

#intro-block p{
	font-size:13px;
	line-height:17px;
	margin:0 20px 20px;
	color:#fff;
	float:left;
}

#intro-block a {
	color:#fff;
}

#intro-block a:hover {
	color:#a29063;
}

#intro-block img {
	margin:0 0 20px 20px;
	float:left;
}


#plus {
	width:40px;height:40px;
	position:absolute;
	display:none;
	right:55px;
	background:url(../images/plus.png) no-repeat;
	cursor:pointer;
	z-index:50000;
}

#plus:hover {
	background-position:0 100%;
}

.section,
.section-708 {
	width:465px;
	background:#fff;
	height:auto;
	position:relative;
	margin:0 auto;
	padding:80px 0;
}

.section-708 {
	width:708px;
}

.section-708 p,
.section p {
	width:100%;	
	margin-bottom:60px;
	font-size:13px;
	line-height:15px;
	display:inline-block;
	
}

#plans-holder {
	padding-bottom:0;
	height:726px;
}

a.plans-toggle {
	position:absolute;
	top:84px;
	padding:7px 0 8px;
	background:#fff;
	border:1px solid #efefef;
	color:#999;
	font-size:11px;
	width:140px;
	text-align:center;
}


a.plans-toggle.active,
a.plans-toggle:hover {
	background:#a29063;
	border:1px solid #fff;
	color:#fff;
}

a#plans-toggle-1 {
	right:290px;	
}

a#plans-toggle-2 {
	right:145px;
}

a#plans-toggle-3 {
	right:0;
}

#plans-mobile {
	width:10000px;
	background-color:#fff;
	height:auto;
	position:relative;
	overflow:hidden;
	padding-top:40px;
}

#plans-mobile img {
	float:left;
}

#plans-icon-holder {
	width:100%;
	height:100px;
	background-color:#fff;
	text-align:center;
}

.plan-icon {
	width:12px;height:12px;
	background:url(../images/plan-icon.png) no-repeat;
	display:inline-block;
	margin:20px 5px;
}

.icon-active {
	background-position:0 100%;
}

.section h2,
.section-708 h2 {
	color:#969696;
	margin-bottom:20px;
}

.gallery,
.gallery-living {
	width:100%;
	height:780px;
	margin:0 0 25px;
	position:relative;
}

.gallery-living {
	height:1850px;
}

.gallery img {
	position:absolute;
	width:228px;
}

.gallery-living img,
.gallery-living #img12,
.gallery-living #img2,
.gallery-living #img7{
	position:absolute;
}

.gallery img.img464 {
	width:464px;
}

.iefallback {
	display:none;
}

.img-over-left {
	left:-236px;
}

.img-over-right {
	left:472px;
}

.img-offsetleft {
	left:-118px;
}

.img-left {
 	left:0;
}

.img-innerleft {
 	left:117px;
}

.img-center {
 	left:237px;
}

.img-far-right {
	left:473px;
}

.img-close-right {
	left:355px;
}

.img-right {
	left:236px;
}

.img-outsideright {
	left:353px;
}

.img-row1 {
	top:0;
}

.img-row2 {
	top:157px;
}

.img-living-row2 {
	top:244px;
}

.img-living-row3 {
	top:415px;
}

.img-row3 {
	top:316px;
}

.img-living-row4 {
	top:586px;
}

.img-row4 {
	top:488px;
}

.img-living-row5 {
	top:830px;
}

.img-row5 {
	top:646px;
}

.img-living-row6 {
	top:1172px;
}

.img-row6 {
	top:803px;
}

.img-living-row7 {
	top:1514px;
}

#video-container {
	height:auto;
	width:100%;
}

.amenities-block {
	width:100%;
	height:210px;
	/*margin-bottom:20px;*/
	margin-bottom:10px;
	position:relative;
}

/*#amenities-block-1 {
	top:150px;
}

#amenities-block-2 {
	top:375px;
}

#amenities-block-3 {
	top:600px;
}

#amenities-block-4 {
	top:825px;
}*/



.amenities-block h3{
	font-size:21px;
	color:#969696;
	margin-bottom:10px;
	font-weight:700;
}

.amenities-img {
	width:346px;height:210px;
	position:absolute;
	left:0;
	top:0;
	background-color:#666;
	margin-right:10px;
}

.amenities-info {
	width:350px;
	position:absolute;
	top:0;
	left:365px;
}

.amenities-info ul li{
	color:#969696;
	list-style-type:none;
	margin-bottom:5px;
	
	font-size:13px;
}

.amenities-info p{
	line-height:18px;
}

#plans {
	width:100%;
	height:auto;
	background:#fff;
	position:relative;
	-moz-box-shadow:    0px 0px 6px 0px #000;
    -webkit-box-shadow: 0px 0px 6px 0px #000;
    box-shadow:         0px 0px 6px 0px #000;
    z-index:8;
    padding-bottom:0;
}

#views {
	width:100%;
	height:290px;
	background:#999;
	position:relative;
	cursor: url(../images/drag-cursor.png) 30 20, auto;
	
}

.cycle {
	height:100%;
	background:url(../images/views/15.jpg);
}

#view-label {
	text-align:center;
	color:#fff;
	z-index:5000;
	position:absolute;
	bottom:10px;
	width:100%;
	font-size:14px;
}

#compass-ground {
	width:198px;height:195px;
	background:url(../images/compass-ground-1.png) no-repeat;
	position:absolute;
	bottom:-98px;
	left:50%;
	margin-left:-99px;
	z-index:20;
}

#rotator {
	width:198px;height:195px;
	background:url(../images/rotate.png) no-repeat;
	position:absolute;
	left:0;
	top:0;
}

#full-plate {
	width:100%;
	height:670px;
	position:absolute;
	overflow:hidden;
	z-index:15;
	top:136px;
	cursor:pointer;
}

#full-plate img{
	position:absolute;
	left:-670px;
	top:-314px;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

#plate-legend {
	width:250px;
	height:440px;
	position:absolute;
	right:50px;
	top:50px;
	background-color:#fff;
	-moz-box-shadow:    0px 0px 6px 0px #666;
    -webkit-box-shadow: 0px 0px 6px 0px #666;
    box-shadow:         0px 0px 6px 0px #666;
}

#plate-legend img{
	margin-left:5px;
	margin-top:10px;
}

#plate-legend h2 {
	color:#939393;
	font-size:20px;
	margin-left:20px;
	margin:0 0 10px 20px;
	font-weight:400;
}

.legend-type {
	width:150px;
	margin-left:20px;
	height:25px;
	margin-bottom:10px;
	font-size:12px;
	line-height:12px;
	color:#939393;
	padding-left:10px;
}

#type-1 {
	border-left:30px solid #ddd7c7;
}

#type-2 {
	border-left:30px solid #cdc3aa;
	line-height:22px;
}

#type-3 {
	border-left:30px solid #beb291;
}

#zoom-in,
#zoom-out {
	width:49px;height:49px;
	background:url(../images/zoom-in.png) no-repeat;
	position:absolute;
	right:50px;
	bottom:110px;
	cursor:pointer;
}

#zoom-out {
	bottom:50px;
	background:url(../images/zoom-out.png) no-repeat;
}

#intro-video {
	width:300px;
	height:169px;
	background-color:#000;
	margin:10px 45px 15px;
	float:left;
	position:relative;
}

#intro-video iframe{
	position:absolute;
	top:0;
	left:0;
}

#youtubevid1 {
	display:block;
}

#youtubevid2,
#youtubevid3 {
	display:none;	
}

#intro-right,
#intro-left {
	position:absolute;
	bottom:155px;
	width:15px;
	height:15px;
	cursor:pointer;
}

#intro-right {
	right:20px;
	background:url(../images/arrow-right.png) center center no-repeat;
}

#intro-left {
	left:20px;
	background:url(../images/arrow-left.png) center center no-repeat;
}

/*video[poster]{
height:100%;
width:auto;
}*/

.st_facebook_hcount {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    margin-top:15px;
    float:right;
}

#scroll-hint {
	height:50px;
	width:100px;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-50px;
	background:url(../images/arrow-down.png) center bottom no-repeat;
	text-align:center;
	font-size:11px;
	line-height:22px;
	z-index:20;
}

/*--------Location Animation-------*/
#location {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	overflow: hidden;
	display:none;
}

#SiteBG1,
#SiteBG2,
#SiteBG3 {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}

#SiteBG1 {
	background:url(../images/bg-1.jpg) no-repeat left center;
	background-size:cover;
	z-index:1;
}

#SiteBG2 {
	background:url(../images/bg-2.jpg) no-repeat left center;
	background-size:cover;
	z-index:2;
}

#SiteBG3 {
	z-index:3;
	background:url(../images/bg-3.jpg) no-repeat left center;
	background-size:cover;
}

.animateItem{  
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity:0;
    opacity:0;
}

#Tag1, #Tag2{ position:absolute; z-index:5; top:50px; left:0; text-align:center;width:100%;
font-size:32px;line-height:39px;text-shadow: 1px 1px 2px #333;}


#Place1{position:absolute; z-index:6; bottom:21%; left:45%}
#Place2{position:absolute; z-index:7; bottom:42%; left:24%}
#Place3{position:absolute; z-index:8; bottom:60%; right:11%}
#Place4{position:absolute; z-index:9; bottom:51%; left:15%}
#Place5{position:absolute; z-index:10; bottom:23%; left:15%}
#Place6{position:absolute; z-index:11; bottom:30%; left:33%}
#Place7{position:absolute; z-index:100012; bottom:65%; left:53%}

a.pdf {
	background:url(../images/pdficon.png) 10px center no-repeat;
	padding:8px 10px 10px 40px;
	color:#969696;
	border:1px solid #efefef;
	margin-top:10px;
	display:inline-block;
}

a.pdf:hover {
	background-color:#a29063;
	color:#fff;
	border-color:#a29063;
}

/*------------FOOTER-------------*/

#footer {
	height:290px;
	width:100%;
	position:relative;
	/*background:url(../images/footer-ground.jpg) center top no-repeat;*/
	background-size:cover;
	background-color: white;
	z-index: 10;
}

#footer-content {
	width:94%;
	height:100%;
	position:relative;
	margin:0 auto;
	border-top:1px solid #d3d3d3;

}

#footer-content #left-col{
	position:absolute;
	top:60px;
}

#footer-content #right-col{
	position:absolute;
	right:0;
	text-align:right;
	top:60px;
}

#footer-content #right-col a{
	display:block;
	margin-bottom:5px;
}

#footer-content p,
#footer-content a{
	font-size:14px;
	line-height:19px;
}

#footer-content a:hover {
	color:#a29063;
}


#footer-logo {
	width:176px;
	height:76px;
	background:url(../images/logo-footer.png) no-repeat;
	position:absolute;
	left:50%;
	margin-left:-88px;
	top:60px;
}

#footer-concord {
	width:96px;
	height:48px;
	background:url(../images/footer-concord.png) no-repeat;
	position:absolute;
	left:50%;
	margin-left:-48px;
	top:160px;
}



@media screen and (max-width: 900px){
	#logo {
		width:100px;
	}

	#header .menu {
		left:3%;
		top:100px;
		
	}
	
	#header .menu a {
		margin-left:0;
		margin-right:10px;
		font-size:11px;
	}
	
	#header-scroll .menu a {
		margin-left:10px;
		font-size:11px;
	}
	
	.highlight {
		display:none;
	}
	
	.menu a.active {
		border-bottom:4px solid #fff;
	}
}

@media screen and (max-width: 700px){
	#footer-logo,
	#footer-concord {
		display:none;
	}
	
	
	
}