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

<style type="text/css">
		body { font-family: Verdana, sans-serif; margin: 20px; }
		h1 { font-size: 24px; font-weight: 400; }
		:focus { outline: 0; }
		#slideshow {
	width: 630px;
	margin: 5px 0px 5px 8px;
	overflow: hidden;
	border: 1px solid #000;
	background-color: #000;
}
		#showcase {
	width: 370px;
	height: 310px;
	overflow: hidden;
	float: left;
	background: #000;
}
		#showcase-loader img { margin: 134px 184px; }
		#showcase .bigimage, #showcase-loader {
	position: absolute;
	width: 370px;
	height: 310px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
		#showcase .text {
	width: 370px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: url("images/background_transparent.png") 0 0 repeat;
	overflow: hidden;
}
		#showcase .text h2 { color: #FFF; font-size: 18px; line-height: 18px; font-weight: 800; margin: 20px 20px 0 20px; }
		#showcase .text p { color: #FFF; font-size: 11px; line-height: 17px; margin: 10px 20px 20px 20px; }
		#showcase .text a { color: #FFF; }
		#showcase-nav {
	width: 260px;
	overflow: hidden;
	float: right;
	background: #000;
}
		#showcase-nav ul { list-style: none; padding: 0; margin: 0; }
		#showcase-nav li { float: left; clear: both; margin: 0; padding: 0; } 
		#showcase-nav a {
	display: block;
	width: 250px;
	padding: 7px 0 7px 5px;
	overflow: hidden;
	border-bottom: 1px solid #000;
	text-decoration: none;
	min-height: 60px;
}
		#showcase-nav a:hover {
	background: #000;
}
		#showcase-nav .thumbnail {
	display: block;
	width: 74px;
	overflow: hidden;
	float: left;
	margin-right: 5px;
	margin-left: 15px;
}
		#showcase-nav .thumbnail img {
	border: 2px solid #EEE;
	/* [disabled]margin: 0 10px; */
}
		#showcase-nav .text {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #EEE;
	width: 146px;
	overflow: hidden;
	float: left;
	padding: 0 0 10px 0;
}
		#showcase-nav .last a { border: 0; }
		#showcase-nav .active a { background: #666; }
		#showcase-nav .active a .text { color: #EEE; }
	</style>