/* Viewline
------------*/

#viewline
{
	background-color: #000;
	position: relative;
	height: 470px;
	overflow: hidden;
}

	#viewline #left-arrow, #viewline #right-arrow
	{
		position: absolute;
		background-image: url(../images/arrows.png);
		cursor: pointer;
		height: 33px;
		width: 33px;
		text-align: center;
		font-size: 18px;
		color: #fff;
		left: 20px;
		z-index: 50;
		background-position: 0 0px;
	}
	
	#viewline #left-arrow:hover, #right-arrow:hover
	{
		background-position: 0 -34px;
	}
	
	#viewline #right-arrow
	{
		left: auto;
		right: 20px;
		background-position: -34px 0px;
	}
	
	#viewline #right-arrow:hover
	{
		background-position: -34px -34px;
	}
	
	#viewline .caption
	{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		background-image: url(../img/caption-bg.png);
		padding: 20px;
		color: #fff;
		z-index: 40;
	}