.gallery {
	position: relative;
	overflow: hidden;
	background-color: #232323;
}

.gallery .navigation {
	background-image: url(../images/navigation_bg-trans.png);
	height: 68px; /* 28px + 40px for elastic animation */
	width: 100%;
	position: absolute;
	overflow: visible;
	bottom: -68px;
	z-index: 3;
}

.gallery .navigationControls {
	display: table;
	margin: 8px auto 0 auto;
	padding: 0 1em;
}

.gallery .navigationControls .teaser { 
	text-align: center; display: block;
	text-transform: uppercase;
	font-size: 1.2em; /* 12 points */
}

.gallery .navigationControls .thumb {
	float: left;
	border: 1px solid #CCC;
	width: 8px; height: 8px;
	text-indent: -9999px;
	margin: 1px 3px;
	background-color: none;
}
.gallery .navigationControls .thumb:hover {
	border-color: #FFF;
}
.gallery .navigationControls .disabled.thumb {
	border-color: #3D3D3D;
	background-color: #3D3D3D;
	cursor: default;
}
.gallery .navigationControls .thumb.active {
	border-color: #232323;
	background-color: #F0E936;
	cursor: default;
}

.gallery .navigationControls .previous,
.gallery .navigationControls .next {
	background-image: url(../images/arrows.png);
	display: block;
	width: 12px; height: 12px;
	float: left;
	text-indent: -9999px;
}

.gallery .navigationControls .previous {
	background-position: 0 24px;
}
.gallery .navigationControls .previous:hover {
	background-position: 0 12px;
}
.gallery .navigationControls .disabled.previous {
	background-position: 0 0;
	cursor: default;
}

.gallery .navigationControls .next {
	background-position: 12px 24px;
}
.gallery .navigationControls .next:hover {
	background-position: 12px 12px;
}
.gallery .navigationControls .disabled.next {
	background-position: 12px 0;
	cursor: default;
}

.gallery img {
	position: absolute;
	border: none !important;
	width: 100%;
}