/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

#jCarouselLiteDemo .carousel  {
    padding: 1px 0 0 0;
    margin: 0 0 5px 10px;
    position: relative;     
}

#jCarouselLiteDemo .main {
	margin-left: 5px;
}

#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: 130px;
	text-decoration: none;
	background: url("back.png") left 40px no-repeat;
}

#jCarouselLiteDemo .carousel a.next {
	background: url("next.png") right 40px no-repeat;
}

#jCarouselLiteDemo .carousel a.next:hover {
	background-image: url("nexthover.png");
}

#jCarouselLiteDemo .carousel a.prev:hover {
	background-image: url("backhover.png");
}    

#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 {
	background-color: #fff;
	margin: 1px 10px 1px 10px;
	width: 100px;
	height: 75px;
}

#jCarouselLiteDemo .carousel li p {
	background-color: #fff;
	margin: 1px 10px 1px 10px;
	width: 100px;
}
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/