/* GEL STUDIOS STYLES 
font-family: 'Open Sans', sans-serif;
font-family: 'Architects Daughter', cursive;
*/

html, body {
  	font-family: 'Open Sans', sans-serif;
}

#outter {
	min-height:100%;
	min-width:100%;
	width:auto;
	height:100%;
	background:#8bb5e7 url(/assets/images/background.jpg) no-repeat center 170px fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

h2 {
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:600;	
	color:#607775;
	letter-spacing:1px;
}

h3 {
	font-family: 'Architects Daughter', cursive;	
	font-size:25px;
	line-height:25px;
	font-weight:normal;
	color:#607775;
}

.btn {
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:15px;
	padding:12px 15px;
	background-color:#607775;	
	min-width:260px;;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 0 10px;
	position:relative;
}

.btn:before {
	content:'';
	display:block;
	position:absolute;
	top:7px;
	right:15px;
	width:15px;
	height:24px;
	background:url(/assets/images/btn_arrow.png) no-repeat top left;	
}

.listTick {
	margin:15px 0;
}

.listTick li {
	position:relative;	
	padding:0 0 0 35px;
	font-size:14px;
	line-height:18px;
	margin:0 0 15px;
	max-width:250px;
	font-weight:bold;
	color:#4d4d4d;
}

.listTick li:before {
	content:'';
	display:block;
	position:absolute;
	top:5px;
	left:2px;
	width:19px;
	height:20px;
	background:url(/assets/images/tick.png) no-repeat top left;	
}

.hide {display:none;}

.right {
	text-align:right;	
}

.center {
	text-align:center;	
}

#header {
	background-color:#0c3659;
	position:fixed;	
	z-index:100;
	width:100%;
	height:120px;
	color:#fff;
	padding:26px 0 0;
}

#header .logo_name{
	margin:3px 0 0;
}

#header .logo_sub {
	padding:5px 0 10px;
}

#header .logo_email, #header .logo_tel, #header .logo_sub {
	font-family: 'Architects Daughter', cursive;
	font-size:19px;
	line-height:19px;
	margin:0;
}

#header .logo_email {
	padding:6px 0 10px;
}

#header .logo_email {
		
}

#header .logo_meribel {
	float:right;
	position:relative;
	left:-120px;	
}

#header p {
	
}

#header .social {
	float:right;
	margin-bottom:0;	
}

#header .social li {
	display:inline-block;	
	margin-left:15px;
	margin-bottom:0;
	padding-top:12px;
}

#pageGrad {
	position:fixed;
	display:inline-block;
	height:210px;
	margin-top:145px;
	width:100%;
	background:url(/assets/images/page_grad.png) repeat-x 0 0;	
}

#topMenu {
	background-color:#164c63;	
}

#topMenu ul {
	margin:0;	
}

#topMenu li {
	display:inline-block;	
	margin:0;
	padding:17px 20px 15px 0;
}

#topMenu .homeIcon {
	padding:0 20px;	
}

#topMenu .homeIcon img {
	position:relative;
	top:5px;	
}

#topMenu .active a {
	color:#7f9da9;	
}

#topMenu li a {
	text-transform:uppercase;
	color:#fff;	
	font-size:14px;
	line-height:14px;
	text-decoration:none;
}

#slider, #headerImage {
	position:relative;
	z-index:10;
	margin-top:145px;
}

#headerImage {
	margin-bottom:-5px;	
}

#headerImage img {
	width:100%;
	height:Auto;	
}

.slider, .slider li {
	margin-bottom:0;
	position:relative;	
}

.slider .aShape {
	display:block;
	position:absolute;
	top:0;
	right:50px;	
	color:#fff !important;
	width:362px;
	height:261px;
}

.slider .aShape h2, .slider .aShape a {
	color:#fff !important;
	text-decoration:none;
}

.slider .aShape h2 {
	font-size:25px;
	line-height:30px;
	font-weight:400;
	margin-bottom:30px;
	text-transform:none;	
}

.slider .aShape a {
	text-transform:uppercase;
	position:relative;	
	font-weight:bold;
	padding:0 0 0 20px;
}
.slider .aShape .innerShape a:before {
	content:'';
	display:block;
	position:absolute;
	top:-1px;
	left:0;
	width:15px;
	height:21px;
	background:url(/assets/images/slider_arrow.png)no-repeat top left;	
}

.slider .shape_0 {background:url(/assets/images/shapes/shape0.png) no-repeat top left;}
.slider .shape_1 {background:url(/assets/images/shapes/shape1.png) no-repeat top left;}
.slider .shape_2 {background:url(/assets/images/shapes/shape2.png) no-repeat top left;}
.slider .shape_3 {background:url(/assets/images/shapes/shape3.png) no-repeat top left;}
.slider .shape_4 {background:url(/assets/images/shapes/shape4.png) no-repeat top left;}

.slider .shape_0 .innerShape {padding:35px 0 0 45px; max-width:310px;}
.slider .shape_1 .innerShape {padding:35px 0 0 55px; max-width:260px;}
.slider .shape_2 .innerShape {padding:35px 0 0 70px; max-width:310px;}
.slider .shape_3 .innerShape {padding:35px 0 0 65px; max-width:280px;}
.slider .shape_4 .innerShape {padding:35px 0 0 65px; max-width:290px;}

.B_crumbBox {
	width:100%;	
	padding:0 0 0 25px;
	margin-bottom:10px;
}

.B_crumbBox li {
	display:inline-block;
	font-size:13px;	
	margin:0;
	font-weight:bold;
	color:#999;
}

.B_crumbBox li a {
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	color:#b3b3b3;	
}

.B_crumbBox li:last-child a {
	color:#0c3659;		
}

#content {
	width:940px;	
}

#content .columns{
	background-color:#fff;	
	position:relative;
	z-index:1;
	padding:25px 0 0;
}

#content p, #content h4 {
	padding:0 25px;	
}

#content #tabContent p {
	padding:0 !important;	
}

#whiteBackground {
	background-color:#fff;	
	padding-bottom:15px;
	overflow-y:auto;
}

#bottomOutterGrey {
	background-color:#fff;	
	margin-bottom:-100px;
}

#bottomInnerGrey {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background-color:#e6e6e6;
	width:95%;
	margin-left:2.5%;
	display:inline-block;
	padding:25px 0 100px 0;	
	margin-bottom:-20px;
}

#bottomInnerGrey column {
	width:33%;
	float:left;
}

.tabcontent {
	color:#4d4d4d;	
}

.tabcontent p {
	font-size:12px;	
}

.tabcontent column:first-child {
	width:70%;
	float:left;
	padding-right:15px;	
}

.tabcontent column:last-child {
	width:30%;
	float:left;	
}

.tabcontent column ul li {
	font-size:12px;
	margin-left:15px;
	margin-bottom:5px;
	list-style-type:disc;
}

.tabcontent a {
	color:#4d4d4d;
	text-decoration:none;	
	font-weight:bold;
}

.tabcontent .titletext {
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;	
}

.tabcontent .map {
	width:100%;	
}

.tabcontent .map iframe {
	width:735px;
	height:400px;
}

.tabcontent .floorplan {
	width:735px;
	height:auto;	
}

.tabcontent .floorplanDesc {
	text-align:Center;	
}

#bottomInnerGrey h3 {
	padding:0 10px 10px 15px;	
}

#bottomInnerGrey column p {
	font-size:12px;
	line-height:17px;
	margin-bottom:10px;
	padding:0 10px 0 15px;
}

#bottomInnerGrey column .strong {
	font-weight:600;
	margin-bottom:2px;
}

.pageBottomInnerGrey {
	padding-bottom:140px !important;	
}

.pageBottomInnerGrey column {
	width:50% !important;	
}

#footerTop {
	background:url(/assets/images/footer_background.png) no-repeat center center;
	display:inline-block;
	width:100%;
	height:110px;
	position:relative;
	z-index:10;
	background-position:top;
	margin-bottom:-20px;
}

#footer {
	position:relative;
	z-index:100;
	width:100%;
	background-color:#333;	
}

#footer .title {
	text-transform:uppercase;	
	color:#4d4d4d;
	font-weight:bold;
	margin-bottom:5px;
}

#footer .links li {
	margin-bottom:3px;
}

#footer .links li a{
	text-decoration:none;
	color:#b3b3b3;
	font-size:12px;
	font-weight:bold;
}

#footer .social {
	width:100%;
}

#footer .dotted {
	border-bottom:1px dashed #b3b3b3;
	margin-bottom:8px;
}

#footer .social li {
	display:inline-block;	
	margin-right:10px;
	margin-top:5px;
}

#footer .copy {
	font-size:12px;
	color:#999;	
}

#footer, #content p, .btn, #tabber, .aShape, .innerShape, .tabcontent column {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;	
}

.selectnav { 
	display: none;
	width:90%;
	margin:15px 5%;
}

.chalet_preview {
	width:160px;
	display:inline-block;
	margin:0 10px 10px 0;
}

.chalet_preview:nth-child(3n+0) {
	margin-right:0;	
}

.chalet_preview img {
	display:block;
	width:160px;
	height:100px;
	margin:0 0 5px;
	background-color:#a1d800;
	border:none;
	outline:none;
}

.chalet_preview .info {
	background-color:#164c63;
	overflow-y:auto;
}

#content .chalet_preview .info p {
	color:#fff;	
	font-size:11px;
	margin:0;
}

.chalet_preview .info a {
	display:block;
	float:right;	
	color:#fff;
	background-color:#4b7587;
	font-size:11px;
	padding:0 5px;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 5px 5px 0;
}

.chalet_gallery_image {
	display:inline-block;
	width:160px;
	height:auto;	
	margin:0 10px 10px 0;
}

.chalet_gallery_image:nth-child(4n+0) {
	margin-right:0;	
}
	
/* TABBER*/
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs{
	padding: 3px 0;
	margin:0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#tabber {
	width:100%;
	padding:10px 25px 25px;	
}
#tabContent {
	position:relative;
	z-index:10;
	padding: 15px 15px 0 15px; 
	min-height:150px;
	background:url(/assets/images/tabber_bg.png) repeat-x top left;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 6px 10px;
	font-size:15px;
	font-weight:600;
	margin-right: 3px;
	background-color:#a2b7c1;
	color: #164c63;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	
}

.shadetabs li a.selected{ /*selected main tab style */
	background-color:#ededed;
	border-bottom-color: white;
}

.shadetabs li a.selected:hover{
	text-decoration: none;
}

.tabcontent{
	display:none;
}

@media print {
	.tabcontent {
		display:block !important;
	}
}

/* Media Adjustments */
/* Large screen */
@media only screen and (min-width: 1140px)  {
	
	#content .ten {margin-right:0; margin-left:0; width:815px;}
	#content .six {margin-right:0; margin-left:0; width:260px;}
	.chalet_preview, .chalet_preview img, .chalet_preview .info {width:235px;} 
	.chalet_preview img {height:140px;}
	#content #tabContent .chalet_preview .info p {font-size:13px; padding:0 5px !important;}
	.chalet_gallery_image {width:173px;}
	
	/* Skeleton adjustments to desired global width */
	#content {
		width:1100px;	
	}
	.container {
		width:1120px;	
	}
	.container .four.columns {
		width:255px;	
	}
	.container .six.columns {
		width:410px;	
	}
	.container .ten.columns {
		width:650px;	
	}
	.container .sixteen.columns {
		width:1100px;	
	}
}
/* Small screen */
@media only screen and (min-width: 960px) and (max-width: 1139px)  {
	#content .ten {margin-right:0; margin-left:0; width:660px;}
	#content .six {margin-right:0; margin-left:0; width:260px;}
	.chalet_preview, .chalet_preview img, .chalet_preview .info, .chalet_gallery_image, .chalet_gallery_image img{width:183px;}
	.chalet_preview:nth-child(4n+0), .chalet_gallery_image:nth-child(4n+0) {margin-right:10px;}
	.chalet_preview:nth-child(3n+0), .chalet_gallery_image:nth-child(3n+0) {margin-right:0px;}
	.tabcontent .floorplan, .tabcontent .map iframe {width:580px;}
	.tabcontent column:first-child {width:60%;}
	.tabcontent column:last-child {	width:40%;}
}

/* Smaller screen */
@media only screen and (min-width: 768px) and (max-width: 959px)  {
	#content {width:748px;}
	#content .ten {margin-right:0; margin-left:0; width:480px;}
	#content .six {margin-left:0; margin-left:0; width:258px;}
	#header .logo_meribel {left:0;}
	.listTick li {max-width:230px;}
	.shadetabs li a{padding: 6px 5px;}
	#header .social li {margin-left:3px;}
	.slider .aShape {right:0px;}
	.chalet_preview, .chalet_preview img, .chalet_preview .info, .chalet_gallery_image, .chalet_gallery_image img{width:192px;}
	.chalet_preview:nth-child(2n+0), .chalet_gallery_image:nth-child(2n+0) {margin-right:0px;}
	.chalet_preview:nth-child(3n+0), .chalet_gallery_image:nth-child(3n+0) {margin-right:10px;}
	.tabcontent .map iframe {width:400px; height:400px;}
	.tabcontent .floorplan {width:400px;}
	.tabcontent column:first-child {width:60%;}
	.tabcontent column:last-child {	width:40%;}
}

/* Phone Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#content {width:420px;}
	.js #nav { display: none; }
  	.js .selectnav { display: block; }
	#header .logo_meribel {left:-75px;}
	#header .logo_email, #header .logo_tel {text-align:center;}
	#header {position:relative; padding-bottom:30px;}
	#slider, #headerImage {margin:0; margin-top:10px;}
	#bottomInnerGrey column, .tabcontent column {width:100% !important;}
	#content .six {text-align:center;}
	.listTick {position:relative; left:30px;}
	.listTick li {max-width:300px;}
	.shadetabs li a{display:block; width:94.5%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:5px; text-align:center;}
	#tabContent {-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
	#topMenu {position:relative; top:10px;}
	#header .social {display:block; float:none; text-align:center;}
	#header .social li {padding:0;}
	#pageGrad {position:absolute; left:0; margin-top:0px;}
	.slider .aShape {display:none;}
	.chalet_preview, .chalet_preview img, .chalet_preview .info, .chalet_gallery_image img {width:162px;}
	.chalet_preview:nth-child(2n+0), .chalet_gallery_image:nth-child(2n+0) {margin-right:0px;}
	.chalet_preview:nth-child(3n+0), .chalet_gallery_image:nth-child(3n+0) {margin-right:10px;}
	#headerImage {margin-bottom:-10px;}
	.hide {display:inline-block;}
	.tabcontent .map iframe {width:340px; height:340px;}
	.tabcontent .floorplan {width:340px;}
}
/* Phone Portrait */
@media only screen and (max-width: 479px) {
	#content {width:300px;}
	.js #nav { display: none; }
  	.js .selectnav { display: block; }
	#header .logo_meribel {left:-20px;}
	#header .logo_email, #header .logo_tel {text-align:center;}
	#header {position:relative;  padding-bottom:30px;}
	#pageGrad {position:absolute; left:0; margin-top:0px;}
	#slider, #headerImage {margin:0; margin-top:10px;}
	#bottomInnerGrey column, .tabcontent column {width:100% !important;}
	#content .six {text-align:center;}
	.listTick {position:relative; left:20px;}
	.listTick li {max-width:200px;}
	.shadetabs li a{display:block; width:92.5%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:5px; text-align:center;}
	#tabContent {-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
	#topMenu {position:relative; top:10px;}
	#header .social {display:block; float:none; text-align:center;}
	#header .social li {padding:0;}
	.slider .aShape .innerShape {padding:0;}
	.slider .aShape {display:none;}
	.chalet_preview {margin-right:0;}
	.chalet_preview, .chalet_preview img, .chalet_preview .info, .chalet_gallery_image, .chalet_gallery_image img {width:218px;}
	.chalet_preview:nth-child(2n+0), .chalet_gallery_image:nth-child(2n+0) {margin-right:0px;}
	.chalet_preview:nth-child(3n+0), .chalet_gallery_image:nth-child(3n+0) {margin-right:10px;}
	#headerImage {margin-bottom:-10px;}
	.hide {display:inline-block;}
	.tabcontent .map iframe {width:220px; height:300px;}
	.tabcontent .floorplan {width:220px;}
	#outter {
		background-image:none;	
	}
}