/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

#jCarouselLiteDemo .carousel  {
    padding: 10px 0 0 0;
    /*margin: 0 0 10px 10px;*/
	margin-top:50px;
    position: relative;     
}
    /*#jCarouselLiteDemo .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }*/
   /* #jCarouselLiteDemo .main {
        margin-left: 40px;
    }*/

    /*#jCarouselLiteDemo .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }*/
    #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: 143px;
        text-decoration: none;
        background: url(../images/imageNavLeft.gif) left 60px no-repeat;
    }
	#jCarouselLiteDemo .carousel a.next {
		background: url(../images/imageNavRight.gif) right 60px 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 {
        border: none;
        float: left;
        background-color: #ffffff;
        
        /* 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: 113px;
            height: 118px;
            margin: 5px;
        }
        
        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            /*#jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }*/
            /*#jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }*/
                /*#jCarouselLiteDemo .vertical .jCarouselLite {   
                    width: 170px;
                }*/
            /*#jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }*/
            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/