/*==========================================================================
FONTS
============================================================================*/
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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


/*==========================================================================
GLOBAL
============================================================================*/
body {
	position: relative; 
	overflow: hidden;
	color: #fff;
	font-family: 'open_sansregular';
	font-size: 12px;
	letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;
            font-smoothing: antialiased;
}

h1, a {position: relative; z-index: 10;}
h1 {
	margin: 0 0 15px 0;
   font-family: 'open_sanslight';
	font-size: 30px;
	letter-spacing: 0.025em;
	text-shadow: 0 1px 3px rgba(14,51,84, 0.5);
}
h2 {
	margin: 0 0 15px 0;
   font-family: 'open_sanslight';
	font-size: 20px;
	letter-spacing: 0.075em;
	line-height: 150%;
}
a {text-decoration: none;}
p {margin: 0 0 10px 0; color: #7a6b4a; font-size: 12px; line-height: 150%;}
ul.bullet {margin: 0 0 10px 0; color: #7a6b4a; line-height: 150%;}
ul.bullet > li {
	margin: 0 0 5px 0;
	padding: 0 0 0 12px;
	background: url('../imgs/bullet.png') no-repeat 0 6px;
}
b {font-family: 'open_sansbold';}
.caption {
    position: absolute;
    top: 20%;
    left: 10%;
    z-index: 10;
    color: #fff;
    font-family: 'open_sanslight';
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 150%;
    text-shadow: 0 1px 3px rgba(14,51,84, 0.5);
}
.caption.colorDark {
	color: #0e3354; 
	text-shadow: none;
	text-shadow: 0 1px 3px rgba(14,51,84, 0.3);
}
.caption.block {
	padding: 20px 25px;
	background: rgba(0,0,0, 0.5);
	-webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.caption.coastalFynbos {
	background: rgba(82,144,186, 0.35);
	-webkit-box-shadow: 0 0 30px 25px rgba(82,144,186, 0.35);
       -moz-box-shadow: 0 0 30px 25px rgba(82,144,186, 0.35);
         -o-box-shadow: 0 0 30px 25px rgba(82,144,186, 0.35);
            box-shadow: 0 0 30px 25px rgba(82,144,186, 0.35);
}
.caption.diningTable {
	background: rgba(203,124,57, 0.75);
	-webkit-box-shadow: 0 0 30px 25px rgba(203,124,57, 0.75);
       -moz-box-shadow: 0 0 30px 25px rgba(203,124,57, 0.75);
         -o-box-shadow: 0 0 30px 25px rgba(203,124,57, 0.75);
            box-shadow: 0 0 30px 25px rgba(203,124,57, 0.75);
}
.caption.teppanGrill {
	background: rgba(203,124,57, 0.45);
	-webkit-box-shadow: 0 0 30px 25px rgba(203,124,57, 0.45);
       -moz-box-shadow: 0 0 30px 25px rgba(203,124,57, 0.45);
         -o-box-shadow: 0 0 30px 25px rgba(203,124,57, 0.45);
            box-shadow: 0 0 30px 25px rgba(203,124,57, 0.45);
}
.caption.bulthaupKitchen {
	background: rgba(151,166,169, 0.65);
	-webkit-box-shadow: 0 0 15px 15px rgba(151,166,169, 0.65);
       -moz-box-shadow: 0 0 15px 15px rgba(151,166,169, 0.65);
         -o-box-shadow: 0 0 15px 15px rgba(151,166,169, 0.65);
            box-shadow: 0 0 15px 15px rgba(151,166,169, 0.65);
}

.caption.dressingRoom {
	background: rgba(254,125,1, 0.65);
	-webkit-box-shadow: 0 0 30px 25px rgba(254,125,1, 0.65);
       -moz-box-shadow: 0 0 30px 25px rgba(254,125,1, 0.65);
         -o-box-shadow: 0 0 30px 25px rgba(254,125,1, 0.65);
            box-shadow: 0 0 30px 25px rgba(254,125,1, 0.65);
}
.caption.mainBathroom {
	background: rgba(102,112,92, 0.35);
	-webkit-box-shadow: 0 0 30px 25px rgba(102,112,92, 0.35);
       -moz-box-shadow: 0 0 30px 25px rgba(102,112,92, 0.35);
         -o-box-shadow: 0 0 30px 25px rgba(102,112,92, 0.35);
            box-shadow: 0 0 30px 25px rgba(102,112,92, 0.35);
}
.caption.hallway {
	background: rgba(186,152,115, 0.35);
	-webkit-box-shadow: 0 0 30px 25px rgba(186,152,115, 0.35);
       -moz-box-shadow: 0 0 30px 25px rgba(186,152,115, 0.35);
         -o-box-shadow: 0 0 30px 25px rgba(186,152,115, 0.35);
            box-shadow: 0 0 30px 25px rgba(186,152,115, 0.35);
}
.caption.asianKitchen {
	background: rgba(197,0,28, 0.35);
	-webkit-box-shadow: 0 0 30px 25px rgba(197,0,28, 0.35);
       -moz-box-shadow: 0 0 30px 25px rgba(197,0,28, 0.35);
         -o-box-shadow: 0 0 30px 25px rgba(197,0,28, 0.35);
            box-shadow: 0 0 30px 25px rgba(197,0,28, 0.35);
}
.caption.biffartypeDoor {
	background: rgba(51,37,28, 0.5);
	-webkit-box-shadow: 0 0 30px 25px rgba(51,37,28, 0.5);
       -moz-box-shadow: 0 0 30px 25px rgba(51,37,28, 0.5);
         -o-box-shadow: 0 0 30px 25px rgba(51,37,28, 0.5);
            box-shadow: 0 0 30px 25px rgba(51,37,28, 0.5);
}

.hide {display: none;}

.btn {
	display: inline-block;
    background: rgba(255, 255, 255, 0.0);
	border: 1px solid #fff;
	color: #fff;
	letter-spacing: 0.1em;
	text-shadow: 0 1px 2px rgba(14,51,84, 0.5);
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-transition: all 500ms ease-in-out;
       -moz-transition: all 500ms ease-in-out;
         -o-transition: all 500ms ease-in-out;
            transition: all 500ms ease-in-out;
}
.btn:hover {
	background: rgba(255, 255, 255, 1.0);
	color: #333;
	text-shadow: none;
}
.btn-padding {display: block; padding: 15px;}

.circleBtn {
	opacity: 0.7;
	width: 56px;
	height: 56px;
	position: absolute;
	bottom: 14%;
	left: 50%;
	z-index: 10;
	margin-left: -28px;
    background-color: #fff;
    background-repeat: no-repeat;
	color: #333;
	letter-spacing: 0.025em;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}
.circleBtn:hover {opacity: 0.85;}
.circleBtn-padding {display: block;}

.next.circleBtn {bottom: 10%; background-image: url('../imgs/arrow-next.png'); background-position: center 28px;}
.next.circleBtn:hover {background-position: center 32px;}
.next .circleBtn-padding {padding-top: 12px;}

.top.circleBtn {background-image: url('../imgs/arrow-top.png'); background-position: center 12px;}
.top.circleBtn:hover {background-position: center 8px;}
.top .circleBtn-padding {padding-top: 32px;}


/*==========================================================================
CUSTOM SCROLLBAR
============================================================================*/
.links a {
	display: inline-block; 
	margin: 7px 10px; 
	padding: 3px 15px; 
	background: #444; 
	text-decoration: none; 
	-webkit-border-radius: 15px; 
	   -moz-border-radius: 15px; 
	        border-radius: 15px;
}
.links a:hover {background: #eb3755; color: #fff;}
.content {
	width: 100%; 
	height: 450px; 
	overflow: auto; 
}

.mCSB_container{
	width: auto;
	margin-right: 30px;
	padding: 10px 0 20px 0;
	overflow: hidden;
}
.mCSB_container.mCS_no_scrollbar{margin-right: 0;}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right: 30px;}
.mCustomScrollBox>.mCSB_scrollTools{
	width: 16px;
	height: 100%;
	top: 0;
	right: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	z-index: 1000;
	height: auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{margin: 20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{
	width: 5px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}
.mCSB_scrollTools .mCSB_dragger{cursor: pointer; width: 100%; height: 30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 5px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	height: 20px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {top: 100%; margin-top: -40px;}
.mCustomScrollBox {-ms-touch-action: none;}
.mCSB_scrollTools .mCSB_draggerRail {background: #d7cea9;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #c2ac7a;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background: #c2ac7a;}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background: #c2ac7a;}


/*==========================================================================
ACCORDION
============================================================================*/
.accordion {
	width: 35%;
	position: absolute;
	top: 18%;
    right: 15%;
    z-index: 10;
    background: #e6dfc0;
    -webkit-box-shadow: 0 0 30px 25px rgba(230,223,192, 1.0);
       -moz-box-shadow: 0 0 30px 25px rgba(230,223,192, 1.0);
         -o-box-shadow: 0 0 30px 25px rgba(230,223,192, 1.0);
            box-shadow: 0 0 30px 25px rgba(230,223,192, 1.0);
}
.accordion-item-title {
	margin: 0; 
	background-image: url('../imgs/accordion-closed.png');
	background-repeat: no-repeat;
	background-position: 98% 22px;
	border-bottom: 1px solid #d7cea9;
}
.accordion-item.active .accordion-item-title {background-image: url('../imgs/accordion-open.png');}
.accordion-item-title a {display: block; padding: 15px 0; color: #695a39;}
.accordion-item-text {position: relative;}
.accordion-item-text .content {
	position: relative;
	overflow: hidden;
	height: 0;
	/*margin: 10px 0;*/
	-webkit-transition: height 500ms ease-in-out;
       -moz-transition: height 500ms ease-in-out;
         -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
}
.accordion-item.active .content {margin: 10px 0;}
.accordion-item.active .accordion-item-text .content { height: 150px; }
.accordion-item .scrollArea {
	height: 150px;
	opacity: 0;
	-webkit-transition: opacity 500ms ease-in-out;
       -moz-transition: opacity 500ms ease-in-out;
         -o-transition: opacity 500ms ease-in-out;
            transition: opacity 500ms ease-in-out;
    -webkit-transition-delay: 500ms;
       -moz-transition-delay: 500ms;
         -o-transition-delay: 500ms;
            transition-delay: 500ms;
}
.accordion-item.active .scrollArea {opacity: 1;}

.accordion-item.active .accordion-item-text-fadeTop {
	width: 95%;
	height: 20px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 20;
	background: url('../imgs/scroll-fade-top.png') repeat-x 0 0;
}
.accordion-item.active .accordion-item-text-fadeBottom {
	width: 98%;
	height: 20px;
	position: absolute;
	left: 0;
	display: block;
	bottom: 0;
	z-index: 20;
	background: url('../imgs/scroll-fade-bottom.png') repeat-x 0 0;
}


/*==========================================================================
HEADER
============================================================================*/
#header {
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	opacity: 0.5;
	-webkit-transition: all 500ms ease-in-out;
       -moz-transition: all 500ms ease-in-out;
         -o-transition: all 500ms ease-in-out;
            transition: all 500ms ease-in-out;
}
#header:hover {opacity: 1.0;}
#header a {
    color: #999;
    text-decoration: none;
    -webkit-transition: color 250ms ease-in-out;
       -moz-transition: color 250ms ease-in-out;
         -o-transition: color 250ms ease-in-out;
            transition: color 250ms ease-in-out;
}
#header a:hover {color: #000;}
#header a.active {color: #000;}

.header-logo {
	float: left;
	width: 201px; /*114px*/
	height: 30px;
	margin: 9px 35px 0 20px;
	/*background: url('../imgs/70-versveld.png') no-repeat 0 0;*/
	/*background: url('../imgs/cape-town-escape.png') no-repeat 0 0;*/
}
.header-logo-light {display: none;}
.viewingPage3 .header-logo-dark {display: none;}
.viewingPage3 .header-logo-light {display: block;}

.header-nav {float: left; margin: 16px 0 0 0;}
.header-nav-item {float: left; margin-right: 17px; padding: 3px 0;}
.header-nav-item:nth-child(3) {
	padding-right: 17px; 
	border-right: 1px solid #ccc;
	-webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
         -o-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
}

.header-lang {float: right;}
.header-lang-popup {display: none;}

.viewingPage2 #header {opacity: 0.85; background: #eee9d7; border-bottom-color: #e2dcc7;}

.viewingPage3 #header {opacity: 1.0; background: #333; border-bottom-color: #333;}
/*.viewingPage3 .header-logo {background: url('../imgs/70-versveld-white.png') no-repeat 0 0;}*/
/*.viewingPage3 .header-logo {background: url('../imgs/cape-town-escape-white.png') no-repeat 0 0;}*/
.viewingPage3 .header-nav-item:nth-child(3) {border-right-color: #666;}
.viewingPage3 #header a:hover {color: #eee;}
.viewingPage3 #header a.active {color: #eee;}


/*==========================================================================
FULL PAGE SLIDER
============================================================================*/
#full {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.full-page {position: relative; overflow: hidden;}

.photo {
	width: 1920px;
	height: 1080px;
	position: absolute; 
	top: 0; 
	left: 50%;
	margin-left: -960px;
}
.photo.maxWidth {width: auto; height: 100%;}
.photo.maxHeight {width: 100%; height: auto; left: 0; margin-left: 0 !important;}
.photo.bottom0 {top: auto; bottom: 0;}

.panPhoto {
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0; 
	left: 0;
	overflow: hidden;
}
.panPhoto.horizontal img {
	width: 3505px; 
	height: 1080px;
	position: absolute; 
	top: 0;
	left: 0;
}
.panPhoto.vertical img {
	width: 1920px; 
	height: 2821px;
	position: absolute; 
	left: 0;
	bottom: 0;
}


/*==========================================================================
CAROUSEL SLIDER
============================================================================*/
.carousel {
	width: 100%; 
	height: 100%;
	position: relative;
}

.carousel-pagination {
	height: 10px;
	position: absolute;
	bottom: 5%;
	left: 50%;
	z-index: 10;
}
.carousel-pagination-item {float: left; margin-left: 10px;}
.carousel-pagination-item:first-child {margin-left: 0;}
.carousel-pagination-item a {
	display: block;
	width: 9px;
    height: 9px;
    border: 1px solid rgba(225, 225, 225, 0.7);
    background: rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    -webkit-transition: all 200ms ease-in-out; 
       -moz-transition: all 200ms ease-in-out; 
         -o-transition: all 200ms ease-in-out; 
            transition: all 200ms ease-in-out; 
}
.carousel-pagination-item a:hover {
	background: rgba(225, 225, 225, 0.4);
}
.carousel-pagination-item a.active{
	background: rgba(225, 225, 225, 0.7);
}

.carousel-prev, .carousel-next {
	width: 40px;
    height: 65px;
	position: absolute;
	top: 45%;
	z-index: 5;
	background-color: rgba(0, 0, 0, 0.4);
	background-repeat: no-repeat;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out; 
}
.carousel-prev {
	left: 0; 
	background-image: url('../imgs/prev.png'); 
	background-position: 10px center; 
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}
.carousel-next {
	right: 0; 
	background-image: url('../imgs/next.png'); 
	background-position: 16px center;
    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
}
.carousel-prev:hover, .carousel-next:hover {width: 55px; background-color: rgba(0, 0, 0, 0.6);} 
.carousel-prev:hover {background-position: 25px center;}
.carousel-next:hover {background-position: 16px center;}

.carousel-close {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 100px;
	right: 50px;
	background: rgba(0,0,0, 0.4) url('../imgs/close.png') no-repeat center center;
	-webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
	-webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}
.carousel-close:hover {
	width: 46px;
	height: 46px;
	top: 97px;
	right: 47px;
	background-color: rgba(0,0,0, 0.6);
}

.carousel-wrapper {
	width: 100%; 
	height: 100%; 
	position: absolute;
	top: 0;
	left: 0;
}

.carousel-wrapper-slide {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}


/*==========================================================================
PILLAR MENU
============================================================================*/
.pillar {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.pillar-item {
	opacity: 0;
	display: block; 
	float: left;
	width: 24.8125%;
	height: 100%;
	position: relative;
	margin-left: 0.25%;
	overflow: hidden;
}
.pillar-item:first-child {margin-left: 0;}

.pillar-item .textBlock { 
	width: 100%;
	position: absolute; 
	top: 45%;
	left: 0;
	text-align: center;
	z-index: 10;
}
.pillar-item .textBlock .btn {opacity: 0;}
.pillar.allowHover .pillar-item:hover .textBlock .btn {opacity: 1;}

.pillar-item-photo {
	opacity: 0.50; 
	margin-left: -400px;
	position: absolute; 
	top: 0; 
	left: 50%;
}
.pillar.allowHover .pillar-item-photo {
	-webkit-transition: opacity 500ms ease-in-out;
       -moz-transition: opacity 500ms ease-in-out;
         -o-transition: opacity 500ms ease-in-out;
            transition: opacity 500ms ease-in-out;
}
.pillar.allowHover .pillar-item:hover .pillar-item-photo {opacity: 1;}


/*==========================================================================
PAGES
============================================================================*/
#video {
	width: 450px;
	height: 253px;
}
/* Unfurl */
#unfurl .carousel-prev {display: none;}

/* in the sun */
#inTheSun {
	position: relative;
	background: #e7dfc0; 
}
#inTheSun .loader {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	background: url('../imgs/loader-brown.gif') no-repeat center center;
}
#inTheSun h1, #inTheSun h2 {color: #695a39; text-shadow: none;}
#inTheSun .textBlock {
	opacity: 0;
	width: 30%; height: 490px; padding: 20px;
	position: absolute;  top: 18%; left: 10%; z-index: 10;
	background: url('../imgs/in-the-sun/back-white.png') repeat 0 0;
	-webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
#inTheSun .textBlock-fadeTop {
	width: 100%;
	height: 20px;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 10;
	background: url('../imgs/in-the-sun/scroll-fade-top.png') repeat-x 0 0;
}
#inTheSun .textBlock-fadeBottom {
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 10;
	background: url('../imgs/in-the-sun/scroll-fade-bottom.png') repeat-x 0 0;
}
#inTheSun .map {
	width: 1500px; 
	height: auto; 
	position: absolute; 
	top: 0;
	left: 50%;
	margin-left: -750px;
}
#inTheSun .map-img {width: 100%; height: auto;}
#inTheSun .map-rose {
	display: none;
	width: 2000px;
	height: 2000px;
	position: absolute;
	top: 66.2%; 
	left: 41.6%;
	background: url('../imgs/in-the-sun/rose.png') no-repeat 0 0;
}
#inTheSun .map-yzerfontein, #inTheSun .map-capeTown {
	display: none;
	padding: 8px 8px 7px 8px;
	position: absolute;
	background: #f9f5e9;
	color: #7a6b4a;
	font-family: 'open_sansbold';
	font-size: 10px;
	letter-spacing: 90%;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.2);
	   -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.2);
		     box-shadow: 0 1px 1px rgba(0,0,0, 0.2);
}
#inTheSun .map-yzerfontein {top: 83.2%; left: 52.36%;}
#inTheSun .map-capeTown    {top: 83.8%; left: 52.87%;}
#inTheSun .map-yzerfontein-arrow {
	width: 11px;
	height: 8px;
	position: absolute;
	bottom: -8px;
	left: 42px;
	background: url('../imgs/in-the-sun/arrow-yzerfontein.png') no-repeat 0 0;
}
#inTheSun .map-capeTown-arrow {
	width: 8px;
	height: 11px;
	position: absolute;
	top: 8px;
	left: -7px;
	background: url('../imgs/in-the-sun/arrow-capetown.png') no-repeat 0 0;
}
#inTheSun .map-yzerfontein.active, #inTheSun .map-capeTown.active {
	background: #7a6b4a;
	color: #f9f5e9;
	font-family: 'open_sansbold';
}
#inTheSun .map-yzerfontein.active .map-yzerfontein-arrow {background-position: 0 -8px;}
#inTheSun .map-capeTown.active .map-capeTown-arrow {background-position: 0 -11px;}
#inTheSun a {color: #695a39;}
#inTheSun .next {display: none;}
#inTheSun .tab-link {height: 30px;}
#inTheSun .tab-link-item {float: left; padding: 0 0 0 15px; border-left: 1px solid #d7cea9;}
#inTheSun .tab-link-item:first-child {padding: 0 15px 0 0; border-left: none;}
#inTheSun .tab-link-item a {display: block; color: #d7cea9; font-family: 'open_sanslight'; font-size: 23px;}
#inTheSun .tab-link-item a.active {color: #695a39;}

/* at No. 70. */
#atNo70 {background: #333;}
#atNo70 .pillar {z-index: 5;}
#atNo70 .carousel#live, #atNo70 .carousel#relax, #atNo70 .carousel#enjoy, #atNo70 .carousel#absorb {
	opacity: 0;
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 0;
}
#atNo70 .carousel .textBlock {
	display: block;
	padding: 15px;
	position: absolute; 
	top: 18%;
	left: 12%; 
	background: #e6dfc0;
	color: #695A39;
	z-index: 10;
    -webkit-box-shadow: 0 0 30px 25px rgba(230,223,192, 1.0);
       -moz-box-shadow: 0 0 30px 25px rgba(230,223,192, 1.0);
         -o-box-shadow: 0 0 30px 25px rgba(230,223,192, 1.0);
            box-shadow: 0 0 30px 25px rgba(230,223,192, 1.0);
}
#atNo70 .carousel .slide2 .textBlock {width: 35%; top: 35%; right: 15%; left: auto;}
#atNo70 .carousel#live .carousel-prev {display: none;}

#atNo70 .carousel#absorb .carousel-pagination-item a {
    border: 1px solid rgba(194, 172, 122, 1.0);
    background: rgba(194, 172, 122, 0.3);
}
#atNo70 .carousel#absorb .carousel-pagination-item a:hover {
	background: rgba(194, 172, 122, 1.0);
}
#atNo70 .carousel#absorb .carousel-pagination-item a.active{
	background: rgba(194, 172, 122, 1.0);
}

/* Enquire */
#enquire {background: #000; text-align: center;}
#enquire .textBlock {opacity: 0; width: 100%; position: absolute; top: 15%; text-align: center;}
#enquire .explore {}

.enquire-footer {
	opacity: 0.6;
	width: 100%;
	height: 30px; 
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: #000;
	-webkit-transition: opacity 500ms ease-in-out;
      -moz-transition: opacity 500ms ease-in-out;
        -o-transition: opacity 500ms ease-in-out;
           transition: opacity 500ms ease-in-out;
}
.enquire-footer p {color: #999; font-size: 10px; letter-spacing: 0.05em;}
.enquire-footer a {
	color: #ccc;
	-webkit-transition: color 350ms ease-in-out;
      -moz-transition: color 350ms ease-in-out;
        -o-transition: color 350ms ease-in-out;
           transition: color 350ms ease-in-out;
}
.enquire-footer a:hover {color: #eee;}
.enquire-footer:hover {opacity: 0.8;}
.enquire-footer-copyright, .enquire-footer-madeBy {margin: 7px 10px 0 10px;}
.enquire-footer-copyright {float: left;}
.enquire-footer-madeBy {float: right;}