/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin-top:35px;
	margin-bottom:35px;
	width:100%;
	height:376px;
}
.ca-wrapper{
	width:80%;
	margin:0 auto;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:470px;
	height:100%;
	text-align:center;
}


.ca-content-wrapper{
	background:#b0ccc6;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:660px;
	overflow:hidden;
}

.ca-nav span{
	width:48px;
	height:81px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	
	
	text-indent:-9000px;
	opacity:0.3;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:0px;
}
.ca-nav span:hover{
	opacity:1.0;
}




@media only screen and (min-width:768px) and (max-width:960px){

.ca-item{
	position:relative;
	float:left;
	width:340px;
	height:100%; margin-right:15px; padding-left:10px;
	text-align:center;
}

.ca-wrapper{
	width:85%;
	margin:0 auto;
	height:100%;
	position:relative;
}

.ca-nav span{
	width:48px;
	height:81px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:43%%;
	
	
	text-indent:-9000px;
	opacity:0.3;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:0px;
}
.ca-nav span:hover{
	opacity:1.0;
}

}


@media only screen and (min-width:320px) and (max-width:640px){

.ca-wrapper{
	width:80%;
	margin:0 auto;
	height:100%; font-size:12px;
	position:relative;
}

.ca-container{
	position:relative;
	margin-top:35px;
	margin-bottom:35px;
	width:100%;
	height:339px;
}

.ca-item{
	position:relative;
	float:left;
	width:610px;
	height:100%;
	text-align:center;
	padding-left:5px;
}

.ca-nav span{
	width:24px;
	height:81px;
	background:transparent url(../images/arrows_mob.png) no-repeat top left;
	position:absolute;
	top:43%;
	
	
	text-indent:-9000px;
	opacity:0.3;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:0px;
}
.ca-nav span:hover{
	opacity:1.0;
}

}