/********************************************************************************************* 

x. General

*********************************************************************************************/
.gallery-wrapper {
	position: relative;
	*zoom: 1;
}

.gallery-wrapper img {
	max-width: 100%;
	display: block;
}

.gallery-wrapper .gallery-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
/********************************************************************************************* 

x. Loader

*********************************************************************************************/
.gallery-wrapper .gallery-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/********************************************************************************************* 

x. Pager

*********************************************************************************************/
.pagination.bottom .gallery-wrapper .gallery-pager { 
	text-align: center;
	background: #fff;
	padding: 15px 30px 0 30px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	bottom: 0; left: 50%;
}

.pagination.bottom .gallery-wrapper .gallery-pager .gallery-pager-item {
	margin: 0 3px;
	display: inline-block;
	zoom: 1; 
	*display: inline;
}

.pagination.side .gallery-wrapper .gallery-pager { 
	position: absolute;
	bottom: 0; left: -30px;
}

.pagination.side .gallery-wrapper .gallery-pager .gallery-pager-item {
	margin: 5px 0 0 0;
	display: block;
}

.gallery-wrapper .gallery-pager.gallery-default-pager a {
	text-indent: -9999px;
	width: 5px; height: 5px;
	background: #FFFFFF;
	border: 3px solid #2DD189;
	display: block;
}

.gallery-wrapper .gallery-pager.gallery-default-pager a:hover,
.gallery-wrapper .gallery-pager.gallery-default-pager a.active {
	background: #2DD189;
}

/********************************************************************************************* 

x. Navigation

*********************************************************************************************/
.gallery-wrapper .gallery-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.gallery-wrapper .gallery-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.gallery-wrapper .gallery-prev:hover {
	background-position: 0 0;
}

.gallery-wrapper .gallery-next:hover {
	background-position: -43px 0;
}

.gallery-wrapper .gallery-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.gallery-wrapper .gallery-controls-direction a.disabled {
	display: none;
}