/* 

	Carousel Gallery CSS 
	
*/

#art_gallery{
	background: url(art/gallery_back.gif) top left repeat-x #000;
	width: 480px;
	padding: 0 10px;}

#art_gallery h2{
	margin: 0 0 10px 0;
	color: #ccc;
	font-weight: normal;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 10pt;
	}

#art_gallery p{
	margin: 0;
	padding: 20px 0;
	color: #999;}
	
#art_gallery p a{
	color: #ffbb00;}

#art_gallery p a:hover{
	text-decoration: none;}

.carousel-controls {
	margin: 10px 0 0 22px;
	}
.carousel-controls a {
	float: left;
	margin: 0 10px 10px 0;
	}
.carousel-controls a img {
	border: 1px solid #333;
	padding: 4px;
	}

.carousel-controls a:hover img {
	border: 1px solid #666;
	}

.carousel-controls span {
	display: none;
	}
.carousel-controls a.active img {
	border: 1px solid #fff;
	padding: 4px;
	background: #333;
	}

.carousel-gallery ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	}
.carousel-gallery ul li {
	list-style:  none;
	}
p.caption {
	clear: both;
	}


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

.carousel-gallery {
    position: relative;
    margin-bottom:  1em;
	}

.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 a,
.jcarousel-item {
    float: left;
    list-style: none !important;
	margin: 0 !important;
	}

.cgj_image a img{
	border: none;}

.jcarousel-scroll{
	position: absolute;
	top: 36px;
	z-index: 5;}

.jcarousel-scroll a{
	display: block;
	width: 75px;
	background: #fff;
	padding: 2px 5px 25px;
	opacity: 0;
	border: 1px solid #000;
	border-top: none;}

.jcarousel-scroll a:hover{
	opacity: 0.6;}

a.cgj_prev{
	float: left;
	border-left: none;}

a.cgj_next{
	border-right: none;
	display: block;
	text-align: right;
	margin: 0 0 0 394px;}