body{
	font-family: 'Titillium Web', sans-serif;
	width: 100%;
	margin: 0;
	background: #000;
	color: #fff;
	font-size: 0;
}
a{
	color: #fff;
}
/* styles for indivual levels */
#header{
	background: #fff;
	color: #000;
  width: 12vw;
  margin-left: 2vw;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center
}
#building{
	background: #fff;
}
#building-top{
	background: #000;
	height: 6.5vh;
	width: 5%;
	margin:0 auto;
}
#building-middle{
	background: #000;
	height: 7.5vh;
	width: 15%;
	margin:0 auto;
}
#building-bottom{
	background: #000;
	height: 9vh;
	width: 25%;
	margin:0 auto;
}
#header_bottom{
	background: #000;
	width: 100%;
	position: absolute;
	bottom: 0;
}
#street_number{
	font-size: 5.4vw;
	color: #fff;
	font-weight:900;
	line-height: 5.5vw;
	text-align: center;
}
#street_name{
	color: #dddddd;
  font-size: 1.6vw;
  font-weight: 100;
  border-top: 1px solid #a0a0a0;
  font-weight:100;
  letter-spacing: 3px;
  text-align: center;
}
#level_text{
  font-size: 3.4vw;
  font-weight: 100;
  text-align: center;
  width: 100%;
  padding-top: 3vh;
	display: inline-block;
	vertical-align: bottom;
}
#floor_number{
	font-size: 41vh;
	line-height:38vh;
	font-weight: 700;
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	top: 3vh;
	margin-top:-9.5vh;
}
.floor{
	padding: 3vh 0 0 0;
	display: inline-block;
	vertical-align: top;
	list-style: none;
	box-sizing:border-box;
}
.floor li{
	line-height: 11.5vh;
	padding-left: 3vw;
	transition:left 1s linear;
}


/* Specific styles for the 4th floor */
.floor-4 li {
    	line-height: 8.5vh;
	padding-left: 3vw;
	transition:left 1s linear;
}


.arrow img{
  width: 5vh;
  height: 5vh;
  vertical-align: middle;
  margin-bottom: 1vh;
  transition:transform 1s linear;
}
.suite{
	font-size: 6.5vh;
}
.suite-number{
	font-weight: 600;
}
.suite-name{
	font-weight: 200;
	margin-left: 1vw;
	display: inline-block;
	vertical-align: top;
}
.arrow img{
	color: #fff;
	fill: #fff;
}
.arrow.left img{
	transform:rotate(180deg);
}
.arrow.up-left img,
.arrow.left-up img,
.arrow.leftup img,
.arrow.upleft img{
	transform:rotate(225deg);
}
.arrow.down-left img,
.arrow.left-down img,
.arrow.leftdown img,
.arrow.downleft img{
	transform:rotate(135deg);
}
.arrow.down img{
	transform:rotate(90deg);
}
.arrow.up-right img,
.arrow.right-up img,
.arrow.rightup img,
.arrow.upright img{
	transform:rotate(-45deg);
}
.arrow.down-right img,
.arrow.right-down img,
.arrow.rightdown img,
.arrow.downright img{
	transform:rotate(45deg);
}
.arrow.up img{
	transform:rotate(270deg);
}
/* main directory overrides */
.level_title{
	margin-bottom: 1.5vh;
	font-size: 2.6vw;
}
#footer{
  position: absolute;
	width: 100%;
	margin-left: -2vw;
  height: 28.7vh;
  bottom: 0;
  overflow: hidden;
}
#footer img{
	position: absolute;
	bottom: -1px;
	transform: scaleX(-1);
    z-index: -1;
}
#main_floor .floor{
	padding-top: 1vh;
	padding-bottom: 0;
}
#main_floor #header_bottom{
	right: 0;
	padding-left: 1.21vw;
	width: 8vw;
	padding-right: 1.21vw;
}
#main_floor #street_number{
	font-size: 3.7vw;
	line-height: 3.8vw;
}
#main_floor #street_name{
	font-size:0.88vw;
	letter-spacing: 3px;
	text-align: center;
	margin-bottom: 2vh;
}
#main_floor #building{
	padding-top: 3vh;
}
#main_floor #building #building-top{
	height: 3vh;	
}
#main_floor #building #building-middle{
	height: 4vh;
}
#main_floor #building #building-bottom{
	height: 5vh;
}

#main_floor{
	position: relative;
	height: 100%;
	padding-left: 2vw;
}
#main_floor .floor{
	display: inline-block;
	vertical-align: top;
	width: 25%;	
}
#main_floor .floor li{
	line-height: 3.4vh;
}
#main_floor .suite{
	font-size: 2.2vh;
}
#main_floor .floor li{
	padding-left: 0;
}
#main_floor .rental_ad .level_title{
	font-size: 2vw;
	margin-top: 0.9vw;
}
#main_floor .rental_ad .suite-name{
	margin-left: 0;
}