#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#gallery{
	display: none; /*--hidden by default--*/
	background: #000;
	padding: 20px;
	border: 5px solid #555;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50px; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
a.close {
	text-decoration: none;
	width: 50px;
	height: 50px;
	background: transparent url(img/gallery/close_pop.png) no-repeat top left;
	float: right;
	margin: -55px -55px 0 0;
}

/*#thumbs {overflow: hidden; height: 105px;white-space: nowrap;}*/
#thumbs {overflow: auto; width: 155px; float: left; height: 484px;}
#thumbs a {
  height: 115px;
  width: 130px;
  display: -moz-inline-block;
  display: inline-block;
  /*white-space: no-wrap;*/
  overflow: hidden;
  /*position: relative;*/
  padding: 2px;
  margin: 0px;
  margin-right: 2px;
  margin-bottom: 2px;
  opacity: .80;
  /*float: left;*/
}
#thumbs img {
 cursor: pointer;
}

#largeImage {
 padding: 4px;
 max-height: 500px;
 overflow: hidden;
}

#panel {
 height: 500px;
 overflow: hidden;
}

#thumbs img {
 /*float: left;*/
 position: relative;
 left: -40px;
 top: -40px;
 /*float: left;*/
 /*margin: -20px 2 0 -20px;*/
 margin-right: 2px;
 padding:0px;
 /*margin-right: 2px;*/
}

#thumbs a.active, #thumbs a:hover {
 border: 2px solid white;
 padding: 0px;
 opacity: 1;
}

#thumbs a span {
 display: none;
}
#thumbs a:hover {
 border: 2px solid #999;
}
#thumbs a.active:hover {
 border: 2px solid white;
}


#description {
 /*opacity: .70;*/
 background: black;
 color: white;
 position: absolute;
 bottom: 0;
 padding: 10px 50px 25px 60px;
 width: 600px;
 margin: 0px;
 text-align: left;
 background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
 background: rgba(0, 0, 0, 0.7);
}
#panel { position: relative; }

#counter 
{
  color: gray;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 5px;
  font-size: 80%;
  background-color: black;
  background: rgba(0, 0, 0, 0.7);
}

#loading
 {
   /*display: none; /*--hidden by default--*/
   position: absolute;
   top: 0px;
   right: 0px;
   margin: 5px;
   background: transparent url(img/gallery/loading_black.gif) no-repeat top left;
   width: 24px;
   height: 24px;
}

#go-next{
  position: absolute;
  right: 0px;
  top: 40%;
  z-index: 9999;
}

#go-next span{
  display: none;
}


#go-next a{
  opacity: .5;
  display: block;
  width: 100px;
  height: 100px;
  background: transparent url(img/gallery/go-next.png) no-repeat right center;
}
#go-next a:hover{
  opacity: 1;
}

#go-previous span{
  display:none;
}

#go-previous{
  position: absolute;
  left: 0px;
  top: 40%;
  z-index: 9999;
}

#go-previous a{
  opacity: .5;
  display: block;
  width: 100px;
  height: 100px;
  background: transparent url(img/gallery/go-previous.png) no-repeat left center;
  
}
#go-previous a:hover{
  opacity: 1;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html #gallery {
	position: absolute;
}