/*Floorplan*/


.magnet{
	text-align:center;
	vertical-align:middle;
	border-color:white;
	color:white;

	
}

.magnet-garden{
	white;
	padding:50px;	background:url("https://magnetmelbourne.com.au/wp-content/uploads/2020/11/000020-scaled.jpg");
}

	
#MagnetPropertyContainer{
	z-index:-11;		position:relative;
	
		border-color:white;
	width:60%;	
	height:2000px;
	border-style: solid;
  border-width: 2px;
	color:white!important;
	font-size:14px!important;
	
		}

#MagnetStreetFrontage{
float:left;
	z-index:-11;
	position:relative;
	height:15%;
	width:60%;
	padding-top:10%;
	
}

#MagnetGatedArea{
	float:left;
	width:40%;
	
	}

#MagnetUndercoverCarpark{
	float:left;
	width:60%;
}



#MagnetGardenContainer{	
position: relative;	
	margin-left:60%;
		width:40%;
	height:100%;
	opacity:0.8;
	
	border-color:white;
	border-style: solid;
	
}
#StreeFrontageGarden{
		height:15%;


}

#VenueGarden{
		height:40%;
		border-color:white;
  border-width: 1px;
}


#StudiosGarden{
		height:45%;
		border-color:white;
		border-width: 1px;
}

/* Iso,Bunker, Cave and Load In, Shared Space, Spatial and Pentagon */

#MagnetFactoryContainer{
	
	position:relative;
	float:left;
	width:60%;
	height:25%;
	border-style: solid;
  	border-width: 1px;
}

/* Iso,Bunker, Cave and Load In */

#MagnetFactoryFrontContainer{
	position:relative;
	float:left;
	width:100%;
	height:35%;
	border-style: solid;
  	border-width: 1px;
}


#MagnetStaircaseContainer{
	float:left;
	position:relative;
	height:13%;
	width:60%;
	}


#MagnetIsoBooth{
	float:left;
	width:50%;
	height:100%;
	border-color:white;
	border-style: solid;
  border-width: 1px;

}

#MagnetStaircase1{
	height:100%;
	float:left;
	width:50%;
}

#MagnetCave{
	float:left;
	height:41.5%;
	width:60%;
	border-style: solid;
	border-width: 1px;
}


#MagnetBunker{
	float:left;
	height:45.5%;
	width:60%;
	border-style: solid;
	border-width: 1px;
}



#MagnetLoadIn{
	position:relative;
	height:100%;
	margin-left:60%;

	
}





#MagnetSharedSpaceContainer{
		
	position:relative;
	float:left;
	width:100%;
	height:35%;	
	
}

#MagnetSharedSpaceToilet{
	position:relative;
	float:left;
	border-style: solid;
	border-width: 1px;
	width:15%;
	height:38%;
	font-size:12px
}

#MagnetSharedSpace{
	float:left;
	position:relative;
	height:100%;
	width:60%;
	
}

#MagnetPentagon{
	width:25%;
	height:51.5%;
	margin-left:75%;
	border-style: solid;
  	border-width: 1px;
	font-size:12px;
			}




#MagnetSpatialContainer{
	
	position:relative;
	float:left;
	width:100%;
	height:31.5%;	
	border-color:white;
	border-style: solid;
	border-width: 1px;
	
	
}


#MagnetSpatial{	
	position:relative;
	float:left;
	width:90%;
	height:100%;
		}









#MagnetWorkshopContainer{
	position:relative;
	float:left;
	width:60%;
	height:15%;
	border-color:black;
	border-style: solid;
	border-width: 1px;
	}

.magnet-workshop{
	color:black!important;
	font-size:18px;
	background-color:white;!important;
	border-color:black!important;
	border-style: solid;
	border-width: 1px;
	border-width: 1px;
}


#MagnetWorkshop{
  position:relative;
	float:left;
	width:66%;
	height:100%;
	

		}

#MagnetWorkshopEntranceContainer{
	
	float:left;
	width:34%;
	height:100%;
	border-color:white;	
	

	}

#MagnetWorkshopEntrance{
	align-items: center;
	float:left;
	width:100%;
	height:30%;
	font-size:14px;


}

#MagnetWorkshopStorage{
	align-items: center;
	position:relative;
	padding-top:40px;
	float:left;
	width:100%;
	height:70%;
	font-size:14px;

	
}

#MagnetStudiosContainer{
	float:left;
	position:relative;
	bottom:100;
	width:60%;
	height:45%;
	border-color:white;
	border-style: solid;
  	border-width: 1px;
	
}

#MagnetGardenPath{
	float:left;
	color:black!important;
	width:20%;
	height:100%;
	border-color:white;
	border-style: solid;
 	border-width: 1px;}



#MagnetHealing{position:relative;
	float:left;
	
			width:80%;

	height:18%;
		border-color:white;
	border-style: solid;
  border-width: 1px;
}

#MagnetStorageEast{
			position:relative;
	float:left;
	
			width:80%;
	height:5%;
		border-color:white;
	border-style: solid;
  border-width: 1px;
}



#MagnetDreaming{position:relative;
	float:left;
	
			width:80%;

	height:18%;
		border-color:white;
	border-style: solid;
  border-width: 1px;
}


#Magnet3{position:relative;
	float:left;
	
			width:80%;

	height:18%;
		border-color:white;
	border-style: solid;
  border-width: 1px;
}


#MagnetStorageWest{
			position:relative;
	float:left;
	
			width:80%;

	height:5%;
		border-color:white;
	border-style: solid;
  border-width: 1px;
}




#MagnetListening{
	position:relative;
	float:left;

	width:80%;

	height:18%;
		border-color:white;
	border-style: solid;
  border-width: 1px;
}

#MagnetPlaying{
		width:80%;

	position:relative;
		float:left;
		height:18%;
	  	border-color:white;
	border-style: solid;
  border-width: 1px;
}

/*Second Level*/

#MagnetSecondStoryContainer{
	position:relative;
	float:left;
	background-color:grey!important;
	height:100%;
	width:60%;
	margin-left:40%;
	}