@charset "utf-8";a{text-decoration:none}
.boxgrid{width:216px;height:300px;margin:10px;float:left;background:#000000;border:solid 1px #000000;overflow:hidden;position:relative;}
.boxgrid img{position:absolute;top:0;left:0;border:0;}
.boxgrid p{padding:0 10px;color:#afafaf;font-weight:bold;font:10pt "Lucida Grande", Arial, sans-serif;}
<!--.boxcaption{float:left;position:absolute;background:#000;height:100px;width:100%;opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";} -->
.captionfull .boxcaption{top:300px;left:0;}
.caption .boxcaption{top:220px;left:0;}
.index-container{width:960px;background:#FFF;margin:0 auto;}
.left-col{float:left;width:450px;padding:10px 0;}
.right-col{padding:10px 0;width:450px;float:left;}