/****** AD-GALLERY ******/

#main { border:none; }

#gallery {
/*background-color:#FFC;*/
	color: #666;
	font: normal 100% 'Open Sans', Helvetica, Arial, sans-serif; /*16px */
	font-weight:300;
	line-height;:1.5;
	padding: 0px 0px 0.5em 0px;
}

#gallery p {
	padding:0.1em;	
	margin:0;
	font-size:0.8em;

}

#descriptions {
    position: relative;
    height: 3em;
    background: #eee;
    margin-top: 0;
    width: 100%;
    padding: 0.5em;
    overflow: hidden;
}
#descriptions .ad-image-description {
	position: absolute;
}
#descriptions .ad-image-description .ad-description-title {
	display: block;
}

/*original css*/

.ad-gallery {
	width: 100%;
}
.ad-gallery, .ad-gallery * {
	margin: 0;
	padding: 0;
}
.ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 28em;
    margin-top: 0.2em;
    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-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
      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: url(ad_prev.png);
        width: 1.8em;
        height: 1.8em;
        display: none;
        position: absolute;
        top: 44%;
        left: 1em;
        z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 1.8em;
        height: 1.8em;
        right: 1em;
        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: 0;
        left: 0;
        padding: 0.4em;
        text-align: center;
        width: 100%;
        z-index: 2;
        background: rgba(50,50,50,0.4);
        color: #fff;
}
* 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 {
    height: 1em;
			font-size:0.75em;


}
.ad-gallery .ad-info {
      float: left;
}
.ad-gallery .ad-slideshow-controls {
      float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 0.4em;
        cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 0.4em;
        font-size: 1em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
}
.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: 10em;
}
.ad-gallery .ad-back {
      cursor: pointer;
      left: 0.5em;
      width: 0.9em;
      display: block;
      background: url(ad_scroll_back.png) 0px 2em no-repeat;
}
.ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: 0.5em;
      width: 0.9em;
      background: url(ad_scroll_forward.png) 0px 2em no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 562em;
        list-style: none;
}
.ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 0.3em;
}
.ad-gallery .ad-thumbs li a {
            display: block;
}
.ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

@media (min-width: 82em) { 
.ad-gallery .ad-image-wrapper {
    height: 30em;
}
@media (max-width: 40.625em) { 
.ad-gallery .ad-image-wrapper {
    height: 28em;
}
}
@media (max-width: 32.8125em) { 
.ad-gallery .ad-image-wrapper {
    height: 22em;
}
}
@media (max-width: 25em) { 
.ad-gallery .ad-image-wrapper {
    height: 16em;
}
}