body {
	background: #fff;
	margin: 0;
	padding: 20px;
}

#slices {
	position: relative;
	width: 687px;
	height: 350px;
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
}

#slices img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	border: 0;
	overflow: hidden;
}

#slices img.image-1 { clip:rect(0px 57px 350px 0px); }
#slices img.image-2 { clip:rect(0px 120px 350px 63px); }
#slices img.image-3 { clip:rect(0px 183px 350px 126px); }
#slices img.image-4 { clip:rect(0px 246px 350px 189px); }
#slices img.image-5 { clip:rect(0px 309px 350px 252px); }
#slices img.image-6 { clip:rect(0px 372px 350px 315px); }
#slices img.image-7 { clip:rect(0px 435px 350px 378px); }
#slices img.image-8 { clip:rect(0px 498px 350px 441px); }
#slices img.image-9 { clip:rect(0px 561px 350px 504px); }
#slices img.image-10 { clip:rect(0px 624px 350px 567px); }
#slices img.image-11 { clip:rect(0px 687px 350px 630px); }

#slices img.show-all {
	/* clip: auto; */
	clip:rect(0px 694px 350px 0px);
	z-index: 15;
	/* for IE browsers */
	border-bottom: 1px solid #fff;
}

#slices img.blank {
	z-index: 20;
}