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

html, body {
    margin: 0;
	font-family:Helvetica;
	min-height:1000px;
	min-width:1200px;
}

a:active {
    outline: medium none;
}
a:focus {
    outline: medium none;
}

button::-moz-focus-inner {
    border: 0 none;
    outline: medium none;
}

img {
	color:#000;
	text-decoration:none;
}

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


#container {
    background-position: center top;
    height: auto;
    width: auto;
	margin-left: auto;
    margin-right: auto;
}

/*Navigation*/

#header-logo {
	width: 100%;
	height:65px;
	background-color:#58595b;
	color:#fff;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	position:fixed;
	top:0;
}


#logo{
	width:380px;
	height:48px;
    margin-left: -190px;
	position:fixed;
	display: block;
	z-index:100;
	top:14px;
	left:50%;
}


#header {
	width: 100%;
	height:45px;
	background-color:#fff;
	color:#fff;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	top:65px;
	position:fixed;
}
	
#navigation {
	color:#58595b;
	height:56px;
	width: 1000px;
	top:59px;
	text-align:center;
	position:fixed;
	z-index:100;
	margin-left:-500px;
	left:50%;
	padding-top:23px;
}

.menu {
    display: inline;
    font-size: 9pt;
    letter-spacing: 2px;
	padding:0;
}

.menu a{
	color: #58595b;
    display: inline;
    font-size: 9pt;
    letter-spacing: 2px;
    list-style: none outside none;
   	margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    text-decoration: none;
}

.menu a:hover {
    display: inline;
	color:#262728;
    font-size: 9pt;
    letter-spacing: 2px;
    list-style: none outside none;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    text-decoration: none;
	padding-bottom:17px;
}

.on {
    display: inline;
	color:#262728;
    font-size: 9pt;
    letter-spacing: 2px;
    list-style: none outside none;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    text-decoration: none;
	padding-bottom:17px;
}

/*End Navigation*/

/*Page Content*/
#award-logo {
	width:165px;
	height:100px;
	position:fixed;
	right:18px;
	bottom:18px;
}

#award-logo img {
	width:165px;
	height:100px;
}

#text-background-home {
	width:390px;
	height:239px;
	background-color:#fff;
	color:#fff;
	opacity: 0.7; 
filter: alpha(opacity=75); /* For IE8 and earlier */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
	position:fixed;
	bottom:0;
	left:0px;
	margin-left:56px;
}

#text-strip-home {
	width:390px;
	height:8px;
	background-color:#58595b;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	position:fixed;
	bottom:239px;
	left:0px;
	margin-left:56px;
}

#text-home {
	color:#363739;
	font-size: 10pt;
    letter-spacing:0.05em;
	margin-left:89px;
	position:fixed;
	bottom:96px;
	line-height:19px;
	width:327px;
	height:116px;
}


#text-background-location {
	width:380px;
	height:310px;
	background-color:#fff;
	color:#fff;
	opacity: 0.7; 
filter: alpha(opacity=75); /* For IE8 and earlier */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
	position:fixed;
	bottom:0;
	right:56px;
}




#text-background-contact {
	width:374px;
	height:130px;
	background-color:#343838;
	color:#fff;
	opacity: 0.8; 
filter: alpha(opacity=85); /* For IE8 and earlier */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
	position:fixed;
	bottom:42px;
	right:0;
}

#text-strip-contact {
	width:8px;
	height:130px;
	background-color:#fff;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	position:fixed;
	bottom:42px;
	right:374px;
}

#text-contact {
	color:#fff;
	font-size: 10pt;
    letter-spacing:0.05em;
	right:15px;
	position:fixed;
	bottom:42px;
	line-height:19px;
	width:327px;
	height:100px;
}

#text-background-terraces {
	width:487px;
	height:322px;
	background-color:#343838;
	color:#fff;
	opacity: 0.8; 
filter: alpha(opacity=85); /* For IE8 and earlier */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
	position:fixed;
	bottom:42px;
	right:0;
}

#text-strip-terraces {
	width:8px;
	height:322px;
	background-color:#fff;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	position:fixed;
	bottom:42px;
	right:487px;
}

#text-terraces {
	color:#fff;
	font-size: 10pt;
    letter-spacing:0.05em;
	right:15px;
	position:fixed;
	bottom:74px;
	line-height:19px;
	width:440px;
	height:262px;
	overflow:auto;
}


.emaillink {
    color: #ffffff;
    font-size: 10pt;
    line-height: 17px;
    text-decoration: none;
    width: 190px;
}
.emaillink a {
    color: #ffffff;
    font-size: 10pt;
    line-height: 17px;
    text-decoration: none;
    width: 190px;
}
.emaillink a:hover {
    color: #fff;
    font-size: 10pt;
    line-height: 17px;
    text-decoration: underline;
    width: 190px;
}

/*End Page Content*/	

/*Floor Plan Carousel*/

#floor-plans {
	width:960px;
	height:500px;
	background-color:#FFF;
	margin-left:-480px;
	left:50%;
	margin-top:200px;
	position:fixed;
}


/* ----------- Non-Retina Screens ----------- */
@media only screen
 	and (max-height: 800px) {
  body #floor-plans {margin-top:140px; position:fixed;}
  body #location-map-box {margin-top:140px; position:fixed;}
}

/* ----------- Retina Screens ----------- */
@media only screen 
   	and (max-height: 800px) 
  	and (min-resolution: 192dpi) { 
  body #floor-plans {margin-top:140px; position:fixed;}
  body #location-map-box {margin-top:140px; position:fixed;}
}


.wrapper {
    max-width: 960px;
    padding: 0 20px 40px 20px;
    margin: auto;
}

.disclaimer {
	font:helvetica;
	font-size:8pt;
	color:#999;
	padding-top:10px;
	margin:auto;
	width:120px;
	text-align:right;
	letter-spacing:2px;
	float:right;
	margin-right:-23px; !important
	
}

.disclaimer a {
	font:helvetica;
	font-size:8pt;
	color:#999;
	text-decoration:none;
}

.disclaimer a:hover {
	color:#fff;
	text-decoration:none;
}

.pdf {
	font:helvetica;
	font-size:8pt;
	color:#999;
	padding-top:10px;
	margin:auto;
	width:220px;
	letter-spacing:2px;
	float:left;
	margin-left:-20px;	
}

.pdf a {
	font:helvetica;
	font-size:8pt;
	color:#999;
	text-decoration:none;
}

.pdf a:hover {
	color:#fff;
	text-decoration:none;
}

/*End Floor Plan Carousel*/

/* Disclaimer */

#disclaimer-text {
	color:#363739;
	font-size: 10pt;
    letter-spacing:0.05em;
	line-height:19px;
	z-index:1000;
	width:800px;
	height:340px;
	background-color:#fff;
	margin-left:-480px;
	left:50%;
	margin-top:200px;
	position:fixed;
	text-align:center;
	padding-left:80px;
	padding-right:80px;
	padding-top:160px;
	display:none;
}

.disclaimer-close {
	color:#999;
    text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	display:none;
	position:fixed;
	z-index:1999;
	width:20px;
	height:20px;
	left:50%;
	margin-left:440px;
	margin-top:220px;
}

.disclaimer-close a {
	color:#999;
    text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
}

.disclaimer-close a:hover {
	color:#666;
    text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
}


/* End Disclaimer */

/* Gallery */

#gallery-bar {
    float: left;
    height: 510px;
    left: 0;
    margin-top: 200px;
    position: absolute;
    top: 0;
    visibility: visible;
    width: 19880px;
}

.gallery-image {
	height: 500px;
 	float: left;
}

.gallery-image img {
	font:arial;
	colour:#000;
	font-size:6px;
	background-color:#000;
}


/*Location Page Map*/

#location-map-box {
	width:960px;
	height:490px;
	background-color:#F7F5F3;
	margin-left:-480px;
	left:50%;
	margin-top:208px;
	position:fixed;
}

#text-strip-location {
	width:960px;
	height:8px;
	background-color:#58595b;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	position:fixed;
	margin-left:-480px;
	left:50%;
	margin-top:-8px;
}


.location-wrapper {
    max-width: 960px;
    padding: 0 20px 40px 20px;
    margin: auto;
}


#text-location {
	color:#363739;
	font-size: 10pt;
    letter-spacing:0.05em;
	line-height:19px;
	width:290px;
	height:280px;
	float:left;
	padding-left:33px;
	margin-top:30px;
}

#location-map {
		float:left;
}

#location-instruct{
	width:290px;
	height:150px;
	padding-left:33px;
	float:left;
	margin-top:120px;
}

.location-instruct-arrow {
	float:left;
	width:20px;
	font-family:"Raleway",sans-serif;
	color:#808080;
	margin-top:-6px;
	font-size:16pt;
}

.location-instruct-text {
	color:#808080;
	font-size: 9pt;
    letter-spacing:0.05em;
	line-height:17px;
	float:left;
	width:270px;
}

#location-information-clifton{
	width:354px;
	height:490px;
	background-color:#F7F5F3;
	margin-left:126px;
	left:50%;
	position:fixed;
	display:none;
}

#location-information-table-mountain{
	width:354px;
	height:490px;
	background-color:#F7F5F3;
	margin-left:126px;
	left:50%;
	position:fixed;
	display:none;
}

#location-information-waterfront{
	width:354px;
	height:490px;
	background-color:#F7F5F3;
	margin-left:126px;
	left:50%;
	position:fixed;
	display:none;
}

#location-information-woodstock{
	width:354px;
	height:490px;
	background-color:#F7F5F3;
	margin-left:126px;
	left:50%;
	position:fixed;
	display:none;
}

#location-information-cbd{
	width:354px;
	height:490px;
	background-color:#F7F5F3;
	margin-left:126px;
	left:50%;
	position:fixed;
	display:none;
}

#location-information-signal-hill{
	width:354px;
	height:490px;
	background-color:#F7F5F3;
	margin-left:126px;
	left:50%;
	position:fixed;
	display:none;
}

#location-information-lions-head{
	width:354px;
	height:490px;
	background-color:#F7F5F3;
	margin-left:126px;
	left:50%;
	position:fixed;
	display:none;
}

#location-info-text {
	color:#363739;
	font-size: 10pt;
    letter-spacing:0.05em;
	line-height:19px;
	width:290px;
	height:249px;
	float:left;
	margin-top:-7px;
	padding-left:33px;

}

#info-image {
	float:left;
	padding-left:33px;
	margin-top:30px;
	color:#363739;
	font-size: 10pt;
    letter-spacing:2px;
	line-height:19px;
	
}

#location-close{
	display:none;
}

#location-close a {
	font-family:"Raleway",sans-serif;
	color:#999;
	font-size:16pt;
	display:block;
	height:20px;
	width:20px;
	position:fixed;
	z-index:1000;
	margin-left:930px;
	margin-top:10px;

}

#location-close a:hover {
	color:#333;
}

a, img {outline:none;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }

/*The Villas Embed Box*/
#the-villas-box {
	width:960px;
	height:490px;
	background-color:#F7F5F3;
	margin-left:-480px;
	left:50%;
	margin-top:208px;
	position:fixed;
}

#text-strip-villas {
	width:960px;
	height:8px;
	background-color:#58595b;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	position:fixed;
	margin-left:-480px;
	left:50%;
	margin-top:-8px;
}

/*Home Page Videos*/

#video-thumbs {
	width:207px;
	height:247px;
	position:fixed;
	bottom:0;
	margin-left:456px;
	opacity: 0.95; 
	filter: alpha(opacity=95); /* For IE8 and earlier */ 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

#video-story {
	background-image:url(../images/video-thumb-story.png);
	background-repeat:no-repeat;
	background-position:top centre; 
	width:205px;
	height:98px;
	text-indent:-999px;
	margin-bottom:10px;
	display:block;
}

#video-story a {
	background-image:url(../images/video-thumb-story.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:205px;
	height:98px;
	text-indent:-999px;
	display:block;
}

#video-story a:hover {
	background-image:url(../images/video-thumb-story.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

#video-feeling {
	background-image:url(../images/video-thumb-feeling.png);
	background-repeat:no-repeat;
	background-position:top centre; 
	width:205px;
	height:98px;
	text-indent:-999px;
	display:block;
}

#video-feeling a {
	background-image:url(../images/video-thumb-feeling.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:205px;
	height:98px;
	text-indent:-999px;
	display:block;
}

#video-feeling a:hover {
	background-image:url(../images/video-thumb-feeling.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.video-close {
	color:#999;
    text-decoration: none;
	position:fixed;
	z-index:1999;
	width:20px;
	height:20px;
	left:50%;
	margin-left:440px;
	margin-top:220px;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	display:none;
}

.video-close a {
	color:#999;	
}

.video-close a:hover {
	color:#666;	
}

#video-block-story {
	padding-top:25px;
	padding-left:50px;
	display:none;
}

#video-block-feeling {
	padding-top:25px;
	padding-left:50px;
	display:none;
}

#the-videos-box {
	width:960px;
	height:490px;
	background-color:#F7F5F3;
	margin-left:-480px;
	left:50%;
	margin-top:208px;
	position:fixed;
	display:none;
}

#text-strip-videos {
	width:960px;
	height:8px;
	background-color:#58595b;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	position:fixed;
	margin-left:-480px;
	left:50%;
	margin-top:-8px;
	display:none;
}

/*ARRCC PDF*/

#arrcc-thumbs {
	width:207px;
	height:140px;
	position:fixed;
	bottom:0;
	left:20px;
	opacity: 0.95; 
	filter: alpha(opacity=95); /* For IE8 and earlier */ 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

#arrcc-pdf-thumbnail {
	background-image:url(../images/video-thumb-arrcc.png);
	background-repeat:no-repeat;
	background-position:top centre; 
	width:205px;
	height:98px;
	text-indent:-999px;
	margin-bottom:10px;
	display:block;
}

#arrcc-pdf-thumbnail a {
	background-image:url(../images/video-thumb-arrcc.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:205px;
	height:98px;
	text-indent:-999px;
	display:block;
}

#arrcc-pdf-thumbnail a:hover {
	background-image:url(../images/video-thumb-arrcc.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

/*The ARRCC PDF Embed Box*/
#the-arrcc-box {
	width:580px;
	height:400px;
	background-color:#F7F5F3;
	margin-left:-290px;
	left:50%;
	margin-top:208px;
	position:fixed;
	display:none;
}

#text-strip-arrcc {
	width:580px;
	height:8px;
	background-color:#58595b;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	position:fixed;
	margin-left:-290px;
	left:50%;
	margin-top:-8px;
	display:none;
}

.arrcc-close {
	color:#999;
    text-decoration: none;
	position:fixed;
	z-index:1999;
	width:20px;
	height:20px;
	left:50%;
	margin-left:261px;
	margin-top:152px;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	display:none;
}

.arrcc-close a {
	color:#999;	
}

.arrcc-close a:hover {
	color:#666;	
}

/*--- VR tour styles ---*/
.vr-wrapper {
	width: 1020px;
	margin: 150px auto 0; 
	box-sizing: border-box;
}

.bob {
	width: 320px;
	display: inline-block;
	margin: 10px 0;
	background-color: #343838; /*rgba prefix*/
	background-color: rgba(52, 56, 56, 0.8);
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 10px;
	color: white;
}

.bob:first-child {
	margin-right: 20px;
}
.bob:last-child {
	margin-left: 20px;
}

.dev {
	text-align: center;
	margin-top: 400px;
	color: white;
}
.vr-test {
	width: 680px;
	margin: 150px auto 0; 
	box-sizing: border-box;
	text-align: center;
}

.bob-test {
	width: 320px;
	display: inline-block;
	margin: 10px 0;
	background-color: #343838; /*rgba prefix*/
	background-color: rgba(52, 56, 56, 0.8);
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 10px;
	color: white;
}

.bob-test:first-child {
	margin-right: 20px;
}
.bob-test:last-child {
	margin-left: 20px;
}

.bob2 {
	width: 1020px;
	display: inline-block;
	margin: 10px 0;
	background-color: #343838; /*rgba prefix*/
	background-color: rgba(52, 56, 56, 0.8);
	text-align: center;
	box-sizing: border-box;
	padding: 10px;
	color: white;
	position: relative;
}

.vr_section_headers{
	text-align: center;
	font-family: Helvetica;
	color: white;
	font-weight: 400;
	letter-spacing: 4px;
	text-transform: uppercase;
	position: relative;
}
.vr_section_headers:before{
	content: '';
	width: 100px;
	border-bottom: 1px solid white;
	position: absolute;
	left: 0;
	height: 9px;
	top: 4px;
}
.vr_section_headers:after{
	content: '';
	width: 100px;
	border-bottom: 1px solid white;
	position: absolute;
	right: 0;
	height: 9px;
	top: 4px;
}


/*-- vr view thumnails on display page --*/

.thumbs {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 10px 0 10px;
	display: flex;
	justify-content: center;
}

.thumb-nav {
	width: 320px;
	display: inline-block;
	margin: 0;
	background-color: #343838; /*rgba prefix*/
	background-color: rgba(52, 56, 56, 0.8);
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 10px;
	color: white; 
}
/*.thumb-nav:first-child {*/
/*	margin-right: 25px;*/
/*}*/
/*.thumb-nav:last-child {*/
/*	margin-left: 25px;*/
/*}*/

.thumb-nav{
    margin: 0 12.25px;
}

/*---  hover effect for thumbnails for VR tour ----*/

/*.hvrbox .hvrbox-layer_slideup {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.hvrbox:hover .hvrbox-layer_slideup,
.hvrbox.active .hvrbox-layer_slideup {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
*/

/* ----------- Non-Retina Screens ----------- */
@media only screen
 	and (max-height: 800px) {
  body #the-villas-box {margin-top:140px; position:fixed;}
  body #the-arrcc-box {margin-top:140px; position:fixed;}
  body #location-map-box {margin-top:140px; position:fixed;}
  body .disclaimer-close {margin-top:161px; position:fixed;}
  body .video-close {margin-top:161px; position:fixed;}
  body #disclaimer-text {margin-top:140px; position:fixed;}
  body #the-videos-box {margin-top:140px; position:fixed;}
}

/* ----------- Retina Screens ----------- */
@media only screen 
   	and (max-height: 800px) 
  	and (min-resolution: 192dpi) { 
  body #the-villas-box {margin-top:140px; position:fixed;}
  body #the-arrcc-box {margin-top:140px; position:fixed;}
  body #location-map-box {margin-top:140px; position:fixed;}
  body .disclaimer-close {margin-top:161px; position:fixed;}
  body .video-close {margin-top:161px; position:fixed;}
  body #disclaimer-text {margin-top:140px; position:fixed;}
  body #the-videos-box {margin-top:140px; position:fixed;}
}