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

.showcase { position: relative; margin: auto; border:#FFF 3px solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
-webkit-box-shadow: 0px 0px 6px #333;-moz-box-shadow: 0px 0px 6px #333;box-shadow: 0px 0px 6px #333;
 }
/* 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; }

/* Navigation arrows */

	.showcase-arrow-previous, .showcase-arrow-next { position: absolute; background:url(../images/arrows.png); width: 33px; height: 33px; top: 220px; cursor: pointer; }
.showcase-arrow-previous { left: 20px; }
.showcase-arrow-previous:hover { background-position: 0px -34px; }
.showcase-arrow-next { right: 20px; background-position: -34px 0; }
.showcase-arrow-next:hover { background-position: -34px -34px; }

/* Content */

	.showcase-content { text-align: center; background-color: #000; }
.showcase-plus-anchor { background-image: url('../images/plus.png'); background-repeat: no-repeat; }
.showcase-plus-anchor:hover { background-position: -32px 0; }
.showcase-tool-tip { background-color: #fff; color: #000; text-align: left; padding: 5px 8px; background-image: url(../images/white-opacity-80.png); }

.showcase-caption { color: #fff; padding: 8px 15px; text-align: left; position: absolute; bottom: 0px; left: 0px; right: 0px; display: none; background-image:url(../images/black-opacity-40.png);text-shadow: 1px 0px 1px #000000;filter: dropshadow(color=#000000, offx=1, offy=0); }

.showcase-caption h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:36px; padding:15px 5px 5px 5px; }
.showcase-caption h3{ color:#0F0; padding-left:9px;font-size:13px;}
.showcase-caption h4{ color:#0F0; padding-left:9px; font-size:13px;; }
.showcase-caption span{ color:#FFF }

/* Button Wrapper */

	.showcase-button-wrapper { clear: both; margin-top: 10px; text-align: center; float:left; margin-left:400px; }
.showcase-button-wrapper span { margin-right: 1px; padding: 4px; cursor: pointer; font-size: 28px; color: #ccc; font-family:Arial, Helvetica, sans-serif; }
.showcase-button-wrapper span.active { color: #000; }



/* Hide button text */

		.showcase-thumbnail-button-forward span span,  .showcase-thumbnail-button-backward span span { display: none; }
/* Clear (used for horizontal thumbnails)

-------------------------------------------*/

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none; }