#gallery1 {	
	
	}
.gallery-typ1 {
  	width: 886px;	
	height:auto;
	}
.gallery-typ1, .gallery-typ1 * {
  	margin: 0;
  	padding: 0;
	}
/*
##########################################
#  IMAGE WRAPPER CSS
##########################################
*/
.gallery-typ1 .main-image {
    width: 100%;
    height: 384px;
    position: relative;
   /* overflow: hidden;*/
   }
.gallery-typ1 .main-image .ad-loader {
	  position: absolute;
	  z-index: 10;
	  top: 48%;
	  left: 48%;
    }
.gallery-typ1 .main-image .ad-prev, 
.gallery-typ1 .main-image .ad-next {
      /* Or else IE will hide it */
      background: url(../images/non-existing.jpg)\9
	 
    }
.gallery-typ1 .main-image .ad-prev .ad-prev-image, 
.gallery-typ1 .main-image .ad-next .ad-next-image {
       }
.gallery-typ1 .main-image .ad-next .ad-next-image {
       }
.gallery-typ1 .main-image .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
.gallery-typ1 .main-image .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../images/opa75.png);
        color: #000;
        display:none;
      }
* html .gallery-typ1 .main-image .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/opa75.png');
      }
.gallery-typ1 .main-image .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
/*
##########################################
# IMAGE COUNTER AND START AND STOP BUTTON CSS
##########################################
*/
.gallery-typ1 .controls {
    height: 1px;
	position:relative;
  }
.gallery-typ1 .ad-info {
      float: left;
	  display:none;
    }
.gallery-typ1 .ad-slideshow-controls {
      float: right;
    }
.gallery-typ1 .ad-slideshow-controls .ad-slideshow-start{ 
	background:url(../images/play.gif) no-repeat left top;
	visibility:hidden;
	}
.gallery-typ1 .ad-slideshow-controls .ad-slideshow-stop {
	background:url(../images/pausebtn.gif) no-repeat left top;
     }
.gallery-typ1 .ad-slideshow-controls .ad-slideshow-start,
.gallery-typ1 .ad-slideshow-controls .ad-slideshow-stop {
	cursor:pointer;
	font-size:0px;
	line-height:0px;
	padding-left: 5px;
	position:absolute;
	right:-41px;
	top:-200px;
	width:35px;
	height:41px;
	}
.gallery-typ1 .ad-slideshow-controls .ad-slideshow-countdown {/*if we start this, this will show an counter*/
        padding-left: 5px;
        font-size: 0px;	
		position:absolute;
		right:0px;
		top:-50px;		
		
      }
.gallery-typ1 .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;	 
    }
	
/*
##########################################
# THUMBNAIL IMAGE CONTAINER CSS
##########################################
*/
.gallery-typ1 .th-images-box {
    width: 100%;
    position: relative;
  }
.gallery-typ1 .ad-forward, .gallery-typ1 .ad-back {
      position: absolute;
      top: -10px;
      height: 100%;
      height:106px;
	  z-index: 10;
     background: url(../images/hr-scroll-arrows2.png) 0px 0px no-repeat;
	width:26px;
	}
    /* IE 6 doesn't like height: 100% */
* html .gallery-typ1 .ad-forward, .gallery-typ1 .ad-back {
      height: 100px;
    }
.gallery-typ1 .ad-back {
      cursor: pointer;
      left: -33px;
      display: block;
    background-position:0 0; 
    }
.gallery-typ1 .ad-forward {
      cursor: pointer;
      display: block;
      right: -33px;
	  background-position:-35px 0;
    
	}
.gallery-typ1 .th-images-box .th-images {
      overflow: hidden;
      width: 100%;
    }
.gallery-typ1 .th-images .th-images-list {
        float: left;
        width: 10000px;
        list-style: none;
      }
.gallery-typ1 .th-images td {
        /* float: left;*/       
		border: 1px solid #d8d8d8; 		 
      	height:82px;
	    text-align:center;
		vertical-align:middle;
		padding:0px;
		}
.gallery-typ1 .th-images td.nobdr {border:none;}
 .gallery-typ1 .th-images td a {
		display:inline-block;
	  }
.gallery-typ1 .th-images td a img {
	 /* border: 1px solid #d8d8d8;*/
	  display: block;
	  padding:0px;
	  text-align:center;
	  }
.gallery-typ1 .th-images td a.ad-active img {
		}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
.width20{width:15px;}


.gallery-typ1 .main-image .ad-next {

	position: absolute;

	right: -35px;

	top: 235px;

	width: 34px;

	height: 41px;

	cursor: pointer;

	display: block;

	}

.gallery-typ1 .main-image .ad-prev {

	position: absolute;

	right: -35px;

	top: 132px;

	width: 34px;

	height: 41px;

	cursor: pointer;

	display: block;


	}

	

.gallery-typ1 .main-image .ad-prev .ad-prev-image {

	background: url(../images/gallery_navbtns.gif) no-repeat 0px 0px;

	width: 34px;

	height: 41px;


	}


.gallery-typ1 .main-image .ad-next .ad-next-image {

	background: url(../images/gallery_navbtns.gif) no-repeat 0px -50px;

	width: 34px;

	height: 41px;


	}

.gallery-typ1 .main-image .ad-prev, .gallery-typ1 .main-image .ad-next {

	/* Or else IE will hide it */

	background: url(non-existing.jpg)\9

	}