div#carouselwrap { float: right; }


/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */

.jcarousel-container {
    position: relative;
		}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
		}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
		}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    height: 210px;
    width: 860px;
    padding: 10px;
		}

/*The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev". */

.jcarousel-next {
    z-index: 3;
    display: none;
		}

.jcarousel-prev {
    z-index: 3;
    display: none;
		}



/*Style the layout of the items inside the carosel */
			.jcarousel-list li div.sliderImageWrapper {
				float: right;
				clear: none;
				z-index: -200000;
				width: 380px;
				height: 187px;
				border: 4px #FFF solid;
				overflow: hidden;
				top: 6px;
				}
					
			.jcarousel-list li div.sliderImageWrapper img {
				width: 380px;
				height: auto;
				}
			
			.jcarousel-list li h1 {
				width: 400px;
				margin-top: 40px;
				margin-left: 50px;
				margin-right: 20px;
				float: left;
				color: #FFF;
				font-size: 18px;
				text-align: right;
				font-style: italic;
				}
			
			.jcarousel-list li p {
				width: 400px;
				margin-left: 50px;
				margin-right: 20px;
				color: #FFF;
				font-size: 14px;
				text-align: right;
				float: left;
				clear: left;
				font-style: italic;
				}
				
			.jcarousel-list li p a {
				
				color: #f7941d;
				font-weight: bold;
				text-decoration: underline;
				}