.boxgrid{  
    width: 220px;  
    height: 160px;  
    margin:0 0 20px 20px;  
    float:left;  
    background:#fff;  
    border: solid 1px #888;  
    overflow: hidden;  
    position: relative;  
	}  

.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
	}  

.boxcaption{  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%;
    padding: 0 0 0 10px;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    }  
   
.caption .boxcaption {  
    top: 130px;  
    left: 0;
    
	}
	
.caption p {
	color: #aaa	;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	padding: 2px 0 4px 0;}

.caption h3{
	color: #fff;
	font-family: Arial, Helvetica, Verdana;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0 3px 0;
}

.caption a:link, a:visited {
	color: #aaa;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.5px;
}

.caption a:hover {
	color: #eee;
}

.caption .important {
	color: #aaa;
	font-size: 10px;
	font-style: oblique;
	}