body div#small-portfolio div#wrapper {
    width: 351px;
}

/* big image placeholder */
body div#small-portfolio div#wrapper #img {
    width: 272px; 
    height: 211px; 
    background-image: url(../images/portfolio/shadow.png);
    margin:0 auto;
    margin-bottom: 20px;
}

body div#small-portfolio div#wrapper #img div.galleria_wrapper
{	
	/* can be overriden */
	width:266px;  /* width of big image */
	height:205px; /* height of big image */
	margin-top: 2px;
	margin-left:3px;
}

body div#small-portfolio div#wrapper #img div.galleria_wrapper img
{
	/* matches width and height of div.galleria_wrapper */
	width:266px;
	height:205px;
}
/****************************************
 *  Carousel container and items        *
 ****************************************/
 
body div#small-portfolio div#wrapper div.jcarousel-container
{
	   /* can be overriden */
	  background-image: url(../images/portfolio/film.png);
    width:351px;
}

div#small-portfolio div.jcarousel-clip {   
  /* can be overriden */  
	width:265px;
	height: 89px; 
	padding-top:15px;
}

body div#small-portfolio div#wrapper ul#gallery li {    
    /* can be overriden */
    background: transparent url(../images/ajax-loader-small.gif) 50% 50% no-repeat;
    width: 84px; /* width of thumb */
    height: 41px; /* height of thumb */
    margin-right: 3px;
    margin-left:2px;
}


/****************************************
 *  carousel buttons (next previous)    *
 ****************************************/
 
div#small-portfolio .jcarousel-next-horizontal {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(../images/portfolio/next-horizontal.png) no-repeat 0 0;
}

div#small-portfolio .jcarousel-next-disabled-horizontal,
div#small-portfolio .jcarousel-next-disabled-horizontal:hover,
div#small-portfolio .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0px -27px;
    background-repeat:no-repeat;
}


div#small-portfolio .jcarousel-prev-horizontal {
    position: absolute;
    top: 20px;
    left: 15px;
    #left: 15px;
    _left: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(../images/portfolio/prev-horizontal.png) no-repeat 0 0;
}



div#small-portfolio .jcarousel-prev-disabled-horizontal,
div#small-portfolio .jcarousel-prev-disabled-horizontal:hover,
div#small-portfolio .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px -27px;
    background-repeat:no-repeat;
}

/****************************************
 *  carousel caption                    *
 ****************************************/
div#small-portfolio .wrap-caption
{
    bottom: 4px; /* height of shadow */
    width: 265px; /* width of big image */
    #width: 266px;
    left: 4px; /* width of shadow */
    #left: 4px;
    overflow: hidden;
    font-size: 14px;
}
