/*
##########################################
#  IMAGE WRAPPER CSS
##########################################
*/
.gallery .wrapper {
	position:relative;
	border:3px solid #e6e6e4;
	padding:10px;
	background:#ffffff;
	}
.gallery .main-image{
	position: relative;
	min-height:1px;
	overflow: hidden;	
	padding:0px;
	margin:0px;
	height:450px;
	}
.gallery .main-image .gallery-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9;
	}
.gallery .main-image .gallery-loader {
	position: absolute;
	z-index: 10;
	top:48%;
	left:48%;
	border:1px solid #CCC;
	}
/*
******************************************
* IMAGE DESCRIPTION
******************************************
*/
.gallery .main-image .gallery-image .gallery-image-description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding:7px;
	margin:0px;
	text-align: left;
	width: 100%;
	z-index: 2;
	color: #000;
	background:url(../images/gl-bg1.png);
	}
.gallery .main-image .gallery-image .gallery-description-title {
	display: block;
	}
/*
******************************************
* THUMBNAIL IMAGE CSS
******************************************
*/  
.gallery .th-images-box {
	position:relative;
	border:1px solid #cccccc;
	margin:1px 0 15px 0;
	padding:0 10px;
	/*background-color:#dfdfdf;*/
	}
.gallery .th-images-box .th-images {
	overflow: hidden;
	width:620px;
	margin:auto;
	padding:10px 5px;
	}
.gallery .th-images-box .th-images td {
	text-align:center;
	vertical-align:middle;
	height:79px;
	border:2px solid #dddddd;
	*height:74px; /* IE 7 hack*/
	height:74px\0/; /* IE 8 hack*/
	}
/* CSS HACK FOR CHROME AND SAFARI */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.gallery .th-images-box .th-images td{
	height:74px;
}
}
.gallery .th-images td.sep 		{ width:10px; background:none; border:none; }
.gallery .th-images td.sep img 	{ width:10px; }
.gallery .th-images td a 		{ display:inline-block; width:94px; padding:0px; }
.gallery .th-images td a img 	{ border:none; vertical-align:middle; }
.gallery .th-images td.th-active{ border:2px solid #666666; }
/*
******************************************
* NEXT PREVIOUS THUMB IMAGE ARROW
******************************************
*/
.nav-back,
.nav-forward {
	position:absolute;
	width:10px;
	height:15px;
	top:43px;
	background:url(../images/gl-controls.png) no-repeat;
	cursor:pointer;
	}
.nav-back 		{ background-position:-41px -84px; left:10px; }
.nav-forward 	{ background-position:-78px -84px; right:10px; }

.nav-back:hover 		{ background-position:-41px -107px; }
.nav-forward:hover  	{ background-position:-78px -107px; }
/*
******************************************
* CONTROLS CSS
******************************************
*/
.gallery .controls {
	background:url(../images/gl-bg2.png);
	position:absolute;
	top:0px;
	left:256px;
	height:40px;
	width:170px;
	z-index:100;
	display:none;
	}
.gallery .controls .nav-next,
.gallery .controls .nav-prev,
.gallery .controls .gal-slideshow-start,
.gallery .controls .gal-slideshow-stop {
	height:31px;
	width:31px;
	left:101px;
	position:absolute;
	top:5px;
	background:url(../images/gl-controls.png) no-repeat;
	font-size:0px;
	line-height:0px;
	cursor:pointer;
	}
.gallery .controls .nav-next					{ background-position:-64px 0; left:132px; }
.gallery .controls .nav-next:hover				{ background-position:-64px -41px; }
.gallery .controls .nav-prev 					{ background-position:0 0; left:70px; }
.gallery .controls .nav-prev:hover				{ background-position:0 -41px; }
.gallery .controls .gal-slideshow-start 		{ background-position:0 -82px; }
.gallery .controls .gal-slideshow-start:hover 	{ background-position:0 -123px; }
.gallery .controls .gal-slideshow-stop 			{ background-position:-32px 0; }
.gallery .controls .gal-slideshow-stop:hover 	{ background-position:-32px -41px; }

.gallery .controls .gal-no { display:none; }
/*--------------------------------------*/
.gallery .gallery-info {
	border-right:1px solid #666666;
	color:#999999;
	position:absolute;
	left:5px;
	top:8px;
	width:60px;
	padding:4px 0;
	text-align:center;
	}
.gallery .gal-slideshow-controls .gal-slideshow-countdown {
	display:none;
	overflow:hidden;
	line-height:0px;
	font-size:0px;
	}
/*===========================================================================*/
/* DO NOT REMOVE THIS CSS MAIN IMAGE LOADING POSITION DEFINE BASED ON THIS CSS */
.gal-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
	}