/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/
#jCarouselLiteDemo{ width:302px;}

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

    #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: 11px;
        height: 17px;
        text-decoration: none;
        background: url("../images/arrow_left.png") left top no-repeat; margin-top:22px;
    }
        #jCarouselLiteDemo .carousel a.next{
            background: url("../images/arrow_right.png") right top no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover{
                background-image: url("../images/arrow_right.png");
            }
            #jCarouselLiteDemo .carousel a.prev:hover{
                background-image: url("../images/arrow_left.png");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite, #jCarouselLiteDemo .carousel .jCarouselLite1, #jCarouselLiteDemo .carousel .jCarouselLite2 {
        float: none;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
	.clear{ clear:both;}
        #jCarouselLiteDemo .carousel ul {
            margin: 0;
        }
        #jCarouselLiteDemo .carousel li {
           
            width: auto!important;
            
        }
        
        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            #jCarouselLiteDemo .mid {
                margin-left:0;
                width: 302px;
                height: 58px;
            }
            #jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }
                #jCarouselLiteDemo .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 226px!important; margin:0px 30px 0px 20px;
                }
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
               /* width: 400px;
                height: 300px;*/
            }
            
			
			#jCarouselLiteDemo .carousel .floatright{ float:right;}
			#jCarouselLiteDemo .carousel .floatright a{ margin-left:10px;}
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/