#canvas {
  font-family: sans-serif;
  width: 100%;
  height: 498px;
  padding: 0px 0;
  background-size: cover;
}
#canvas #building {
  width: 20%;
  /*background: #594D47;*/
  margin: 0 auto;
  overflow: hidden;
  /*box-shadow: 0 -20px 0 #574B45;*/
}
#canvas #building #elevatorShaft {
  /*background: #1e1e1e;*/
  width: 40px;
  height: 640px;
  margin: 0 auto;
  position: relative;
}
#canvas #building #elevatorShaft #elevatorContainer {
  position: absolute;
  height: 960px;
  width: 100%;
  bottom: 0;
}
#canvas #building #elevatorShaft #elevatorContainer #elevator {
  height: 50px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 -10px 0 #333;
  background-image: url( ../images/elevator_inside.jpg);
  background-size: 100% 100%;
}
#canvas #building #elevatorShaft #elevatorContainer #elevator .door {
  background: #AAA;
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  transition: all 300ms ease-in;
}
#canvas #building #elevatorShaft #elevatorContainer #elevator .door#leftDoor {
  left: 0;
}
#canvas #building #elevatorShaft #elevatorContainer #elevator .door#rightDoor {
  right: 0;
  background: #999;
}
#canvas #building #elevatorShaft #elevatorContainer #elevator .active-right {
  right: -50% !important;
}
#canvas #building #elevatorShaft #elevatorContainer #elevator .active-left {
  left: -50% !important;
}
#canvas #building #elevatorShaft #elevatorContainer #strings {
  height: 80%;
  background: -moz-linear-gradient(left, transparent, transparent 10%, #AAA 10%, #AAA 30%, transparent 30%, transparent 40%, #CCC 40%, #CCC 60%, transparent 60%, transparent 70%, #999 70%, #999 90%, transparent 90%, transparent);
  width: 75%;
  margin: 0 auto;
}
#canvas #floorSelect {
	
	
  text-align: center;
  position: absolute;
  width: 800px;
  left: 10%;
	max-width: 800px;
	border: 1px solid #1B1B1B;
	padding: 50px;
	margin: 50px auto 0px auto;
	border-radius: 10px;
	box-shadow: 0 0 2px 0 #595656, 0 2px 5px 0 #1B1B1B;
	background: rgb(52,52,52);
}


#canvas #floorSelect h4 {
  margin: 20px 0 10px;
}
#canvas p {
  display: block;
  width: 20%;
  padding: 10px;
  margin: 0 10%;
  color: #FFF;
}


.btn {
	z-index: 1;
	position: relative;
	    min-height: 95px;
}
.btn div {
	position: relative;
	float: left;
	margin-right: 40px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: red;
	background: rgba(44,44,44,1);
	box-shadow: 0 0 2px 0 #595656, 0 9px 4px -1px #040404;
	color: #111111;
	text-align: center;
	font-size: 20px;
	line-height: 60px;
	cursor: pointer;
	transition: color .3s ease, text-shadow .5s ease, box-shadow .3s ease;
	font-family:"HelveticaNeue-CondensedBold", 'Roboto Condensed', "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}
.btn div:hover {
	color: #2990A0;
}
.btn.active div {
	color: #42E5FE;
	text-shadow: 0 0 25px #42E5FE;
}
.btn div:after {
	position: absolute;
	top: -6px;
	left: -6px;
	z-index: -1;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #292929;
	box-shadow: inset 0 5px 3px -2px #0A0A09, inset 0 0 4px 0 #0A0A09;
	content: "";
}
.btn div:before {
	position: absolute;
	top: -13px;
	left: -13px;
	z-index: -2;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	background: #383737;
	box-shadow: 0 0 2px 0 #595656, inset 0 2px 5px 0 #1B1B1B;
	content: "";
}
.elevator {
	max-width: 400px;
	border: 1px solid #1B1B1B;
	padding: 50px;
	margin: 50px auto 0px auto;
	border-radius: 10px;
	box-shadow: 0 0 2px 0 #595656, 0 2px 5px 0 #1B1B1B;
	background: rgb(52,52,52);
}

.elevator2 {
	width: 200px;
	border: 0px solid #1B1B1B;
	margin: 50px auto 0px auto;
	border-radius: 0px;
	box-shadow: 0 0 20px 0px #595656, 0 2px 5px 0 #1B1B1B;
	background: rgb(52,52,52);
}
.row {
	min-height: 100px;
}
.btn.active, .btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}


ul{
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}