/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/


#wrapper #block-carousel {
    margin-top: 18px;
    overflow: hidden;
    padding: 0;
}

#wrapper #block-carousel .default {
    background: url("header-brown-bg.gif") repeat-x scroll 0 0 transparent;
    height: 116px;
    position: relative;
}

#jCarouselLiteDemo .carousel  {}
    #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("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("/image/imageNavRight.gif") right 60px no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite {
        border: 1px solid #fff;
        background-color: #fff;
		top: 8px;
		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;
            height: 100px;
            padding-left: 26px;
            width: 240px;
        }
        
        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            #jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 280px;
                height: 100px;
            }
            #jCarouselLiteDemo .vertical {
                margin-left: 300px;
            }
                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 280px;
                height: 100px;
            }
			
.jCarouselLite .desc-block{
    display:block;
    padding-top:17px;
	}		
	
.jCarouselLite .number{
    float: left;
	/*border-right:1px dotted #8B8B8B;*/
	font-size:67px;
	margin-right:10px;
	font-family:"Arial Narrow", Arial, sans-serif;
    color: #E7293D;

	}
	
.jCarouselLite .month{
    text-transform: uppercase;
    font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #E7293D;
    font-weight:bold;
	overflow:hidden;
	display:block;
	border-bottom:1px dotted #999999;
	margin-bottom:2px;
	padding-bottom:2px;
}	
	
.jCarouselLite .desc{	
    /*font: 18px/1.2 Georgia,"Times New Roman",Times,serif;*/
	color:#454545;
	line-height:16px;
	}
	
.jCarouselLite .desc a, .jCarouselLite .desc a:hover{
    color:#454545;
}

#block-carousel button::-moz-focus-inner,
#block-carousel input[type="reset"]::-moz-focus-inner,
#block-carousel input[type="button"]::-moz-focus-inner,
#block-carousel input[type="submit"]::-moz-focus-inner,
#block-carousel input[type="submit"]::-moz-focus-inner,
#block-carousel input[type="file"] > input[type="button"]::-moz-focus-inner {/* */
 	border: none;
 	}

		 
.prev, .next {
    background-color: white;
    border: medium none;
    cursor: pointer;
    padding: 20px 0 42px;
    position: absolute;
    top: 22px;
    z-index: 5;   
	}
	
.next {
	right:0;
}


/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/