/**
 * @author:	Johan Voeten
 * @author: Peter Slagter
 * @about: JavaScript slideshow with photo's, text and links
 */

/*
 * Resets & defaults
 */

/** Clearfix */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1; /** FIX - Give element Layout */
}

/* List-reset (margin, padding & list-style) */
.pb-gt4-photos,
.pb-gt4-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

/* Absolute positioning */
.has-js .pb-gt4-photos img,
.has-js .pb-gt4-photos li,
.has-js .pb-gt4-photos li a {
	position: absolute;
}

/*
 * .pb-gallery-type4
 */

.has-js .pb-gallery-type4 {
	visibility: hidden;
}

.pb-gallery-type4 {
	position: relative;
	border: 1px solid #d1d1d1;
	overflow: hidden;
	background-color: #fff;
}

.has-js .pb-gallery-type4 {
	background-color: transparent;
}

/*
 * .pb-gallery-photos
 */

.pb-gallery-type4,
.pb-gallery-type4 li,
.pb-gt4-photos,
.pb-gt4-photos li a {
	width: 100%;
	height: 100%;
}

.pb-gt4-photos {
	position: relative;
	width: 65%;
}

.pb-gt4-photos li {
	overflow: hidden;
}

.has-js .pb-gt4-photos li {
	top: 0;
	left: 0;
	z-index: 5;
}

.pb-gt4-photos a,
.pb-gt4-photos span {
	display: block;
	cursor: pointer;
}

.pb-gt4-photos img {
	display: block;
}

.has-js .pb-gt4-photos img {
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
}

/*
 * .pb-gt4-nav
 * Gallery navigation
 */

.pb-gt4-nav {
	position: relative;
	width: 35%;
	overflow: visible;
	background-color: #fafafa;
	-moz-box-shadow: 8px 0px 10px -9px #666;
	box-shadow: 8px 0px 10px -9px #666;
	z-index: 50;
}

/** Position navigation to the left */
.pb-gt4-nav-right .pb-gt4-photos,
.pb-gt4-nav-left .pb-gt4-nav {
	float: left;
}

/** ... and to the right */
.pb-gt4-nav-left .pb-gt4-photos,
.pb-gt4-nav-right .pb-gt4-nav {
	float: right;
}

.pb-gt4-nav-right .pb-gt4-nav {
	-moz-box-shadow: -8px 0px 10px -9px #666;
	box-shadow: -8px 0px 10px -9px #666;
}

/** Navigation item parent list items */
.pb-gt4-nav li {
	display: block;
	width: 100%;
	padding: 0;
	line-height: 18px;
	overflow: hidden;
}

.pb-gt4n-wrapper {
	width: 100%;
	height: 100%;
	border-top: 1px solid #d1d1d1;
}

.first .pb-gt4n-wrapper {
	border: 0;
}

.has-js .pb-gt4-nav li:hover .pb-gt4n-wrapper,
.has-js .pb-gt4-nav .active .pb-gt4n-wrapper {
	background: #e4e4e4 url(../img/bg-pb-gt4-gradient.png) repeat-x 0 0;
}

/** Navigation item layout */
.pb-gt4-nav a {
	display: block;
	padding: 10px;
	margin: 0;
	text-decoration: none;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	overflow: hidden;
	_zoom: 1;
}

/** Active nav element */
.has-js .pb-gt4-nav li:hover a,
.has-js .pb-gt4-nav .active a {
	color: #0070ac;
}