.eff {
	
	/* the image size is 160x160, it's adjusted to fit the border as well*/
	width:160px;
	height:109px;
 
	/* important, allow the children object to move inside its parent obj */
	position:relative;	
 
	/* important, it hides the moved image */
	overflow:hidden;
	
	/* with the clear class, make it into 3 x 3 layout */
	float:left;
	
	/* IE float bug fix */
	display:inline;
	
	/* styling */
	margin:4px;
	font-size:10px;
}
 
.eff img {
	display:block;
	width:150;
	height:100;
	
	/* styling */
	text-decoration:none;
	border:4px solid #ccc;
	background:#ddd;
 
	/* important, it allows this obj to move by jquery */
	position:absolute;
	
	/* make sure it appears above the caption */
	z-index:500;
	
	cursor:pointer; cursor:hand;
}
 
 
.eff .caption {
	/* should be the same size with the image */
	width:150px;
	height:180px;
	
	/* styling */
	background:#ffffff;
	border:4px solid #ccc;
	color:#000000;
	
	/* set the position to 0, 0 and appear under the image */
	position:absolute;
	top:0; left:0;
	z-index:0;
}
 
 
/* extra styling*/
 
.eff .caption span.header {
	
	
	padding:10px 10px 10px 2px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#000000;
}
 
.eff .caption span {
	margin:5px;	
}
 
.clear {clear:both}
 
.sliderwall { margin-left:05px; }