html, textarea {
		-webkit-tap-highlight-color:transparent;
		-moz-user-select: none; 
		-khtml-user-select: none; 
		-webkit-user-select: none; 
		-o-user-select: none;
	user-select: none;
	-webkit-font-smoothing: antialiased;
	}
div.theMusicBox {
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 100%;
	height: 100%;
	border: none;
	margin: 0px;
	padding: 0px;
	background-color: #e0e0e0;
	overflow: hidden;
	z-index: inherit;
	}
#thePit {
	position: absolute;
	top: 40px;
	left: 15px;
	width: 300px;
	height: 281px;
	}
div.coverStory {
	position: absolute;
	width: 300px;
	height: 30px;
	max-height: 30px;
	top: 40px;
	top: 2px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	font-family: "Core Light", "Century Gothic", Arial, sans-serif;
	color: #555555;
	}
div.theInspiration {
	position: absolute;
	width: 300px;
	height: 30px;
	max-height: 30px;
	top: 21px;
	text-align: center;
	font-size: 21px;
	font-weight: 500;
	font-family: "Core Regular", "Century Gothic", Arial, sans-serif;
	color: #555555;
	}
svg.playOnPlaya {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	  -webkit-transform-origin: 150px 90px 0;
	  -o-transform-origin: 150px 90px 0;
	  -moz-transform-origin: 150px 90px 0;
	  -ms-transform-origin: 150x 90px 0;
	transform-origin: 150px 90px 0;
	}
audio.jakay {
	position: absolute;
	top: 0px;
	}
.keepOnKeepinOn {
	position: absolute;
	width: 300px;
	height: 220px;
	top: 59px;
	}
.jewelCase {
	position: absolute;
	top: 36px;
	left: 330px;
	width: 300px;
	height: 300px;
	max-width: 300px;
	max-height: 300px;
	border: none;
	margin: 0px;
	background-color: none;
	padding: 0px;
	  -webkit-perspective-origin: 330px 364px;
	  -o-perspective-origin: 330px 364px;
	  -moz-perspective-origin: 330px 364px;
	  -ms-perspective-origin:  330px 364px;
	perspective-origin: 330px 364px;
	  -webkit-perspective: 600px;
	  -moz-perspective: 600px;
	perspective: 600px;
	}
.heyGoodLookin {
	position: absolute;
	border: 0px;
	width: 300px;
	height: 300px;
  max-width: 100%;
	background-size: cover;
	top: 0px;
	left: 0px;
	}
.easel {
	background: #ffffff;
	}
div.pandorasBox {
	position: absolute;
	border: 0px;
	width: 300px;
	height: 0px;
	max-height: 283px;
  top: 0px;
 	left: 0px;
	opacity: 1;
  overflow: hidden;
	}
#pandorasBox {
	background-color: rgba(243,243,243,0.98);	
	}
.whatAPane {
	position: absolute;
	border: 0px;
	width: 300px;
	height: 300px;
	background-size: cover;
  top: 0px;
	left: 0px;
	background-color: rgba(243,243,243,0.98);
	}
.theDrop {
	position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  overflow: hidden;
	}
.smudgedInk {
   	-webkit-filter: blur(4px);
	filter: blur(4px);
	}
.walkingOnBrokenGlass {
	position: absolute;
	text-align: left;
	left: 0px;
	width: 300px;
	height: 21px;
	max-height: 21px;	
	min-height: 21px;
	font-size: 15px;
	font-weight: 500;
	font-family: "Core Light", "Century Gothic", Arial, sans-serif;
	}
.PLName {
  display: inline-block;
	position: absolute;
	width: 245px;
	max-height: 21px;
	left:15px;
  opacity: 1;
	cursor: pointer;
  overflow: hidden;
	}
.PLStatus {
	display: none;
	position: absolute;
	opacity: 1;
	width: 30px;
	left: 260px;
	cursor: pointer;
	}
.MIA{
	font-style: italic;
	}
textarea.inSession {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 290px;
	height: 290px;
	max-width: 290px;
	max-height: 290px;
	border: 5px solid white;
	border-radius: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 15px;
	font-family: "Core Regular", "Century Gothic", "Futura", "Trebuchet MS", Arial, sans-serif;
	color: #555555;
	font-weight: normal;
	overflow: hidden;
	resize: none;
	outline: none;
	opacity: 0;
	background-color: white;
	-webkit-appearance: none;	
	}
div.makeTheGrade {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 300px;
	border: 0px;
	  background: -webkit-linear-gradient(rgba(224,224,224,1) 45%, rgba(224,224,224,0.11) 100%);
	  background: -o-linear-gradient(rgba(224,224,224,1) 45%, rgba(224,224,224,0.11) 100%);
	  background: -moz-linear-gradient(rgba(224,224,224,1) 45%, rgba(224,224,224,0.11) 100%);
	background: linear-gradient(rgba(224,224,224,1) 45%, rgba(224,224,224,0.11) 100%);
	}
.theMirror {
	  -webkit-transform-origin: 50% 100% 0;
	  -o-transform-origin: 50% 100% 0;
	  -moz-transform-origin: 50% 100% 0;
	  -ms-transform-origin: 50% 100% 0;
	transform-origin: 50% 100% 0;
	  -o-transform: rotateX(-111deg);
	  -moz-transform: rotateX(-111deg);
	  -ms-transform: rotateX(-111deg);
	  -webkit-transform: rotateX(-111deg);
	transform: rotateX(-111deg);
	}
#stepTo {
	position: absolute;
	width: 50px;
	height: 50px;
	right: 0px;
	bottom: -7px;
	border-radius: 25px;
	z-index: 2;
	}
svg.TheBeats {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 15px;
	top: 10px;
	}
.hammerTime {
	position: absolute;
	width: 300px;
	height: 78px;
	top: 321px; 
	left: 15px;
	opacity: 1;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;	
	}
.keysToVictory {
	position: absolute;
	width: 296px;
	height: 271px;
	top: 46px;
	left: 17px;
	border: 4px solid black;
	border-radius: 20px;
	  -webkit-transform-origin: 150px 145px 0;
	  -o-transform-origin: 150px 145px 0;
	  -moz-transform-origin: 150px 145px 0;
	  -ms-transform-origin: 150px 145px 0;
	transform-origin: 150px 145px 0;
	  -o-transform: scale(0);
	  -moz-transform: scale(0);
	  -ms-transform: scale(0);
	  -webkit-transform: scale(0);
	transform: scale(0);
	background: #ffffff;
	}
.scaleTheWall {
	position: absolute;
	width: 300px;
	height: 78px;
	top: 0px; 
	left: 0px;
	  -webkit-perspective-origin: 50% 30px;
	  -o-perspective-origin: 50% 30px;
	  -moz-perspective-origin: 50% 30px;
	  -ms-perspective-origin: 50% 30px;
	perspective-origin: 50% 30px;
	  -webkit-perspective: 234px;
	  -moz-perspective: 234px;
	perspective: 234px;
	  -o-transform: scale(0.78);
	  -moz-transform: scale(0.78);
	  -ms-transform: scale(0.78);
	  -webkit-transform: scale(0.78);
	transform: scale(0.78);
	}
.fallingHeadOverHeels {
	position: absolute;
	width: 156px;
	height: 78px;
	top: 0px; 
	left: 72px;
	  -webkit-transform-origin: 78px 30px 0;
	  -o-transform-origin: 78px 30px 0;
	  -moz-transform-origin: 78px 30px 0;
	  -ms-transform-origin: 78px 30px 0;
	transform-origin: 78px 30px 0;
	  -o-transform: rotateX(90deg);
	  -moz-transform: rotateX(90deg);
	  -ms-transform: rotateX(90deg);
	  -webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	}
.weightedKeys {
	position: absolute;
	height: 27px;
	width: 150px;
	}
.weightedKeys:nth-child(-n+7) {
	left: 13px;
	}	
.weightedKeys:nth-child(n+8) {
	left: 150px;
	}	
.weightedKeys:nth-child(2),.weightedKeys:nth-child(8) {
	top: 47px;
	}
.weightedKeys:nth-child(3),.weightedKeys:nth-child(9) {
	top: 84px;
	}
.weightedKeys:nth-child(4),.weightedKeys:nth-child(10) {
	top: 121px;
	}
.weightedKeys:nth-child(5),.weightedKeys:nth-child(11) {
	top: 158px;
	}
.weightedKeys:nth-child(6),.weightedKeys:nth-child(12) {
	top: 195px;
	}
.weightedKeys:nth-child(7),.weightedKeys:nth-child(13) {
	top: 232px;
	}
.weightedKeys:first-child {
	top: 11px;
	left: 25px;
	width: 250px;
	}
.keyedIn {
	position: absolute;
	height: 27px;
	width: 27px;
	border: none;
	border-radius: 4px;
	margin: none;
	padding: none;
	background-color: #111111;
	overflow: hidden;
	}
.keyedIn:nth-child(2)	 {
	left: 30px;	
	}
.cribNotes:nth-child(2) {
	left: 32px;	
	}
.cribNotes:nth-child(3) {
	left: 62px;
	}
.inKey {
	position: absolute;
	top: 6px;
	left:0px;
	width: 27px;
	height: 21px;
	font: bold 11px "Futura", "Trebuchet MS", Arial, sans-serif;
	color: #f1f1f1;
	text-align: center;
	}
.miniKey {
	position: absolute;
	top: 4px;
	left:0px;
	width: 27px;
	height: 27px;
	font: bold 11px "Futura", "Trebuchet MS", Arial, sans-serif;
	color: #f1f1f1;
	text-align: center;	
	line-height: 9px;	
	}
.cribNotes {
	position: absolute;
	text-align: left;
	top: 5px;
	left: 37px;
	width: 111px;
	height: 17px;
	font: normal 14px "Avant Garde", "Century Gothic", sans-serif; 
	}	
.silenceIsGolden {
	position: absolute;
	opacity: 1;
	top: 150px;
	left: 230px;
	width: 200px;
	height: 100px;
	text-align: center;
	border-radius: 20px;
	background-color: rgba(51,51,51,0.88);
	opacity: 0;
	visibility: hidden;
		-webkit-transition: all 0.23s ease-out;
		-moz-transition: all 0.23s ease-out;
		-o-transition: all 0.23s ease-out;	
	transition: all 0.23s ease-out;
	}
.speakOut {
	position: absolute;
	top: 27px;
	left: 0px;
	width: 200px;
	color: #ffffff;	
	font: 17px "Futura", "Trebuchet MS", Arial, sans-serif;
	}
.pandorasBox,.theDrop {
		-webkit-transition: all 0.23s ease-in-out;
		-moz-transition: all 0.23s ease-in-out;
		-o-transition: all 0.23s ease-in-out;	
	transition: all 0.23s ease-in-out;
	}
.theInspiration,.coverStory,.PLStatus,.inSession,.smudgedInk,.heyGoodLookin,.playOnPlaya,.jewelCase,#stepTo,#jukeAndJive,#theRabbitHole,#intro,#climax,#denoument,#near,#far {
		-webkit-transition: opacity 0.45s ease-in;
		-moz-transition: opacity 0.45s ease-in;
		-o-transition: opacity 0.45s ease-in;	
	transition: opacity 0.45s ease-in;
	}
#farther,#fartherest {
		-webkit-transition: opacity 0.15s linear;
		-moz-transition: opacity 0.15s linear;
		-o-transition: opacity 0.15s linear;	
	transition: opacity 0.15s linear;
	}
.keysToVictory,.scaleTheWall,.fallingHeadOverHeels {
		-webkit-transition: all 0.33s ease-out;
		-moz-transition: all 0.33s ease-out;
		-o-transition: all 0.33s ease-out;	
	transition: all 0.33s ease-out;
	}
.theInspiration,.coverStory,.PLStatus,.inSession,.smudgedInk,.heyGoodLookin,.keepOnKeepinOn,.jewelCase,#stepTo {
	opacity: 0;	
	}
#easel, #easelToo {-webkit-transform-style:preserve-3d;z-index: 1;}
#heyGoodLookin, #heyGoodLookinToo {-webkit-transform-style:preserve-3d;z-index: 2;}
#inSession, #inSessionToo {-webkit-transform-style:preserve-3d;z-index: 3;}
#makeTheGrade,#pandorasBox,.walkingOnBrokenGlass,.keysToVictory {-webkit-transform-style:preserve-3d;z-index: 4;}
#stepTo,.TheBeats,#theDrop {-webkit-transform-style:preserve-3d;z-index: 5;}
.silenceIsGolden {z-index: 7;}
#fullVolume {z-index: -1;}