#gallery-cnt {
	
	width:800px;
	margin:0 auto;
	
}

#gallery {
	width:800px;
	margin:0 auto;
}

.ad-gallery {
  width: 800px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 454px;
    margin: 0 auto 6px auto;
    position: relative;
    overflow: hidden;
	background: url(../img/works/image_bg.jpg) repeat-y;	
  }
    .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 {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(trans.gif);
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../img/works/yajiL.gif);
        width: 32px;
        height: 55px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../img/works/yajiR.gif);
        width: 32px;
        height: 55px;
        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-controls {
    width:680px;
	padding:6px 60px 0 60px;
	height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
	  padding-left:0;
	  font-size: 0.9em;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
    .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-right: 6px;
        cursor: pointer;
		color:#999;
      }
	.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
		font-size: 0.9em;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        font-size: 0.8em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      color:#333;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .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 {
      cursor: pointer;
      left: 12px;
      width: 20px;
      display: block;
      background: url(../img/works/ad_scroll_back.png) 0px 11px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: 12px;
      width: 20px;
      background: url(../img/works/ad_scroll_forward.png) 0px 11px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 680px;
	  margin:0 auto;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
			float: left;
			width:67px;
			height:42px;
			margin-right:1px;
			text-indent: -9999px;
			font-size: 1px;
			line-height: 0;	
			opacity: 0.3;		
          }
.ad-gallery .ad-thumbs li.m1 a {
background:url(../img/works/untitle2/001_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m2 a {
background:url(../img/works/untitle2/002_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m3 a {
background:url(../img/works/untitle2/003_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m4 a {
background:url(../img/works/untitle2/004_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m5 a {
background:url(../img/works/untitle2/005_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m6 a {
background:url(../img/works/untitle2/006_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m7 a {
background:url(../img/works/untitle2/007_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m8 a {
background:url(../img/works/untitle2/008_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m9 a {
background:url(../img/works/untitle2/009_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m10 a {
background:url(../img/works/untitle2/010_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m11 a {
background:url(../img/works/untitle2/011_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m12 a {
background:url(../img/works/untitle2/012_s.jpg) no-repeat;
}         
.ad-gallery .ad-thumbs li.m13 a {
background:url(../img/works/untitle2/013_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m14 a {
background:url(../img/works/untitle2/014_s.jpg) no-repeat;
}	  
.ad-gallery .ad-thumbs li.m15 a {
background:url(../img/works/untitle2/015_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m16 a {
background:url(../img/works/untitle2/016_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m17 a {
background:url(../img/works/untitle2/017_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m18 a {
background:url(../img/works/untitle2/018_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m19 a {
background:url(../img/works/untitle2/019_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m20 a {
background:url(../img/works/untitle2/020_s.jpg) no-repeat;
}	  

.ad-gallery .ad-thumbs li.m21 a {
background:url(../img/works/untitle2/021_s.jpg) no-repeat;
}	  

.ad-gallery .ad-thumbs li.m22 a {
background:url(../img/works/untitle2/022_s.jpg) no-repeat;
}	  

.ad-gallery .ad-thumbs li.m23 a {
background:url(../img/works/untitle2/023_s.jpg) no-repeat;
}	  

.ad-gallery .ad-thumbs li.m24 a {
background:url(../img/works/untitle2/024_s.jpg) no-repeat;
}	  

.ad-gallery .ad-thumbs li.m25 a {
background:url(../img/works/untitle2/025_s.jpg) no-repeat;
}	  

.ad-gallery .ad-thumbs li.m26 a {
background:url(../img/works/untitle2/026_s.jpg) no-repeat;
}	  

.ad-gallery .ad-thumbs li.m27 a {
background:url(../img/works/untitle2/027_s.jpg) no-repeat;
}	  

.ad-gallery .ad-thumbs li.m28 a {
background:url(../img/works/untitle2/028_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m29 a {
background:url(../img/works/untitle2/029_s.jpg) no-repeat;
}
.ad-gallery .ad-thumbs li.m30 a {
background:url(../img/works/untitle2/030_s.jpg) no-repeat;
}  
  
		  .ad-gallery .ad-thumbs li a.ad-active {
            display: block;
			width:67px;
			height:42px;
			margin-right:1px;
			opacity: 1;
			}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}