html {
		position: fixed;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	body {
		position: fixed;
		background-color:#ddd;
		width: 100%;
		height: 100%;
		overflow: hidden;
		padding: 0px;
		margin: 0px;
	}

	/* junge-regular - latin */
	@font-face {
		font-family: 'Junge';
		font-style: normal;
		font-weight: 400;
		src: url('../font/junge-v4-latin-regular.eot'); /* IE9 Compat Modes */
		src: local("☺"),
			url('../font/junge-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../font/junge-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('../font/junge-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
			url('../font/junge-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../font/junge-v4-latin-regular.svg#Junge') format('svg'); /* Legacy iOS */
	}


	/*#testPhone{
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -188px;
		margin-top: -334px;
		width: 375px;
		height: 667px;
		overflow: hidden;
	}*/
	#testPhone{
		display: block;
		position: absolute;
		left: 0%;
		top: 0%;
		width: 700%;
		height: 100%;
		overflow: visible;
	}
	
	
	
	
	#navHolder{
		display: block;
		position: absolute;
		left: 15%;
		top: 5%;
		width: 70%;
		height: 5%;
	}
	.navGroup{
		display: inline-block;
		top: 0%;
		height: 100%;
		text-align:center;
		cursor: pointer;
	}
	.navCircle{
		display: inline-block;
		position: relative;
		top: 0%;
		height: 100%;
		border-radius: 999px;
		border-style: solid;
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box; 
	}
    .navInnerCircle{
		display: block;
		position: absolute;
		top: 10%;
		left: 10%;
		width: 80%;
		height: 80%;
		border-radius: 999px;
		background-color: #856F63;
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box; 
	}
	.navInnerCircle:hover{
		background-color: #A79185;
	}
	
	
	
	/*                                                    // BACKGROUNDS //          */
	.group{
		display: block;
		position: absolute;
		top: 0%;
		left: 0%;
		width: 14.29%;
		height: 100%;
		overflow: hidden;
		background-repeat:no-repeat;
		background-size: cover;
		background-position: center center;
	}
	
	#homeGroup{background-image: url(../images/sepia/homeBackground_1000p.jpg);}
	#chaletGroup{background-image: url(../images/sepia/chalet_background.jpg);}
	#galleryGroup{background-image: url(../images/sepia/gallery_fire.jpg);}
	#mapGroup{background-image: url(../images/sepia/map.jpg);}
	#availabilityGroup{background-image: url(../images/sepia/availability_background.jpg);}
	#pricesGroup{background-image: url(../images/sepia/prices_background.jpg);}
	#contactGroup{background-image: url(../images/sepia/contacts_kitchen.jpg);}
	
	
	
	
	
	.background{
		display: block;
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
	}
	.imgHolder{
		display: block;
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
	}
	

	.pageTitle{
		display: block;
		position: absolute;
		top: 15%;
		margin-left: 50%;
		text-align: center;
		font-family: 'Junge', serif;
		color: #FFF;
	}

	.vertical{
		/*transform-origin: left top 0;*/
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		transform-origin: left top;
				
		
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
		left: 0px;
		top: 0px;
		text-align: right;
		margin-left: 0px;
		margin-top: 0px;
	}
	
	#calendar{
		display: block;
		position: absolute;
		left: 5%;
		top: 0px;
		width: 90%;
		height: 100px;
	}
	
	
	
	#storage{
		display: block;
		position: absolute;
		left: -10px;
		top: -10px;
		width: 1px;
		height: 1px;
		overflow: hidden;	
	}
	
	.sq{
		display: block;
		position: absolute;
		width: 11.5%;
		border: 1px #907669 solid;
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box; 
		background-repeat:no-repeat;
		background-size:100% 100%;
	}
	.sqHolder{
		display: table;
		position: absolute;	
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
	.sqNum{
		display: table-cell;
		left: 0px;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		font-family: 'Junge', serif;
		color: #FFF;
	}
	.weekDayBorders{
		display: block;
		position: absolute;
		left: 0%;
		top: 50%;
		width: 100%;
		height: 33%;
		border: #907669 solid;
		border-left-width: 1px;
		border-top-width: 0px;
		border-right-width: 1px;
		border-bottom-width: 1px;
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box; 
	}
	

	.monthBox{
		display: table;
		position: absolute;	
		right: -169.57%;
		top: 0px;
		width: 150%;
		height: 100%;
		pointer-events: none;
	}
	.monthBoxSub{
		display: table-cell;
		left: 0px;
		width: 100%;
		vertical-align: middle;
		text-align: left;
		font-family: 'Junge', serif;
		color: #FFF;
		pointer-events: none;
	}
	

	
	#startDateGroup{
		z-index: 9999;;	
	}
	#endDateGroup{
		z-index: 9998;
	}
	.dateGroup{
		display: block;
		position: absolute;	
		left: 5%;
		width: 72.5%;
		height: 4%;
		text-align: left;
		font-family: 'Junge', serif;
		color: #FFF; 	 
	}
	.inputDate{
		display: block;
		position: absolute;	
		left: 50%;
		width: 50%;
		height: 100%;
		top: 0%;	
		border: 1px #907669 solid;
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box; 
		text-align: center;
		padding: 2px;
		font-family: 'Junge', serif;
		color: #FFF; 
		background-color: transparent;
	}
	#saveDates{
		display: block;
		position: absolute;	
		right: 0%;
		width: 15%;
		height: 4%;
		top: 20%;	
		border: 1px #907669 solid;
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box; 
		text-align: center;
		padding: 2px;
		font-family: 'Junge', serif;
		color: #FFF; 
		background-color: transparent;
		cursor: pointer;
	}
	#saveDates:hover{
		background-color: #060;
		border-width: 2px;
	}
	
	
	
	
	
	
	
	.mainBand{
		display: block;
		position: absolute;
		left: 10%;
		width: 80%;
	}
	#availability{
		top: 30%;
	}

	#pricesTableDiv{
		bottom: 5%;
		text-align: center;
		font-family: 'Junge', serif;
		color: #FFF;
	}
	#pricesTable{
		background-color: #30231D;
	}
	td {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	table { border-spacing: 12px 0px 12px 0px; }
	
	
	#contactText{
		bottom: 5%;
		text-align: center;
		font-family: 'Junge', serif;
		color: #000;
		line-height: 180%;
	}
	#contactText a{
		color: #1f6751;
	}
	#contactText a:hover{
		color: #3c846e;
	}
	
	
	
	
	
	
	
	
	
	
	

	
	#mainTitle{
		display: table;
		position: absolute;	
		top: 15%;
		height: 10%;
		left: 0%;
		width: 100%;
		background-color: #1F6751;
	}
	#mainTitleText{
		display: table-cell;
		text-align: center;
		font-family: 'Junge', serif;
		color: #FFF;
		vertical-align:middle;
	}
	
	
	
	
	#langChoice{
		display: block;
		position: absolute;
		top: 110%;
		height: 25%;
		text-align: center;
		color:  #1F6751;
	}
	.langHolder{
		display: table;
		position: absolute;
		width: 10%;
		height: 100%;
		top: 0%;
		text-align:center;
		border-style: solid;
		border-color: #1F6751;
		border-width: 2px;
		cursor: pointer;
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box; 
	}
	.langHolder:hover{
		background-color:#CCC;
	}
	
	.langInner{
		display: table-cell;
		vertical-align:middle;
		text-align:center;
	}

	#thumbs{
		top: 30%;
		height: 70%;
	}
	#mainText{
		top: 30%;
		font-family: 'Junge', serif;
		color: #FFF;
		background-color: rgba(53,20,3,0.8);
		line-height: 150%;
		padding: 2%;
		border-radius: 2%;
	}
	
	.thumbCircle{
		position: absolute;
		display: block;
		overflow: hidden;
		border-radius: 50%;
		border: 4px #1F6751 solid;
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box; 
	}
	.thumbCircle:hover{
		border: 4px white solid;
	}
	.thumbHolder{
		position: absolute;
		overflow: hidden;
		display: block;
		left: 0%;
		top: 0%;
		width: 100%;
		height: 100%;
	}
	
	
	
	
	
	#slideShow{
		position: absolute;
		display: hidden;
		background-color: #000;
		font-family: 'Junge', serif;
		margin: 0 auto;
	}

	.slideHolder{
		display: table;
		position: relative;
		float: left;	
		top: 0px;
		left: 0px;
	}
	.slideCell{
		display: table-cell;
		left: 0px;
		max-width: 100%;
		max-height: 100%;
		vertical-align: middle;
		text-align: center;
		font-family: 'Junge', serif;
		color: #FFF;	
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box; 
	}
	.imageFit{
		max-width: 100%;
		max-height: 100%;
	}
	

	#swiperClose{
		position: absolute;
		top: 1%;
		right: 1%;
		width: 34px;
		height: 34px;
		z-index: 15;
		cursor: pointer;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-image: url("../images/photoNav_Close.png");
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	#swiperClose:hover{
		border: #ccc 1px solid;
		background-color: rgba(0,0,0,0.5);
	}
	
	#cornerMenu{
		position: absolute;
		display: block;
		overflow: hidden;
	}
	#menuImage{
		position: absolute;
		display: block;
		top: 0px;
		left: 0px;
		background-image: url("../images/menuGrey.png");
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		cursor: pointer;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	#menuImage:hover{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.menuItem{
		position: absolute;
		display: block;
		top: 0px;
		left: 0px;
		text-align: left;
		font-family: 'Junge', serif;
		color: #FFF;
		background-color: rgba(53,20,3,1);
		cursor: pointer;
	}
	.menuItem:hover{
		background-color: rgba(27,10,1,1);
	}


	/*#temp_delete{
		display: block;
		position: absolute;	
		top: 0px;
		right: 0px;
		width: 20%;
		height: 5%;
		background-color:#999;
		color: #FFF;
		font-family: 'Junge', serif;
		font-size: 14px;
		text-align:right;
	}*/