body{
	color: #787878 !important;
	padding: 0 !important;
	font-size: 100%;
	background-color: #f0f0f0;
}

.main {
	position: relative;
}

.pagebody {
	position: relative;
	font-family: 'Open Sans', sans-serif;
}


.container {
	margin: 0 auto;
	padding: 40px 0;
}

/*---------------------------------bootstrap overrides*/
* {
	font-weight: normal !important;
}

.devCarousel .carousel {
	margin-bottom: 0;
}

.devCarousel h2 {
	text-transform: uppercase;
}

.carousel-inner > .item {
	min-height: 278px;
}

p {
	padding: 10px 0;
}

.carousel-control {
	background: none !important;
	border: none !important;
}

/*-----------------------------------bootstrap overrides[end]*/


/*----------------------------------------------INTRO classes*/
.intro {
	width: 100%;
	position: relative;
	background: #2F343B url('../img/progress.gif') no-repeat center 50%;
}

.intro .itemGrayscale {
	width: 100%;
	position: absolute;
	height: 100%;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.intro .introItem {
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.wrapperCover, .introItemWrapper {
	width: 100%;
	height: 100%;
	display: table;
	position: relative;
}

.wrapperCover {
	display: none;
	/*width: 70%;
	margin: 0 auto;*/
	position: relative;
}

.introItemWrapper h3 {
	/*text-align: center;
	vertical-align: middle;*/
	font-size: 5.14em;
	color: white;
	text-transform: uppercase;
	/*display: table-cell;*/
	position:absolute;
	left:0;
	bottom:120px;
	padding: 0;
	margin: 0;
	line-height: normal;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}
/*----------------------------------------------INTRO classes[end]*/

/* HEADER ---------------------------------------------->*/

header {
	width: 100%;
	font-family: 'Oswald', sans-serif;
	-webkit-box-shadow: 0 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0 0px 15px 0px rgba(0,0,0,0.2)
}

header .container {
	padding: 0 !important;
}

.navigationWrapper {
	padding: 10px 0;
}

.dockingTop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
}

.dockingBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5000;
}

.mainHeader {
	width: 100%;
}

.navbar-inner {
	border: none !important;
}

ul.nav li {
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: #dbdbdb 1px solid;
	font-size: 0.8em;
}

.navbar {
	margin-bottom: 0 !important;
}

.arrange {
	float: right;
}

.nav-collapse, .btn-navbar {
	margin-top: 14px !important;
}

/* HEADER [END] ------------------------------------------->*/



/*----------------------------------GALLERY */
.fullscreenGall {
	position: fixed;
	background-color: #2f343b;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: table;
}


.exitBtn {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 200;
}

/*----------------------------------GALLERY [end]*/


/*-------------------------------------------GENERAL STYLING*/
h1 {
	display: none;
}
h2 {
	color: #FFF !important;
	margin: 0 !important;
	padding: 0 !important;
}
.accordion-group {
	border: none!important;
}

.justify-all-lines
{
    /* This element will need layout for the text-justify
     * to take effect in IE7 (and possibly previous versions);
     * this will force it, for more info Google "hasLayout in IE"
     */
    overflow: hidden;
    text-align: justify;

    /* For IE6 to IE7 since they don't support :after */
    -ms-text-justify: distribute-all-lines; /* IE8+ */
    text-justify: distribute-all-lines; /* IE5+ */
}

.justify-all-lines:after
{
    /*
     * We don't need IE6 and IE7 inline-block hack support here
     * since they don't support :after anyways (the text-justify
     * properties for them are above)... IE8 and above have native
     * inline-block support so for IE8+, both the text-justify and
     * :after will take effect but it doesn't have any negative
     * effects since this element is invisible
     */
    display: inline-block;
    width: 100%;
    content: '.';
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.contStyle00, .houseSection {
	background-color: #e2e2e2;
}

.contStyle00 h2 {
	font-size: 1.8em;
	line-height: 1em;
	color: #2F343B !important;
}

.contStyle01 {
	background-color: #6E636B;
	color: #1f1a25;
}

.contStyle03 {
	background-color: #2F343B;
	color: #FFF;
}

.contStyle04 {
	background: url('../img/bg-footer-fade.png') top left repeat-x #ddd;
	width: 100%;
	padding: top;
	float: left;
}

.contStyle05 {
	background: url("../img/bgtemp1.jpg") repeat-x top;
}

.overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px 15px;
	font-weight: bold;
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	font-style: italic;
	text-shadow: 1px 1px 1px #897c63;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.hidden {
	display: none;
}

.fitAll {
	width: 100%;
}

.colourer {
	background-color: black !important;
}

.more-info {
	padding: 20px 0;
}

.more-info a {
	color: white;
	display: block-inline;
	border: 1px solid white;
	padding: 5px;
}

.more-info a:hover {
	color: #E2E2E2;
	text-decoration: none;
}


.dynamic {
	height: 100%;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	color: white;
	background: rgb(47, 52, 59);
	/* RGBa with 0.6 opacity */
	background: rgba(47, 52, 59, 0.6);
	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#992f343b, endColorstr=#992f343b);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#992f343b, endColorstr=#992f343b)";
}

.dynamic h3 {
	text-transform: uppercase;
}

.overlayHolder {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
}

.overlayHolder .overlayHolderInner {
	display: table;
	width: 100%;
	height: 100%;
}

.hiddeElement {
	display: none;
}

.more-info {
	padding-bottom: 0 !important;
}

.large-btns_nav {
	z-index: 5000;
}

.stop-scrolling {
	height: 100%;
	overflow: hidden;
}

.itemColouring00 {
	color: #2F343B;
}

.itemColouring01 {
	color: #70ad2e;
}

.remover {
	padding: 0;
}
/*-------------------------------------------GENERAL STYLING [end]*/

/*------------------------------------------ABOUT US classes*/
.aboutus .span6 {
	border-top: 1px solid #998b95;
	padding-top: 20px;
}

.aboutus h2 {
	margin-bottom: 20px !important;
}

.aboutus span {
	font-weight: bold !important;
}
.aboutus i {
	font-size: 0.857em;
}

.aboutus tr td:first-child {
	text-transform: uppercase;
	font-weight: bold !important;
}

.aboutus td {
	border: none !important;
}

.aboutus .container {
	padding-bottom: 20px !important;
}

.chairmansMsg .accordion {
	margin-bottom: 0;
}

.chairmansMsg .accordion-inner {
	padding-left: 0;
	padding-right:0;
}

.chairmansMsg .accordion-heading {
	text-align: center;
	color: black !important;
	text-transform: uppercase;
}

.chairmansMsg .container {
	padding: 0 !important;
}
.chairmansMsg .accordion-group {
	margin-bottom: 0 !important;
}

.chairmansMsg h4{
	color: #2F343B;
}

.chairmansMsg blockquote{
	margin-top:20px;
}

.chairmansMsg blockquote p{
	font-size: 100%!important;
}
/*------------------------------------------ABOUT US classes[end]*/

/*------------------------------------------DEVELOPMENT classes*/
.devCarousel .container {
	padding: 0;
}
.devCarousel {
	padding: 40px 0;
}

.development-top {
	width: 100%;
	font-size: 2.429em;
	line-height: 1em;
	font-weight: normal;
	/*text-align: center;*/
	color: #2F343B;
	background-color: #f0f0f0;
}

.devCarousel {
	color: #1f1a25;
}
/*------------------------------------------DEVELOPMENT classes[end]*/

/*------------------------------------------LOCATION classes*/
#locationMobile{
	display: none;
}

#locationMobile img{
	margin:0 auto;
}

.large {
	width: 500px !important;
}

.extraLarge{
	width:900px!important;
}

.isocontent {
	background: #2F343B;
	color: white;
}

.location {
	background-image: url('../img/locationBg.jpg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
}

.location #isotopeContainer {
	padding: 5%;
}

.location .item {
	margin: 5px 1%;
	/*-moz-box-shadow: 0 0 2px 2px #000;
	 -webkit-box-shadow: 0 0 2px 2px #000;
	 box-shadow: 0 0 2px 2px #000;*/
	overflow: hidden;
	position: relative;
}

.quotation {
	background-image: url('../img/quotation.jpg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	display: table;
	width: 180px;
	height: 180px;
}

.quotation p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0 20px;
	color: #FFF;
}

.isocontent {
	/*margin-left:266px;*/
	height: 100%;
}

.isocontent p {
	padding: 20px;
}

.beach, .luxury, .pleasure {
	width: 500px;
}

/*beach*/
#beach_holiday {
	background-image: url('../img/beachHoliday.jpg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	height: 396px;
	width: 266px;
	display: table;
	float: left;
}

.beach {
	height: 396px;
}

.beachCont {
	width: 266px;
}

.beach .isocontent {
	margin-left: 266px;
}

/*beach*/

/*luxury*/
#luxury_living {
	background-image: url('../img/luxury.jpg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	width: 252px;
	height: 375px;
	display: table;
	float: left;
}

.luxuryCont {
	width: 252px;
}

.luxury .isocontent {
	margin-left: 252px;
}

.luxury {
	height: 375px;
}
/*luxury*/


/*pleasure*/
#your_pleasure {
	background-image: url('../img/yourpleasure.png');
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	width: 252px;
	height: 375px;
	display: table;
	float: left;
}

.pleasureCont {
	width: 252px;
}

.pleasure {
	height: 375px;
}

.pleasure .isocontent {
	margin-left: 252px;
}
/*pleasure*/

/*local attraction*/
#local_attraction {
	background-image: url('../img/nativeFabric.jpg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
	width: 300px;
	height: 262px;
	display: table;
	float: left;
}

.attraction {
	height: 262px;
}

.attractionCont {
	width: 300px;
}

.attraction .isocontent {
	margin-left: 300px;
}
/*local attraction*/

/*chef*/
#chef {
	background-image: url('../img/chef.jpg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	height: 396px;
	width: 266px;
	display: table;
	float: left;
}

.chef {
	height: 396px;
}

.chefCont {
	width: 266px;
}

.chef .isocontent {
	margin-left: 266px;
}
/*chef*/	

/*------------------------------------------LOCATION classes[end]*/

/*------------------------------------------HOUSES classes*/
.house_thumb_cont {
	position: absolute;
	left: 0;
	height: 100%;
	overflow: hidden;
}

.houses_cont_wrapper {
	position: relative;
	min-height: 370px;
}

.houses_wrapper {
	background-color: #2F343B;
	width: 100%;
	position: relative;
}

.next, .prev {
	position: absolute;
	top: 50% !important;
	cursor: pointer;
}

.carousel .next {
	top: 0 !important;
}

.next {
	right: 0;
}
.prev {
	left: 0;
}


.house {
	margin: 0;
	position: relative;
	height: 100%;
}

.houses {
	background-image: url('../img/houses_bg.png');
	background-position: center;
	background-repeat: repeat-y;
	background-size: cover;
	padding: 90px 0;
}

.houses .container {
	overflow: hidden;
	padding: 40px 0;
	position: relative;
}

#houseNav {
	padding: 45px 0;
	display: table;
	margin: 0 auto;
}

.house h1, .house button, #house_info h1 {
	display: block;
	margin: 0 auto;
}

.house .overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	height: 100%;
	width: 100%;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#house_info {
	/*position: absolute;
	 left: 0;
	 top: 0;*/
	background-color: #2F343B;
	min-height: 370px;
	display: none;
	color: #9C9A97;
}

#house_info h1, #house_info .house_body {
	color: #FFF;
}

#house_info h2 {
	color: #70AD2E !important;
	font-size: 1.714em;
}

#house_info figure img {
	margin-top: 16px;
}

#house_info p {
	padding-top: 0 !important;
}
#house_info .house_body .more-info {
	padding: 0 0 10px 0 !important;
	float: left;
	margin-right: 10px;
}

.propertyNav {
	display: none;
	position: absolute;
	bottom: 50px;
}

.propertyNav .more-info {
	padding-top: 0;
}

.red {
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	width: 400px;
	height: 100%;
	display: table;
	position: relative;
	margin: 0 1px
}

.red .thumbOverlay {
	width: 100%;
	height: 100%;
	position: relative;
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.red .thumbOverlay h2 {
	text-align: center;
	padding-bottom: 10px !important;
}
.red .thumbOverlay > div {
	position: absolute;
	width: 100%;
}


.house_img {
	height: auto;
	max-width: 100%;
	position: relative;
	width: 100%;
}

.house_img img {
	display: block;
	width: 100%;
}

#house_info .span1, #house_info .span2, #house_info .span3, #house_info .span4, #house_info .span5, #house_info .span6, #house_info .span7, #house_info .span8, #house_info .span9, #house_info .span10, #house_info .span11, #house_info .span12 {
	padding-bottom: 20px;
}

.houseNote {
	/*text-align: center;*/
}

.houseNote aside {
	font-size: 2.429em;
	line-height: 1em;
	color: #2F343B;
}

/*------------------------------------------HOUSES classes[end]*/


/*------------------------------------------CONTACT US classes*/
/* contact us form*/

#contact_us label {
	display: none;
}
#contact_us textarea {
	min-height: 200px;
}

#contact_us form input, #contact_us form textarea{
	background: #e5e7e1;
	border: none;
	padding: 5%;
	color: #434A51;
}

#contact_us form select{
	width: 100%;
}

input, textarea, .uneditable-input {
	width: 90% !important;
}

#contact_us form input[type='submit'] {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #5bb75b;
	*background-color: #51a351;
	background-image: -moz-linear-gradient(top,#62c462,#51a351);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
	background-image: -webkit-linear-gradient(top,#62c462,#51a351);
	background-image: -o-linear-gradient(top,#62c462,#51a351);
	background-image: linear-gradient(to bottom,#62c462,#51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	width: 100% !important;
	text-transform: uppercase;
}

:required {
	background: #FCF8E3 url("../img/red_asterisk.png") no-repeat 98% center !important;
}

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {/* when a field is considered invalid by the browser */
	background: #F2DEDE url("../img/invalid.png") no-repeat 98% center !important;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

.contact_form input:required:valid, .contact_form textarea:required:valid {/* when a field is considered valid by the browser */
	background: #DFF0D8 url("../img/valid.png") no-repeat 98% center !important;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}

*:focus {
	outline: none;
}

.footerSoc a, footerSoc a:hover{
	color:#7a7a7a!important;
}

.hideFeedback {
	display: none;
}

.displayFeedback {
	display: inline-block;
}

::-webkit-input-placeholder {
	color: #cccccc;
}

:-moz-placeholder {
	color: #cccccc;
}

/* form end*/


.contactus h3 {
	color: #d4d4d4 !important;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 1px solid #555;
	margin-bottom: 20px;
	font-size: 1.8em;
}

.contactus .container {
	padding: 20px 0;
}

.contactus {
	color: #a2a2a2;
}

.contactus tr td:first-child {
	text-transform: uppercase;
	color: #FFF;
}

.contactus .more-info a{text-transform: none; color: #FFF;}
.contactus .more-info a:hover{color:#E2E2E2;}

.contactus a, 
.contactus a:hover{color: #70ad2e;}

.contactus td{border:none!important;}

img.listeningb{
	width:100%;
} 

.partnersCol h3 {
	margin-top: 0;
	padding-top: 0;
	line-height: 1em;
	padding-bottom: 20px;
}
.map_wrapper {
	height: 300px;
}

#errors li {  
    list-style:none;  
}  
#errors li:before {  
    content: ' - ';  
}  
#errors #info {  
    font-weight:bold;  
}  
#errors #info:before {  
    content: '';  
}  
#success, #errors{    
    display:none;  
}  
#errors.visible, #success.visible {  
    display:block;  
}  
#req-field-desc {  
    font-style:italic;  
}  

.social a{
	color: #fff;
}

.social a:hover{
	color:#ddd;
}

.social .span4{
	text-align:center;
}
/*------------------------------------------CONTACT US classes[end]*/

/*------------------------------------------FOOTER classes*/
footer {
	background-color: #2f2d30;
	width: 100%;
}
footer .container {
	padding: 20px 0;
}
/*-----------------------------------------FOOTER classes[end]*/

/*------------------------------------------Responsive classes*/
@media only screen and (max-width: 320px) {
	body {
		font-size: 70% !important
	}
	.navbar .brand {
		padding: 10px 0 10px 10px !important;
	}
	.intro {
		display: none;
	}
	h1 {
		font-size: 2em !important;
		line-height: normal !important;
	}
	h2 {
		font-size: 1.8em !important;
		line-height: normal !important;
	}
	h3 {
		font-size: 1em !important;
	}
	p {
		line-height: normal !important;
	}
	ul.nav li {
		border: none;
	}
}

@media only screen and (max-width: 600px) {
	.location {
		background: none;
	}
	
	#locationMobile{
		display: block;
	}
	
	#isotopeContainer{
		display: none;
	}
}

@media only screen and (min-width: 320px) and (max-width: 800px) {

	.navbar .brand {
		padding: 10px 0 10px 10px !important;
	}
	.intro {
		display: none;
	}
	.propertyNav {
		position: relative;
		bottom: 0;
	}
}

@media only screen and (max-width: 979px) {
	.arrange {
		float: none !important;
	}
	ul.nav li {
		border: none;
		margin-right: 0;
		padding-right: 0;
	}

	.container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

}