div.jkcubeslideshow{ /* main container */

	margin-bottom: -110px;

	display: block;
	width: auto; /* �@default width of main container */
	height: 215px; /* default height of main container */
	position: relative;
/* 	-webkit-perspective: 1000px; /* Greater the value, less pronounced the 3D effect */
/* 	perspective: 1000px; /* Greater the value, less pronounced the 3D effect ; */
}

div.side1, div.side2, div.side3, div.side4, div.side5, div.side6, div.side7, div.side8 { /* two panels that make up cube effect */

	width: 100%;
	height: 100%;
	position: absolute;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	backface-visibility: hidden; /* hide backface of DIVs */
	transition: all 1s ease-in-out; /* CSS transition. Actual duration set by script */;
}

div.side1 img, div.side2 img, div.side3 img, div.side4 img, div.side5 img, div.side6 img, div.side7 img, div.side8 img {
	 /* how should slideshow images be sized inside panels? */
	margin-top: -5px;
	width: 100%;
	height: 160px;
}