/* CSS Document slidingboxes  */
h3 {
  margin:6px 3px 0 6px; 
  font:0.75em Verdana, Arial, sans-serif; 
  font-weight: bold;
  letter-spacing:-1px; 
  color:#ccc; 
}
.boxgrid{ 
  /*background:#777;*/ 
  width: 212px; 
  height: 212px; 
  margin:20px 20px 0 0px; 
  float:left;
  overflow: hidden; 
  position: relative; 
  text-align:left;
}
.boxgrid img{ 
  position: absolute; 
  top: 0; 
  left: 0;
  margin:1px; 
  /*margin:12px; */
  /*border: 0; */
  border:1px solid #ccc;
}
.boxgrid p{ 
  padding: 6px 0 0 6px; 
  color:#ccc; 
  font-weight:bold; 
  font:0.75em "Lucida Grande", Verdana, Arial, sans-serif; 
}
.boxgrid p.data{ 
  padding: 2px 0 0 6px; 
  color:#ccc; 
  font-weight:bold; 
  font:0.75em "Lucida Grande", Verdana, Arial, sans-serif; 
}			
.boxcaption{ 
  background: #444; 
  height: 92px; 
  width: 100%; 
  float: left; 
  position: absolute; 
  opacity: .9; 
  /* For IE 5-7 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  /* For IE 8 */
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.captionfull .boxcaption {
  top: 212px;
  left: 0;
}
.caption .boxcaption {
  top: 212px;
  left: 0;
}