#jCarouselLiteDemo .carousel  {
	padding: 10px 0 0 0;
	margin: 0 0 20px 10px;
	position: relative;     
}
	#jCarouselLiteDemo .digg {
		position: absolute;
		left: 610px;
		top: 110px;
	}
	#jCarouselLiteDemo .main {
		
	}

	#jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
		float: left;
	}              
	#jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
		display: block;
		float: left;
		width: 30px;
		height: 94px;
		text-decoration: none;
		background: url("../images/imageNavLeft.gif") left 40px no-repeat;
	}
		#jCarouselLiteDemo .carousel a.next {
			background: url("../images/imageNavRight.gif") right 40px no-repeat;
		}
			#jCarouselLiteDemo .carousel a.next:hover {
				background-image: url("../images/imageNavRightHover.gif");
			}
			#jCarouselLiteDemo .carousel a.prev:hover {
				background-image: url("../images/imageNavLeftHover.gif");
			}    
			#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
				border: none;
				outline: none;
			}                 
	#jCarouselLiteDemo .carousel .jCarouselLite {
		float: left;

		/* Needed for rendering without flicker */
		position: relative;
		visibility: hidden;
		left: -5000px;
	}
		#jCarouselLiteDemo .carousel ul {
			margin: 0;
		}
		#jCarouselLiteDemo .carousel li img, 
		#jCarouselLiteDemo .carousel li p {
			background-color: #fff;
			width: 94px;
			height: 94px;
			margin: 8px;
		}
