#boardwrap { text-align: center; }
#cardboard {
  margin: 0 auto;
  width: 378px;
  height: 288px;
  background: #2d821d;
  border: 1px solid #000;
  position: relative;
}
.card { height: 80px; width: 80px; border: 1px solid #000; float: left; margin: 10px 0px 0px 10px; }
div.c01 { background-image: url( card-1.png ) }
div.c02 { background-image: url( card-2.png ) }
div.c03 { background-image: url( card-3.png ) }
div.c04 { background-image: url( card-4.png ) }
div.c05 { background-image: url( card-5.png ) }
div.c06 { background-image: url( card-6.png ) }
.cb { background-image: url(card-back.png); }
#message {
  position: absolute;
  text-align: center;
  background: #fff;
  color: #000;
  font-size: 15px;
  height: 20px;
  width: 378px;
  left: -1px;
  top: 134px;
  border: 1px solid #000;
  
}
#endgame {
  position: absolute;
  width: 356px;
  height: 266px;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  top: 10px;
  left: 10px;
}
.hidden { display: none; }