/*
Title:			Visualcode Banner CSS
*/

#bannerContainer{
	background:#FFF url('../images/stripe.png') repeat;
	text-align:left;
	padding:0px;
	overflow:hidden;
	position:relative;
	
	}

#vcBanner {
	position:relative;
	margin:auto;
	
	}
	
.vcbannerWrapper {
	float:left;
	position:relative;
	}
	
#vcbannerNavCont{
	position:absolute;
	top:200px;
	margin:auto;
	z-index:900;
	width:100%;
	text-align:center;
	}	
	
#vcbannerNav {
	margin:auto;
	width:980px;
	}

.vcbannerButton,
.vcbannerButton a {
	float:left;
	width:22px;
	height:22px;
}

.vcbannerButton a {
	display:block;	
	background:url('../images/bullets.png') no-repeat;
	}
	
.vcbannerButton a.current {
	background-position:0 -22px;
	}
	
#vcbannerPrevious, #vcbannerNext{
	position:absolute;
	top:66px;
	z-index:100;
	}
	
#vcbannerPrevious{left:0;}
#vcbannerNext{right:0;
	}

#vcbannerPrevious a {
	float:left;
	display:block;
	width:22px;
	height:88px;	
	background:url('../images/arrows.png') no-repeat 0px 0px;
	}
	
#vcbannerNext a {
	float:left;
	display:block;
	width:22px;
	height:88px;	
	background:url('../images/arrows.png') no-repeat -23px 0px;
	}

#vcbannerPrevious a:hover {
	background-position:-46px 0px;
	}
	
#vcbannerNext a:hover {
	background-position:-69px 0px;
	}
	

.bannerTextOverlay{
	background:#FFF;
	padding:20px 20px 20px 0px;
	float:left;
	margin-top:50px;
	font:25px/27px Archivo+Black, arial, helvetica, san-serif;
	}	

.bannerTextOverlay span{
	display:block;
	background:url(../images/stripe_10.png) repeat-x left bottom;
	padding-bottom:20px;
	padding-left:20px;
	}