@charset "UTF-8";
/* CSS Document */


/* -------------------------------------------------------------------------- **
**  GUIDE
** -------------------------------------------------------------------------- */
#guide {}
#guide .h2-title { background-position: 0px -50px; }
#guide .h3-title span { background-position: 0px -150px; }


#gallery .slideshow-container {
	position: relative;
	width: 620px;
	min-height: 370px;
	padding: 42px 40px;
	background-color: #DEDFDF;
	}
	#gallery .slideshow-container .slideshow img {
		width: 100%;
		height: auto;
		}
#gallery .content-container {
	padding: 15px 40px;
	background-color: #F0EEEE;
	border-top: solid 1px #FFFFFF;
	color: #000;
	}
#gallery .caption-container {
	font-size: 1.14em;
	line-height: 42px;
	}

#gallery .controls {
	float: right;
	}
	#gallery .controls .ss-controls,
	#gallery .controls .nav-controls {
		clear: both;
		float: right;
		text-align: right;
		}
		#gallery .controls .play,
		#gallery .controls .pause,
		#gallery .controls .prev,
		#gallery .controls .next {
			display: inline-block;
			width: 32px;
			height: 0px;
			margin: 2px;
			padding: 0;
			padding-top: 32px;
			background:transparent no-repeat url(../images/guide/slideshow_btn.gif) left top;
			line-height: 34px;
			overflow: hidden;
			}
		#gallery .controls .play { display: none; }
		.backgroundsize #gallery .controls .play,
		.backgroundsize #gallery .controls .pause,
		.backgroundsize #gallery .controls .prev,
		.backgroundsize #gallery .controls .next {
			-webkit-background-size: 100px auto;
			-moz-background-size: 100px auto;
			-ms-background-size: 100px auto;
			-o-background-size: 100px auto;
			background-size: 100px auto;
			}
		#gallery .controls .play:hover,
		#gallery .controls .pause:hover,
		#gallery .controls .prev:hover,
		#gallery .controls .next:hover {
			opacity: 0.45;
			-o-opacity: 0.45;
			-ms-opacity: 0.45;
			-moz-opacity: 0.45;
			-webkit-opacity: 0.45;
			filter: alpha(opacity=45);
			}
		#gallery .controls .play { background-position: 0px 0px; }
		#gallery .controls .pause { background-position: -50px 0px; }
		#gallery .controls .prev { background-position: 0px -50px; }
		#gallery .controls .next { background-position: -50px -50px; }

#gallery .thumbs-container {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 0;
	}
	#gallery .thumbs-container ul {
		list-style: none;
		height: 0px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}
		#gallery .thumbs-container ul li {
			float: left;
			padding: 2px 1px 2px 9px;
			}
		#gallery .thumbs-container ul li {
			filter: alpha(opacity=25) !important;
			}
		#gallery .thumbs-container ul li.selected {
			filter: alpha(opacity=100) !important;
			}
		#gallery .thumbs-container ul li a {
			opacity: 0.25;
			-o-opacity: 0.25;
			-ms-opacity: 0.25;
			-moz-opacity: 0.25;
			-webkit-opacity: 0.25;
			}
		#gallery .thumbs-container ul li a:hover,
		#gallery .thumbs-container ul li.selected a {
			opacity: 1;
			-o-opacity: 1;
			-ms-opacity: 1;
			-moz-opacity: 1;
			-webkit-opacity: 1;
			}
		#gallery .thumbs-container ul li .caption {
			display: none;
			}

#gallery .thumbs-container .top.pagination {
	display: none;
	}
#gallery .thumbs-container .pagination {
	display: none;
	}
#gallery .thumbs-container .pagination a,
#gallery .thumbs-container .pagination span {
	margin: 0.5em 0.3em;
	}


/* -------------------------------------------------------------------------- **
**  GUIDE RETINA
** -------------------------------------------------------------------------- */
@media
	only screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (min--moz-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (-ms-min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (-o-min-device-pixel-ratio:3/2) and (min-device-width:321px),
	only screen and (min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (min-resolution: 1.5dppx) and (min-device-width:321px) {
		#gallery .controls .play,
		#gallery .controls .pause,
		#gallery .controls .prev,
		#gallery .controls .next {
			background-image: url(../images/guide/slideshow_btn_2x.gif);
			}
		}