h1 {
  font-family: helvetica, arial, sans-serif;
  text-align: center;
}

body {
  /*width: 860px;*/
  margin: 0 auto;
}

.full-img {
  /*position: relative;*/
  float: left;
  display: block;

  width: 57%;
  height: 480px;
  padding:10px;
  margin:0;
}

.full-img img {
  max-width: 100%;
  max-height: 480px;
  margin:0;
}
.displayed-img{display : block;}

#info{
  position: absolute;
  margin-left:3px;
  margin-top:3px;
  background:rgba(10,10,10,.9);
  padding:15px;
  color:rgba(250,250,250,.9);
  border-radius:2px;
  }

.thumb-bar{
  display: block;
  width: 37%;
  float: left;	
  padding:10px;
  border-right: solid grey 1px;
  margin:0;
}

.thumb-bar .image {
  display: block;
  width: 23%;
  margin:3px;
  float: left;
  cursor: pointer;
}

.image img {
  width: 100%;
  cursor: pointer;
}

.block{display : block;}
.invisible{display:none;}


button {
  border: 0;
  display: block;
  background: rgba(150,150,150,0.6);
  text-shadow: 1px 1px 1px white;
  border: 1px solid #999;
  font-size:2em;
  cursor: pointer;
}


.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 480px;
  background-color: rgba(0,0,0,0);
}