BODY{

   background-color:black;
   margin:2em auto;
}



.page-container{
   
   margin:0 auto;
   border:solid white 1px;
   
}


#shrinking-nav-bar{

	position:absolute;
	top:-25px;
	left:50px;
}


#swapping-nav-bar{

	position:absolute;
	top:0px;
	left:50px;	
	
}



.block-container{

  margin-left: auto;
  margin-right: auto;
  position:absolute;
  top:50px;
  left:50px;
}

.block{

  width:100px;
  height:100px;
  position:absolute; 
  font-size:0px;
  cursor:pointer;
}

.screen{
  
  background-color:black;
  opacity:0.0;
  height:100%;
  width:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:10;
  border:solid white 1px;

}


.content-container{

  position:absolute;
  top:0px;
  left:0px;
  background:none;
  color:white;
  z-index:5;
  width:inherit;
  height:inherit;
}


.image-container{
	
  height:80%;
  width:99%;	
  margin-right:1px;
}


.image{
	
  height:100%;
  width:100%;

	
}

.caption-container{
  
  height:20%;
  width:100%;	
	
}




#info-box{

	padding:1em;
	background-color:white;
	color:black;
	font-size:10pt;
	border:solid #a0a0a0 1px;	
	position:absolute;
	top:0px;
	display:none;
	
}


.test-box{
	
	height:200px;
	width:200px;
	background-color:blue;
	position:absolute;
	top:400px;
	left:80px;
	
}