@charset "utf-8";

/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,
em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}button::-moz-focus-inner{border:0}

/* Showcase
-------------*/

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load {height: 470px; /* Same as showcase javascript option */ overflow: hidden;}

/* Container when content is shown as one page */
.showcase-onepage {/**/}

/* Container when content is shown in slider */
.showcase {position:relative; margin:0 auto 30px;}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next {position:absolute; background:url('../images/bbs/arrows.png'); width:33px; height:33px; top:185px; cursor:pointer; z-index:100;}
	.showcase-arrow-previous {left:15px;}
	.showcase-arrow-previous:hover {background-position: 0px -34px;}
	.showcase-arrow-next{right:15px; background-position:-34px 0;}
	.showcase-arrow-next:hover {background-position: -34px -34px;}
	
	/* Content */
	.showcase-content {background:#f5f5f5; text-align:center;}
		.showcase-content-wrapper {text-align:center; height:470px; width:700px; display:table-cell; vertical-align:middle;}
		
		/* Styling the tooltips */
		.showcase-plus-anchor {background-image:url('../images/bbs/plus.png'); background-repeat:no-repeat;}
		.showcase-plus-anchor:hover {background-position:-32px 0;}
		
		div.showcase-tooltip {background-color:#fff; color:#000; text-align:left; padding:5px 8px; background-image:url(../images/bbs/white-opacity-40.png);}
		
		/* Styling the caption */
		.showcase-caption {color:#000; line-height:35px; text-indent:15px; text-align:left; position:absolute; bottom:10px; left:10px; right:10px; display:none; background-image:url(../images/bbs/white-opacity-40.png);}
		.showcase-caption h2 {font-size:18px;}
		
	.showcase-onepage .showcase-content {margin-bottom:10px;}
	
	/* Button Wrapper */
	.showcase-button-wrapper {clear:both; margin-top:10px; text-align:center;}
		.showcase-button-wrapper span {margin-right: 3px; padding: 2px 5px 0px 5px; cursor: pointer; font-size: 12px; color: #444444;}
		.showcase-button-wrapper span.active {color: #fff;}
	
	/* Thumbnails */
	.showcase-thumbnail-container {background:#d7d7d7;}
	.showcase-thumbnail-wrapper{overflow: hidden;}
		.showcase-thumbnail {width:123px; height:84px; cursor:pointer; border:solid 1px #cfcfcf; position:relative;}
		.showcase-thumbnail img {vertical-align:top;}
			.showcase-thumbnail-caption {position:absolute; left:0; bottom:2px; padding-left:5px; padding-bottom:0; color:#fff;}
			.showcase-thumbnail-content {padding:10px; text-align:center; padding-top:25px;}
			.showcase-thumbnail-cover {background-image:url(../images/bbs/black-opacity-40.png); position:absolute; top:0; bottom:0; left:0; right:0;}
		.showcase-thumbnail:hover {border:solid 1px #9d2b00;}
			.showcase-thumbnail:hover .showcase-thumbnail-cover {display: none;}
		.showcase-thumbnail.active {border: solid 1px #9d2b00;}
			.showcase-thumbnail.active .showcase-thumbnail-cover {display: none;}
	.showcase-thumbnail-wrapper-horizontal {padding:10px;}
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {margin-right:10px; width:116px;}
	.showcase-thumbnail-wrapper-vertical {padding:10px;}
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {margin-bottom:10px;}
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward {padding:7px; cursor:pointer;}
	
	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}
	
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
			background-image:url(../images/bbs/arrows-small.png); background-repeat:no-repeat; display:block; width:17px; height:17px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-position: 0 -17px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px -17px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px 0;
		}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}