*{ 
	padding:0px; 
	margin:0px; 
}

body{ 
	background:#D5DEE7; 
}

a{ 
	color:#330066; 
}

h3{ 
	margin: 10px 10px 0 10px; 
	color:#FFF; 
	font:18pt Arial, sans-serif; 
	letter-spacing:-1px; 
	font-weight: bold;  
}

.boxgrid{ 
	width: 200px; 
	height: 200px; 
	margin:10px; 
	float:left; 
	background:#99FD77; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#151515; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
		.captionfull .boxcaption {
			top: 260;
			left: 0;
		}
		.caption .boxcaption {
			top: 220;
			left: 0;
		}
		
.clear {
	clear: both;
}