/*
---

name: Gallery

provides: CSS.Gallery

...
*/

/* SO I CAN USE THIS EXTRA SPACE AT THE SIDES FOR EFFECTS */
.wrapper_sleeve	{
	padding: 0;
}
#mast	{
	padding: 0 20px 40px;
}
#footer_left_column	{
	padding-left: 20px;
}

#footer_right_column	{
	padding-right: 20px;
}

/* RESET CSS */
.slideshow ul {
	font-size: 1em;
	line-height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
	.slideshow ul li	{
		background: none;
		margin: 0;
		padding: 0;
	}
.slideshow a {
	background: 0;
}

.controls li {
	cursor: pointer;
}

/* Core slideshow */
.slideshow {
	height: 275px;
	margin: 0 0 20px 20px;
	overflow: hidden;
	position: relative;
	width: 964px;
}
	.slideshow .slideItem {
		border: 6px solid #E5E5E5;
		width: 928px;
	}
	.slideshow .slideItem.link {
		cursor: pointer;
	}
	.slideshow .slideItem:before {
		background: url(/css/graphics/slider/arrow_down_right2.png) no-repeat;
		content: "";
		height: 35px;
		left: 0;
		margin: -6px 0 0;
		position: absolute;
		width: 35px;
		z-index: 999;
	}
		.slideshow .slideItem img {
			float: left;
			position: relative;
			#position: static;
			z-index: -1\0;
		}
		.slideshow .slideItem .caption {
			background-color: #11B8FE;
			border-left: 6px solid #FFF;
			color: #FFF;
			display: table-cell;
			height: 263px;
			padding: 0;
			vertical-align: bottom;
			width: 294px;
			#float: right;
		}
		.slideshow .slideItem:hover .caption {
			background-color: #8FDDFE;
		}
			.slideshow .slideItem .caption blockquote {
				background: 0;
				font-size: 1.8em;
				font-style: normal;
				line-height: 1.3334;
				margin: 0 0 16px;
				padding: 20px 20px 0;
			}
			.slideshow .slideItem .caption p {
				font-size: 1.3em;
				line-height: 1.461;
				padding: 10px 20px 0;
				margin: 0 0 16px;
			}
	.slideshow .slides li.first {
		background: #11B8FE url(/css/graphics/slider/arrow_down_right.png) no-repeat;
		border: 0;
		height: 242px;
		padding: 33px 0 0 50px;
		width: 890px;
	}
	.slideshow .slides li.first:before {
		background: 0;
	}
		.slideshow .slides li.first img {
			display: none;
		}
		.slideshow .slides li.first p {
			color: #FFF;
			font-size: 2.2em;
			line-height: 1.5455;
			width: 570px;
		}
			.slideshow .slides li.first .caption {
				background: 0;
				border-left: 0;
				float: none;
				height: auto;
				padding: 0;
				width: auto;
			}
			.slideshow .slides li.first:hover .caption {
				background: 0;
				color: #FFF;
			}

	.slideshow .thumbs {
		position: absolute;
		margin: 0 0 0 949px;
		top: 0;
	}
		.slideshow .thumbnails li {
			background: #E5E5E5;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			border-radius: 15px;
			cursor: pointer;
			height: 15px;
			margin: 0 0 9px;
			text-indent: -9999px;
			width: 15px;
		}
		.slideshow .thumbnails .caption {
			display: none;
		}
		.slideshow .thumbnails .selected,
		.slideshow .thumbnails .selected:hover {
			background-color: #D30E95;
		}
		.slideshow .controls li {
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			border-radius: 15px;
			cursor: pointer;
			height: 15px;
			margin: 0 0 9px;
			text-indent: -9999px;
			width: 15px;
		}
		.slideshow .controls li.pause {
			background: #E5E5E5 url(/graphics/sprite.png) no-repeat 5px -195px;
		}
		.slideshow .controls li.play {
			background: #D30E95 url(/graphics/sprite.png) no-repeat 6px -252px;
		}
		.slideshow .controls li:hover {
			background-color: #D30E95;
		}

.js-disabled .slideshow .controls,
.js-disabled .slideshow .thumbs {
	display: none;
}