@charset "utf-8";

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


/* Container when content is shown in slider */
.showcase
{
	position: relative;
}

	.showcase-content-container
	{
		max-width:960px;
		height:430px;
		width:100%;
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('../images/handArrows.png') top left no-repeat;
		width: 112px;
		height: 65px;
		top: 140px;
		cursor: pointer;
		z-index:200;
	}
	
	.showcase-arrow-previous
	{
		left: -60px;
	}
	
	.showcase-arrow-previous:hover
	{
		left:-65px;
		padding-left:5px
	}
	
	.showcase-arrow-next
	{
		right: -60px;
		background-position: top right;
	}
	
	.showcase-arrow-next:hover
	{
		right: -65px;
		padding-right:5px
	}

		.csstransitions .showcase-arrow-previous
	{
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}
	
			.csstransitions .showcase-arrow-previous:hover
	{
 -webkit-animation: bounceLeft .4s ease infinite alternate; 
	}
	
			.csstransitions .showcase-arrow-next
	{
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}

		.csstransitions .showcase-arrow-next:hover
	{
 -webkit-animation: bounceRight .4s ease infinite alternate; 
	}
	
	
		.showcase-content-wrapper
		{
			height: 490px;
			max-width: 960px;
			width:100%;
		}
		
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 14px 18px;
			cursor: pointer;
			color: #444444;
			background:url(../images/sliderNav.png) top left no-repeat;
			position:relative;
			z-index:100000;
		}
	
		.showcase-button-wrapper span.active
		{
			background:url(../images/sliderNav.png) top right no-repeat;
		}
		
				.showcase-button-wrapper span
		{
		-webkit-transition: top 0.5s ease-out;
		-moz-transition: top 0.5s ease-out;
		-o-transition: top 0.5s ease-out;
		transition: top 0.5s ease-out;
		}
	
		.showcase-button-wrapper span:hover
		{
		top:-5px;
		padding-bottom:19px;
		-webkit-transition: top 0.1s ease-out;
		-moz-transition: top 0.1s ease-out;
		-o-transition: top 0.1s ease-out;
		transition: top 0.1s ease-out;
		}