/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

/* 

use a gallery div in the code to prevent the loading "jumping"
as it loads large images 

have to set a height to .gallery because there is no object 
within it to push down the title of the post


*/

.tag-xhtml .gallery,
.category-web-design .gallery,
.category-identity .gallery,
 .category-print-design .gallery {
	padding:37px 0 0 0;
	height:389px;
	display:block;
	overflow:hidden;
	}
	
.tag-xhtml .gallery .jcarousel-clip ,
.category-web-design .jcarousel-clip,
.category-identity .jcarousel-clip {
	height:386px;
	}	
 
 .category-print-design .gallery {
	height:526px;
	zoom:1;}
 
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
	left:173px;
	top:0px;	
	position:absolute;
	width:614px;
	}

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

.category-web-design .jcarousel-list li,
.category-web-design .jcarousel-item {
    width: 614px;
    height: 386px;
	}
	
.jcarousel-list li,
.jcarousel-item {
   float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 614px;
    height: auto;
	}
	
/**
 * 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;
	position:absolute;
    display: none;
	}

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