.ad-gallery {
	width: 542px;
	margin-bottom: 28px;
}

.ad-gallery .ad-image-wrapper {
	width: 100%;
	height: 301px;
	margin-bottom: 18px;
	position: relative;
	overflow: hidden;
}

.ad-gallery .ad-image-wrapper .ad-loader {
	position: absolute;
	z-index: 10;
	top: 48%;
	left: 48%;
	border: 1px solid #CCC;
}

.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9;
}

.gallery-img-desc {
	margin-bottom:10px;
}

.gallery-img-desc p,
.gallery-img-desc span {
	font:italic 12px/13px Arial, Helvetica, sans-serif;
	color:#666666;
}

.ad-gallery .ad-nav {
	width: 100%;
	position: relative;
	margin-top: 0px;
}

.ad-gallery .ad-forward,
.ad-gallery .ad-back {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10;
	border-radius:2px;
}

/* IE 6 doesn't like height: 100% */

* html .ad-gallery .ad-forward,
.ad-gallery .ad-back {
	height: 100px;
}

.ad-gallery .ad-back {
	width: 17px;
	height:81px;
	display: block;
	cursor: pointer;
	left: 0;
	background: url(img/art-gal-left.png) no-repeat center center #f7f7f7;
}

.ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right: 0;
	width: 17px;
	height:81px;
	background: url(img/art-gal-right.png) no-repeat center center #f7f7f7;
}

.ad-gallery .ad-nav .ad-thumbs {
	overflow: hidden;
	width: 499px;
	margin-left:32px;
}

.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left;
	width: 100%;
	height:80px;
}

.ad-gallery .ad-thumbs li {
	float: left;
	padding-right: 20px;
}

.ad-gallery .ad-thumbs li a {
	display: block;
}

.ad-gallery .ad-thumbs li a img {
	display: block;
	width:80px;
	/* height:80px; */
}

/* Can't do display none, since Opera won't load the images then */

.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
}