/* Showcase
-------------*/

#awOnePageButton .view-slide
{
	display: none;
}

/* 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: auto;
}

	.showcase-content-container
	{
		background-color: #000;
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('../images/arrows2.png');
		width: 28px; /*33px*/
		height: 60px; /*33px*/
		top: 155px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous
	{
		left: -60px;
	}

	.showcase-arrow-next
	{
		right: -56px;
		background-position: -27px 0;
	}

	/* Content */
	.showcase-slide{background-color: #000; }
	.showcase-content
	{
		background-color: #000;
		text-align: center;
	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 470px;
			width: 833px;
			display: table-cell;
			vertical-align: middle;
		}
		
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 4px; left: 4px; top:4px; width:300px;
			display: none;
			filter:alpha(opacity=1); opacity:0; /*ie png fix - works at fadein but not fadeout*/
			/*background-image: url(../images/black-opacity-40.png);*/
		}

	.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;
		}
	


/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}

/*custom styles*/
	.showcase-caption{ padding:0;}
	.showcase-caption a{ margin:0; padding:0;}
	.showcase-caption h1, .showcase-caption h2{ color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
	.showcase-caption h1{ font-style:italic;}
	.showcase-caption div.top{ border:1px solid red; position:absolute; top:30px; left:30px; right:30px;}
	.showcase-caption div.bottom{ border: 1px solid green; position:absolute; top:230px; left:30px; right:30px;}