#gallery {
	/* container for gallery - wood background */
	background-image:url(../images/woodBkgd.jpg);
	border:solid 1px #898989;
	width:715px;
	height:455px;
	margin:0 auto;
	box-shadow: 4px 2px 10px #555;
		-moz-box-shadow: 4px 2px 10px #555;
		-webkit-box-shadow: 4px 2px 10px #555;
	}

	.ad-gallery, .ad-gallery * {
			margin: 0;
			padding: 0;
			}
	
	.ad-gallery .ad-image-wrapper {
		/* wraps images */
		width: 686px;
		height: 367px;
		position: relative;
		overflow: hidden;
		margin:10px auto;
		}
		
		.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-next {
			/* next arrow */
			position: absolute;
			right: 0;
			top: 0;
			width: 25%;
			height: 100%;
			cursor: pointer;
			display: block;
			z-index: 100;
			}
		
		.ad-gallery .ad-image-wrapper .ad-prev {
			/* prev arrow */
			position: absolute;
			left: 0;
			top: 0;
			width: 25%;
			height: 100%;
			cursor: pointer;
			display: block;
			z-index: 100;
			}
		
			.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
				/* Or else IE will hide it */
				background: url(non-existing.jpg)\9
				}
				
			.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
				background-image:url(../images/galleries/arrows.png);
				background-repeat:no-repeat;
				width: 34px;
				height: 34px;
				display: none;
				position: absolute;
				top: 47%;
				left: 0;
				z-index: 101;
				}
				
			.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
				background-position:-34px 0;
				right: 0;
				left: auto;
				}
				
		.ad-gallery .ad-image-wrapper .ad-image {
			position: absolute;
			overflow: hidden;
			top: 0;
			left: 0;
			z-index: 9;
			}
			
			.ad-gallery .ad-image-wrapper .ad-image a img {
				border: 0;
				}
	  
			.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
				position: absolute;
				bottom: 0px;
				left: 0px;
				padding: 7px;
				text-align: left;
				width: 100%;
				z-index: 2;
				background: url(opa75.png);
				color: #000;
				}
				
				* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
					background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
					}
					
				.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
					display: block;
					}
					  
	.ad-gallery .ad-nav {
	  /* contains thumbnails */
		width: 650px;
		height:55px;
		position: relative;
		margin:0 auto;
		}
	
	.ad-gallery .ad-forward, .ad-gallery .ad-back {
		position: absolute;
		top: 0;
		height: 100%;
		z-index: 10;
		}
		
		/* IE 6 doesn't like height: 100% */
		* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
			height: 100px;
			}
			
	.ad-gallery .ad-back, .ad-forward {
		cursor: pointer;
		width: 13px;
		display: block;
		background-image:url(../images/galleries/thumbArrowsActive.png);
		background-repeat:no-repeat;
		}
		
	.ad-gallery .ad-back {
		left: -20px;
		background-position:0 21px;
		}
		
	.ad-gallery .ad-forward {
		right: -20px;
		background-position:-14px 21px;
		}
		
		.ad-gallery .ad-nav .ad-thumbs {
			overflow: hidden;
			width: 100%;
			}
	
			.ad-gallery .ad-thumbs .ad-thumb-list {
				float: left;
				width: 9000px;
				list-style: none;
				}
				
			.ad-gallery .ad-thumbs li {
				float: left;
				padding-right: 5px;
				}
				
				.ad-gallery .ad-thumbs li a {
					display: block;
					border:none;
					}
					
					.ad-gallery .ad-thumbs li a img {
						border: 3px solid #898989;
						display: block;
						}
						
					.ad-gallery .ad-thumbs li a.ad-active img {
						border: 3px solid #252525;
						}
						
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
	}