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

.jcarousel-skin-tango{ margin-bottom:15px; }

ul#carousel-work{ list-style:none;}

.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. */
    width: 540px;
    height: auto;
}

.jcarousel-item img{ 
	background-color:#fff;  
	height:300px;
	margin-bottom:5px;
	padding:5px;
	padding:5px;
	width:528px;
	}

/**
 * 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;
}



.jcarousel-container {
	margin-left:0;
	background-image:url(../images/featured-bottom.gif);
	background-position: bottom left;
	background-repeat:repeat-x;
	border:1px solid #ccc; 
	
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.jcarousel-container-horizontal { 
    margin-left: 0;
}
 
.jcarousel-clip-horizontal {
    width:  540px;
    height: auto;
}
 
.jcarousel-item { 
}

.jcarousel-item-horizontal { 
}
 

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */ 
.jcarousel-next-horizontal {
    position: absolute;
    top: -38px;
    right: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/next.png) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover { 
}

.jcarousel-next-horizontal:active { 
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default; 
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: -38px;
    right: 21px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/prev.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover { 

}

.jcarousel-prev-horizontal:active { 

}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default; 
}


 

/* 
** Custom Navigation 
*/

#ff-carousel-next,
#ff-carousel-prev,
.jcarousel-control a{
	float:left;
	width:20px;
	height:20px;
	margin-right:5px; }
	
.jcarousel-control{
	float:left; }	

#ff-carousel-next a,
#ff-carousel-prev a,
.jcarousel-control a{
	width:20px;
	height:20px;
	display:block;
	background-image:url(images/carousel-paginator.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent: -999em; }


#ff-carousel-next a{
	background-position: -80px 0; }

.jcarousel-control a{ 
	background-position: -20px 0; }
		
.jcarousel-control a:hover{ 
	background-position: -60px 0; }

.jcarousel-control a.ff-selected{
	background-position: -40px 0; }

#ff-carousel-prev{
	margin-left:412px;}
	
#footer .ff-carousel h4{ text-align:center; }