/* -------------------------------------------------------------- 
  
   mini-gallery.css
   
-------------------------------------------------------------- */
#gallery {
	width: 747px;
	height: 368px;
}
#thumb-wrapper {
	width: 747px;
	height: 94px;	/* 17px */
	background: url(../images/gallery/thumb_bg.gif) repeat-x;
	position: absolute;
	z-index: 3;
	top: 367px;		/* 448px;*/
	left: 0;
	overflow: hidden;
	cursor: pointer;
}
#thumbs ul {
	list-style: none;
	margin: 17px 6px 7px 6px;
	clear: both;
}
#thumbs ul li {
	width: 103px;
	height: 80px;
	padding: 0 2px 7px 0;
	float: left;
	cursor: pointer;
}
#thumbs ul li h3, #thumbs ul li p {
	display: none;
}

#prev a {
	position: absolute;
	z-index: 4;
	top: 5px;
	left: 6px;
	width: 9px;
	height: 8px;
	background: url(../images/gallery/prev_off.gif) no-repeat;
}
#prev a:hover {
	background: url(../images/gallery/prev_on.gif) no-repeat;
}
#next a {
	position: absolute;
	z-index: 5;
	top: 5px;
	left: 730px;
	width: 9px;
	height: 8px;
	background: url(../images/gallery/next_off.gif) no-repeat;
}
#next a:hover {
	background: url(../images/gallery/next_on.gif) no-repeat;
}

/* Gallery InfoBox
-------------------------------------------------------------- */
#infoBoxBg {
	position: absolute;
	top: 93px;
	left: 490px;
	width: 257px;
	height: 187px;
	background-color: #000;
	/* opacity */
	opacity: 0.8;
	z-index: 6;
}
.infoBox {
	position: absolute;
	top: 93px;
	left: 490px;
	width: 257px;
	height: 187px;
	z-index: 7;
}
.infoBox h3 {
	color: #FFF;
	margin: 9px 0 0 10px;
	text-transform: none;
}
.infoBox p {
	color: #FFF;
	margin: 5px 0 0 10px;
	width: 90%;
	height: 75px;
}
.imgBg {
	background-color: #000;
	margin: 0;
	padding: 0;
}

.imgBg img {
	margin: 0;
	padding: 0;
	display: block;
}

#gallery_nav {
	position: absolute;
	top: 165px;
	left: 10px;
}

#gallery_nav p#nav {
	color: #FFF;
	width: 80px;
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0 3px 0 10px;
}

#gallery_nav #scrollPrev,
#gallery_nav #scrollNext {
	width: 4px;
	height: 8px;
	float: left;
	margin: 1px 0 0 0;
	cursor: pointer;
}

#gallery_nav #scrollPrev a {
	width: 4px;
	height: 8px;
	background: url(../images/icon_prev_on.gif) no-repeat;
	float: left;
	margin: 1px 0 0 0;
	cursor: pointer;
}

#gallery_nav #scrollPrev a:hover {
	background: url(../images/icon_prev_off.gif) no-repeat;
}

#gallery_nav #scrollNext a {
	width: 4px;
	height: 8px;
	background: url(../images/icon_next_on.gif) no-repeat;
	float: left;
	margin: 1px 0 0 0;
	cursor: pointer;
}

#gallery_nav #scrollNext a:hover {
	background: url(../images/icon_next_off.gif) no-repeat;
}

#gallery_nav #slideUp {
	float: left;
	margin: 2px 0 0 125px;
	width: 8px;
	height: 9px;
	background: url(../images/gallery/gallery_arrow_up.gif) no-repeat;
	cursor: pointer;
}

#gallery-image {
	background: url(../images/loading_lightbox.gif) no-repeat 50% 50%;
}