body {
  background:#000;
  margin:4% auto;
}

a {
  color:#3dbea8;
  text-decoration:underline;
  outline:none;
}

a:hover {
  text-decoration:none;
  outline:none;
}

#background {
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:1;
}

#background img.tall {
  width:100%;
}

#background img.wide {
  height:100%;
}

#page-wrap {
  margin:30px auto;
  position:relative;
  z-index:2;
  width:92%;
}

.boxgrid {
  background:#000;
  float:left;
  overflow:hidden;
  margin:0 40px 40px 0;
  position:relative;
  height:250px;
  width:250px;            
}

.boxgrid.fact {
  background:none;
  text-align:justify;
  width:540px;
}

.boxgrid.fact span {
  background:url('../img/bg-slidebox-cover3.png');
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:23px;
  font-weight:bold;
}

.boxgrid.info {
  background:url('../img/bg-slidebox-cover2.png');  
}

.boxgrid.info .boxcaption {
  background:none;
  padding-top:60px;
}
    
.boxgrid img {
  position:absolute;
  top:0;
  left:0;
  border:none;
}

.boxcaption {
  background:url('../img/bg-slidebox-cover2.png');
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  position:absolute;  
  width:250px;
}

.boxcaption h3 {
  color:#bbb;
  font-size:16px;
  margin:0;
  padding:10px 20px 10px 10px;
}
                
.boxcaption p {
  margin:0;
  padding:0 20px 5px 10px;
}

.captionfull .boxcaption h3 {
  padding:50px 20px 10px 40px;
}

.captionfull .boxcaption p {
  margin:0;
  padding:10px 20px 5px 40px;
}  

.caption .boxcaption {
  height:120px;
  top:210px;
  left:0;
}

.captionfull .boxcaption {
  top:250px;
  left:0;
  height:250px;
}

.captionabout .boxcaption {
  top:210px;
  left:0;
  height:70px;
}

.captionabout .boxcaption p {
  font-size:13px;
  font-style:italic;
}

.date {
  background:url('../img/bg-slidebox-cover2.png');
  color:#bbb;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  position:absolute;
  top:-30px;
  height:30px;
  width:250px;
  overflow:hidden;
}

.date p {
  font-size:45px;
  font-weight:bold;
  margin:-12px 0 0 -5px;
  padding:0;
  letter-spacing:-4px;
}

.date.work-in-progress p {
  font-size:39px;
  margin:-11px 0 0 -5px;
}