@font-face {
	font-family: 'Gotham Rounded Web';
	src: url('../fonts/gothamRounded_light.eot');
	src: url('../fonts/gothamRounded_light.eot#iefix') format('embedded-opentype'),
		 url('../fonts/gothamRounded_light.woff') format('woff'),
		 url('../fonts/gothamRounded_light.ttf') format('truetype'),
		 url('../fonts/gothamRounded_light.svg#gothamRounded') format('svg');
	font-style:normal;
	font-weight:normal;
}
@font-face {
	font-family: 'Gotham Rounded Web';
	src: url('../fonts/gothamRounded_medium.eot');
	src: url('../fonts/gothamRounded_medium.eot#iefix') format('embedded-opentype'),
		 url('../fonts/gothamRounded_medium.woff') format('woff'),
		 url('../fonts/gothamRounded_medium.ttf') format('truetype'),
		 url('../fonts/gothamRounded_medium.svg#gothamRounded') format('svg');
	font-style:normal;
	font-weight:bold;
}
@font-face {
	font-family: 'Varela Round';
	font-style: normal;
	font-weight: 400;
	src: local('Varela Round'), local('VarelaRound-Regular'), url(http://themes.googleusercontent.com/static/fonts/varelaround/v4/APH4jr0uSos5wiut5cpjrnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}


html,body{height:100%;margin:0px;font-size:1vw;overflow:hidden;-webkit-overflow-scrolling:auto;
	-webkit-transition:font-size 0.1s ease;
	   -moz-transition:font-size 0.1s ease;
		-ms-transition:font-size 0.1s ease;
		 -o-transition:font-size 0.1s ease;
			transition:font-size 0.1s ease;
}

body{
background-color: #b9b5b2; /* Old browsers */
background-image:url(../images/skirting_1x20.jpg), url(../images/marble_210x183.jpg), -moz-linear-gradient(top,  #b9b5b2 0%, #cbc7c4 100%); /* FF3.6-15 */
background-image:url(../images/skirting_1x20.jpg), url(../images/marble_210x183.jpg), -webkit-linear-gradient(top,  #b9b5b2 0%,#cbc7c4 100%); /* Chrome10-25,Safari5.1-6 */
background-image:url(../images/skirting_1x20.jpg), url(../images/marble_210x183.jpg), linear-gradient(to bottom,  #b9b5b2 0%,#cbc7c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b5b2', endColorstr='#cbc7c4',GradientType=0 ); /* IE6-9 */
background-position:0px calc(85vh - 20px), 0px 85vh;
background-repeat:repeat-x;
background-size:auto,auto 15vh,auto;
background-attachment:fixed;
}
	body.portrait{background-position:0px calc(97.5vh - 20px), 0px 97.5vh;background-size:auto,auto 10vh,auto;}
	
	body::before{content:' ';display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;background:#312b2b;z-index:999999;
		-webkit-transition:opacity 1s ease;
		   -moz-transition:opacity 1s ease;
			-ms-transition:opacity 1s ease;
			 -o-transition:opacity 1s ease;
				transition:opacity 1s ease;
	}
		body.loading::before{display:block;opacity:1;}
		body.loaded::before{display:block;opacity:0;}



body *{position:relative;background-position:center center;background-repeat:no-repeat;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:-0.005em;line-height:150%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	body a{color:inherit;text-decoration:none;text-transform:none;cursor:pointer !important;}
	body article,body aside,body div,body footer,body header,body main,body nav,body section{display:block;}
	body b,body strong{font-weight:bold;}
	body br{line-height:inherit;}
	body em,body i{font-style:italic;}
	body h1,body h2,body h3,body h4{display:block;margin:0px;padding:0px;background:none;text-transform:none;}
	body hr{display:block;height:0px;border:none;border-top:1px solid #000;margin:32px auto;}
	body img{display:inline-block;border:none;}
	body p{margin:0px auto 0.5em;}
		body p:last-child{margin-bottom:0;}
	body script{display:none;}
	body sup{vertical-align:top;text-transform:uppercase;font-size:0.5em;}

#dPageHolder{font-family:'Gotham Rounded Web','Varela Round',Tahoma,Geneva,sans-serif;font-size:1rem}

	body.ipad #dPageHolder{font-size:1.5rem;}

	#dPageHolder header{}

	#dPageHolder main,
	#dPageHolder #dElevator{position:fixed;
	}
	
		#dPageHolder main{left:30vw;top:50vh;width:40vw;background:#dddbda;
			-webkit-border-radius:1rem;
			   -moz-border-radius:1rem;
					border-radius:1rem;
			-webkit-box-shadow:1rem 1rem 1.5rem rgba(0,0,0,0.5);
			   -moz-box-shadow:1rem 1rem 1.5rem rgba(0,0,0,0.5);
					box-shadow:1rem 1rem 1.5rem rgba(0,0,0,0.5);
			-webkit-transform:translateX(-50%) translateY(-50%);
			   -moz-transform:translateX(-50%) translateY(-50%);
				-ms-transform:translateX(-50%) translateY(-50%);
				 -o-transform:translateX(-50%) translateY(-50%);
					transform:translateX(-50%) translateY(-50%);
		}
		
			#dPageHolder main section{max-height:100vh;opacity:1;overflow:hidden;padding:0 1rem 1rem;
				-webkit-transition:max-height 1.5s ease,opacity 1.5s ease,padding 1.5s ease;
				   -moz-transition:max-height 1.5s ease,opacity 1.5s ease,padding 1.5s ease;
					-ms-transition:max-height 1.5s ease,opacity 1.5s ease,padding 1.5s ease;
					 -o-transition:max-height 1.5s ease,opacity 1.5s ease,padding 1.5s ease;
						transition:max-height 1.5s ease,opacity 1.5s ease,padding 1.5s ease;
			}
				#dPageHolder main section.ng-hide{display:block !important;max-height:0px !important;opacity:0;padding-bottom:0rem;}
				
					#dPageHolder main section .cWrapper{max-height:60vh;padding:1rem 1rem 1rem 0;overflow:auto;-webkit-overflow-scrolling:touch;}
						#dPageHolder main section h2{font-size:1.75em;font-weight:bold;padding-top:1rem;}
						#dPageHolder main section b{cursor:pointer;}
				
				#dPageHolder main section[data-s="g"]{font-size:1.75em;padding-bottom:0;}
					#dPageHolder main section[data-s="g"] p{padding:0.5rem 0;}
			
			body.portrait #dPageHolder main{left:50vw;top:21vh;width:80vw;}
				body.portrait #dPageHolder main section{max-height:40vh;}
					body.portrait #dPageHolder main section[data-s="g"]{font-size:1.5em;}
					body.portrait #dPageHolder main section .cWrapper{max-height:20vh;}
						body.portrait #dPageHolder main section h2{font-size:1.5em;line-height:1.25em;}
	
		#dPageHolder #dElevator{left:70vw;bottom:15vh;width:27rem;height:42.1038rem;background-image:url(../images/elevator_488x761.jpg);background-position:center bottom;background-repeat:no-repeat;background-size:contain;
			-webkit-transform:translateX(-50%);
			   -moz-transform:translateX(-50%);
				-ms-transform:translateX(-50%);
				 -o-transform:translateX(-50%);
					transform:translateX(-50%);
		   -webkit-box-shadow:-1.5rem 0.75rem 1.5rem -0.5rem rgba(0,0,0,0.3);
			  -moz-box-shadow:-1.5rem 0.75rem 1.5rem -0.5rem rgba(0,0,0,0.3);
				   box-shadow:-1.5rem 0.75rem 1.5rem -0.5rem rgba(0,0,0,0.3);
		}
	
			#dPageHolder #dElevator #dFloorNo{position:absolute;left:47.5%;top:-16.6256%;width:92.5925%;height:12.1485%;background:url(../images/floorNo-bg_347x71.png) center center no-repeat;background-size:contain;text-align:center;
				-webkit-transform:translateX(-50%);
				   -moz-transform:translateX(-50%);
					-ms-transform:translateX(-50%);
					 -o-transform:translateX(-50%);
						transform:translateX(-50%);
			}
				#dPageHolder #dElevator #dFloorNo > span{line-height:4rem;font-weight:bold;text-transform:uppercase;text-shadow:none;display:inline-block;padding:0 1rem;font-size:1.5em;
					-webkit-transition:color 1s ease,font-weight 1s ease,text-shadow 1s ease;
					   -moz-transition:color 1s ease,font-weight 1s ease,text-shadow 1s ease;
						-ms-transition:color 1s ease,font-weight 1s ease,text-shadow 1s ease;
						 -o-transition:color 1s ease,font-weight 1s ease,text-shadow 1s ease;
							transition:color 1s ease,font-weight 1s ease,text-shadow 1s ease;
				}
					#dPageHolder #dElevator #dFloorNo > span[data-active="true"]{color:#0a4;text-shadow:0px 0px 1px #0f0,0px 0px 9px rgba(0,255,0,0.5);}
	
			#dPageHolder #dElevator #dDoor{position:absolute;left:9%;right:9%;top:8%;width:82% !important;bottom:0px;overflow:hidden;}
				#dPageHolder #dElevator #dDoor::before,
				#dPageHolder #dElevator #dDoor::after{content:" ";display:block;position:absolute;top:0px;bottom:0px;width:10%;background-color:#ececec;background-size:cover;z-index:9;
					-webkit-transform:none;
					   -moz-transform:none;
						-ms-transform:none;
						 -o-transform:none;
							transform:none;
					-webkit-transition:	-webkit-transform 1s ease,width 1s ease;
					   -moz-transition:	   -moz-transform 1s ease,width 1s ease;
						-ms-transition:		-ms-transform 1s ease,width 1s ease;
						 -o-transition:		 -o-transform 1s ease,width 1s ease;
							transition:			transform 1s ease,width 1s ease;
				}
					#dPageHolder #dElevator #dDoor::before{content:" ";left:0%;background:url(../images/doorLeft_253x722.jpg) right center no-repeat;
						/*-webkit-transform:translateX(-80%);
						   -moz-transform:translateX(-80%);
							-ms-transform:translateX(-80%);
							 -o-transform:translateX(-80%);
								transform:translateX(-80%);*/
					}
					#dPageHolder #dElevator #dDoor::after{content:" ";right:0%;background:url(../images/doorRight_253x722.jpg) left center no-repeat;
						/*-webkit-transform:translateX(80%);
						   -moz-transform:translateX(80%);
							-ms-transform:translateX(80%);
							 -o-transform:translateX(80%);
								transform:translateX(80%);*/
					}
					#dPageHolder[data-s=""] #dElevator #dDoor::before,
					#dPageHolder[data-s=""] #dElevator #dDoor::after,
					#dPageHolder[data-s="g"] #dElevator #dDoor::before,
					#dPageHolder[data-s="g"] #dElevator #dDoor::after{width:50%;
						/*-webkit-transform:none;
						   -moz-transform:none;
							-ms-transform:none;
							 -o-transform:none;
								transform:none;*/
					}
				
				#dPageHolder #dElevator #dDoor > img{position:absolute;left:50%;top:1%;min-width:100%;height:99%;opacity:0;z-index:8;
					-webkit-transform:translateX(-50%);
					   -moz-transform:translateX(-50%);
						-ms-transform:translateX(-50%);
						 -o-transform:translateX(-50%);
							transform:translateX(-50%);
					-webkit-transition:opacity 1s ease 1s;
					   -moz-transition:opacity 1s ease 1s;
						-ms-transition:opacity 1s ease 1s;
						 -o-transition:opacity 1s ease 1s;
							transition:opacity 1s ease 1s;
				}
					#dPageHolder #dElevator #dDoor > img[data-active="true"]{opacity:1;
					-webkit-transition:opacity 0s ease;
					   -moz-transition:opacity 0s ease;
						-ms-transition:opacity 0s ease;
						 -o-transition:opacity 0s ease;
							transition:opacity 0s ease;
					}
	
			#dPageHolder #dElevator nav{position:absolute;right:-37.037%;top:50%;width:38.8888%;height:49.3542%;padding-top:2.5rem;background:url(../images/buttons-panel_205x426.png) center right no-repeat;background-size:contain;z-index:900;
				-webkit-transform:translateY(-50%);
				   -moz-transform:translateY(-50%);
					-ms-transform:translateY(-50%);
					 -o-transform:translateY(-50%);
						transform:translateY(-50%);
			}
				#dPageHolder #dElevator nav a{display:block;width:3rem;height:3rem;line-height:3rem;margin:0 auto 1rem;text-align:center;font-weight:bold;text-transform:uppercase;background:url(../images/floorNo-square_62x61.jpg) center center no-repeat;background-size:contain;cursor:pointer !important;}
					#dPageHolder #dElevator nav a[data-active="true"]{background-image:url(../images/floorNo-square-active_62x61.jpg);cursor:pointer !important;}
			
			body.portrait #dPageHolder #dElevator{left:50vw;bottom:2.5vh;width:40rem;height:62.3804rem;}
	
				body.portrait #dPageHolder #dElevator #dFloorNo{top:-12%}
					body.portrait #dPageHolder #dElevator #dFloorNo> span{line-height:5.9259rem;font-size:3em;}
				body.portrait #dPageHolder #dElevator nav{padding-top:3.7037rem;}
					body.portrait #dPageHolder #dElevator nav a{width:4.4444rem;height:4.4444rem;line-height:4.4444rem;margin-bottom:1.4814rem;font-size:2em;}

	#dPageHolder footer{position:fixed;left:0;bottom:0;right:0;}
		#dPageHolder footer a{display:block;position:absolute;bottom:3vh;height:5rem;background-position:center center;background-repeat:no-repeat;background-size:contain;}
			#dPageHolder footer a#aName{right:15rem;width:20rem;background-image:url(../images/andyClifford-name_448x72.png);}
			#dPageHolder footer a#aIn{right:9rem;width:4.285rem;background-image:url(../images/andyClifford-in_96x112.png);}
			#dPageHolder footer a span{display:none;}
			
		body.portrait #dPageHolder footer{}
			body.portrait #dPageHolder footer a{bottom:5vh;}
				body.portrait #dPageHolder footer a#aName{right:7rem;}
				body.portrait #dPageHolder footer a#aIn{right:1rem;}


.mCSB_inside>.mCSB_container{margin-right:0px;padding-right:30px;}