@import 'base_screen.css';
#galbox {
  }

/* style navbox */
#navbox {
  position: absolute;
  right: 1em;
  top: 2em;
  padding-left: 1em;
  border-left-style: solid;
  border-left-width: 2px;
  }

/* style navbox ul */
#navbox ul {
  list-style-type: none;
  }

/* style image in navbox */
#navbox img {
  max-width: 50px;
  margin: 5px;
  border-style: solid;
  border-color: #FFFFFF;
  border-width: 2px;
  }
  
/* style image in navbox on hover */
#navbox li:hover img {
  border-color: #88A2A2;
  position: relative;
  top: 2px;
  left: 2px;
  cursor: n-resize;
  }
  
  
/* style picbox */
#picbox {
  display: block;
  width: 600px;
  height: 600px;
  position: fixed;
  top: 2em;
  left: 2em;
  background-color: #AFAFAF;
  }
  
/* hide picbox */
#picbox {
  display: none;
  }

/* show only first picbox */
#picbox.firstbox {
  display: block;
  }
  
/* show picbox on hover */
#navbox li:hover #picbox {
  display: block;
  }

/* style image in picbox on hover */
#picbox img, #navbox li:hover #picbox img {
  max-width: 600px;
  max-height: 400px;
  border-style: solid;
  border-width: 50px;
  border-color: #FFFFFF;
  margin: 0;
  top: 0;
  left: 0;
  }