html, body { padding:0px; margin:0px; }
.slideshowFormat { overflow:hidden; }
	.slideFeatures { position:absolute; z-index:10; }
		.slideArrowContainer { position:absolute; height:0px; opacity:0; filter: alpha(opacity=100); }
			.slideArrowFormat { width:40px; height:40px; cursor:pointer; text-align:center; z-index:10; background: url(slideshow-arrows.png) no-repeat left center; opacity:.75; }
			.slideArrowFormat:hover { opacity:1; }
				.arrowLeft { float:left; margin-left:10px; background-position:left center; }
				.arrowRight { float:right; margin-right:10px; background-position:right center; }
		.slideControls { position:absolute; }
			.thumbnailContainer { position:absolute; height:0px; display:none; }
				.thumbnailBox { height:100px; overflow:hidden; background: url(blacktrans_70.png); overflow:hidden; box-shadow:0 0 2px #000; }
					.thumbArrowsBox {}
						.thumbArrowFormat { position:absolute; width:20px; height:20px; margin-top:40px; cursor:default; background: url(gallery-arrows.png) no-repeat left center; z-index:10; }
							.thumbArrowLeft { margin-left:10px; background-position:left center; }
							.thumbArrowRight { background-position:right center; }
					.thumbWidthBox {}
						.thumbBtn { display:inline-block; width:174px; height:100px; overflow:hidden; background:#000; cursor:pointer; }
							.thumbBtn img { width:172px; min-height:100px; opacity:.40; filter: alpha(opacity=40); margin:2px 1px; }
							.thumbBtn img:hover { opacity:1; filter: alpha(opacity=100); }
						.thumbBtnActive img { opacity:1 !important; filter: alpha(opacity=100) !important; }
			.delayBox { background: url(blacktrans_30.png); visibility:hidden; }
				.delayBar { width:0%; height:5px; background: url(whitetrans_30.png); }
			.controlBox { height:0px; overflow:hidden; background: url(blacktrans_80.png); }
				.controlBtns { float:left; height:18px; width:20px; padding:10px; cursor:pointer; }
					.controlBtns:hover { background:#fff url(bar-gradient.png); }
					.controlBtns img { width:100%; }
					.upBtn, .downBtn { border-left:1px solid #333; }
					.playBtn, .pauseBtn { border-right:1px solid #000; }
					.playBtn, .downBtn { display:none; }
				.roundBtnHolder { float:left; height:38px; text-align:center; border-left:1px solid #333; border-right:1px solid #000; }
					.roundBtn { display:inline-block; margin:11px 1px; width:14px; height:14px; background: url(round-buttons.png) no-repeat top right; cursor:pointer; }
						.roundBtn:hover { background-position:-14px top; }
					.rndBtnActive { background-position:left top !important; }	
	.slideOverlap { position:absolute; z-index:8; }
	.slideContainer { z-index:7; background:#000; overflow:hidden; position:relative; }
		.slideFormat { position:absolute; display:none; overflow:hidden; }
			.slideFormat[slide="1"] { display:block; }
			
			
	/* Side Slider Transition */
	.side_slideLeft { position:absolute; background-position:center right !important; left:0px; }
	.side_slideRight { position:absolute; background-position:center left !important; right:0px; }
	
	/* Useful Global Classes */
	.fullSize { position:absolute; right:0; }
	.zoom { width:100%; }
	.play-icon { height:18px; width:20px; background: url(play-white.png); }
	.pause-icon { height:18px; width:20px; background: url(pause-white.png); }
	.up-icon { height:18px; width:20px; background: url(arrow-up_white.png); }
	.down-icon { height:18px; width:20px; background: url(arrow-down_white.png); }
	
	
	
	.checkerBoard { width:100%; height:100%; position:relative; }
		.checkerSquare { float:left; width:20%; height:20%; }
			.checkerGrow { width:0%; height:0%; }
				.square1 { background-position:0% 0%; }
				.square2 { background-position:25% 0%; }
				.square3 { background-position:50% 0%; }
				.square4 { background-position:75% 0%; }
				.square5 { background-position:100% 0%; }
				
				.square6 { background-position:0% 25%; }
				.square7 { background-position:25% 25%; }
				.square8 { background-position:50% 25%; }
				.square9 { background-position:75% 25%; }
				.square10 { background-position:100% 25%; }
				
				.square11 { background-position:0% 50%; }
				.square12 { background-position:25% 50%; }
				.square13 { background-position:50% 50%; }
				.square14 { background-position:75% 50%; }
				.square15 { background-position:100% 50%; }
				
				.square16 { background-position:0% 75%; }
				.square17 { background-position:25% 75%; }
				.square18 { background-position:50% 75%; }
				.square19 { background-position:75% 75%; }
				.square20 { background-position:100% 75%; }
				
				.square21 { background-position:0% 100%; }
				.square22 { background-position:25% 100%; }
				.square23 { background-position:50% 100%; }
				.square24 { background-position:75% 100%; }
				.square25 { background-position:100% 100%; }