.ad-gallery, .ad-gallery * {
    margin: 0;
    padding: 0;
}
.ad-gallery {
    width: 619px;
    padding-top: 15px;
    background: url('gallery-bg.png') top repeat-x #030406;
    margin-bottom: 20px;
}
.ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 360px;
    position: relative;
}
.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: 50%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    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);
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url('arrow-left-big.png') center no-repeat;
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 15px;
    z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background-image: url('arrow-right-big.png');
    right: 15px;
    left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
    max-width: 617px;
    border: 1px solid #030406;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
    border: 0;
}

.ad-image-description-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url('opa-black60.png');
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    color: white;
    padding: 2px 5px;
    text-align: left;
    z-index: 2;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa-black60.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
    display: block;
}
.ad-gallery .ad-image-wrapper a.maximizer {
    position: absolute;
    z-index: 1000;
    top: -5px;
    left: 10px;
    display: block;
    width: 30px;
    height: 30px;
    background: url('max.png') no-repeat;
    outline: none;
}
.ad-gallery .ad-nav {
    width: 619px;
    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: 9px;
    width: 30px;
    display: block;
}
.ad-gallery .ad-forward {
    cursor: pointer;
    display: block;
    right: 9px;
    width: 30px;
}
.ad-gallery .ad-nav:hover .ad-forward {
    background: url('arrow-right.png') 0px 20px no-repeat;
}
.ad-gallery .ad-nav:hover .ad-back {
    background: url('arrow-left.png') 0px 20px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
    overflow: hidden;
    width: 599px;
    padding: 20px 0 10px 0;
    margin: 0 10px;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    padding: 0;
    width: 9000px;
    list-style: none;
    height: 75px;
}
.ad-gallery .ad-thumbs li {
    float: left;
    padding: 0 8px 8px 0;
}
.ad-gallery .ad-thumbs li.last {
    padding: 0;
}
.ad-gallery .ad-thumbs li a {
    display: block;
    outline: none;
}
.ad-gallery .ad-thumbs li a img {
    border: 0;
    display: block;
    height: 75px;
}
.ad-gallery .ad-thumbs li a.ad-active img {
    border: 0;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
    position: absolute;
    left: -9000px;
    top: -9000px;
}
p.ad-info {
    position: absolute;
    z-index: 10;
    top: -5px;
    right: 10px;
    width: 50px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    background: url('info-bg.png') no-repeat;
    color: white;
    text-align: center;
}

/* gallery-small */
div.gallery-small {
    float: left;
    display: inline;
    margin: 5px 10px 5px 0;
    padding: 0;
    background: url('gallery-small-bg.png') top repeat-x #030406;
    overflow: hidden;
}
div.gallery-small.right {
    float: right;
    margin: 5px 0 5px 10px;
}
div.gallery-small ul {
    position: relative;
    display: block;
    width: 296px;
    padding: 240px 8px 0 8px;
    z-index: 1;
    margin: 0;
}
div.gallery-small ul li {
    float: left;
    display: inline;
    width: 10%;
    padding: 0;
    background: none;
}
div.gallery-small ul li a {
    float: left;
    width: 100%;
    height: 20px;
    background: url('gallery-small-item-bg.png') no-repeat center;
    outline: none;
}
div.gallery-small ul li.active a {
    background-image: url('gallery-small-item-hover-bg.png');
}
div.gallery-small ul li a img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    max-height: 210px;
    max-width: 280px;
    margin: 0 0 0 0px;
}
div.gallery-small ul li.active a img {
    left: 0;
    right: 0;
    display: block;
    margin: 9px auto 0 auto;
}
div.gallery-small ul li a span {
    display: none;
    position: absolute;
    z-index: 3;
    bottom: 20px;
    left: 0;
    width: 266px;
    padding: 0 10px;
    line-height: 15px;
    color: white;
    font-size: 11px;
    text-align: left;
}
div.gallery-small ul li a span.no-content {
    background: none;
}
div.gallery-small ul li.active a span {
    display: block;
}

div.gallery-small a:hover img {
  border: none;
  opacity: 1;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;

	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
        background: url('gallery-small-bg.png') top repeat-x;
	background-color: #030406;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 7px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 20%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
        margin-left: 20px;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
        margin-right: 20px;
}
#lightbox-container-image-data-box {
	background: #030406;
	margin: 0 auto;
	overflow: auto;
	width: 100%;
	padding: 0 7px 2px 7px;
}
#lightbox-container-image-data {
    padding: 0;
    margin-top: -2px;
}
#lightbox-container-image-data #lightbox-image-details {

}
#lightbox-image-details-caption {
    display: block;
    padding: 0 0 0 15px;
    line-height: 20px;
    background: url(../imgs/arrow-red.png) 5px 7px no-repeat;
    color: white;
    font-size: 12px;
    text-align: left;
}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

div.gallery .photo {
  float: left;
  margin-left: 0;
}