/* let's hide the slides initially, so there's no weird loading behavior */
.frontpage-slideshow .views-row {
	display: none;
}
/* But we do show the first slide, so it doesn't look too weird */
.frontpage-slideshow .views-row-1 {
	display: block;
}

.frontpage-slideshow .view-content {
	height: 323px;
}
.frontpage-slideshow .views-admin-links {
	width: 520px;
}
.frontpage-slideshow .item-list {
	position: relative;
}
.frontpage-slideshow li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	position: relative;
	height: 323px;
	width: 510px;
}
.views-field-field-image-caption-value .field-content p {
    padding: 1em 1em 0;
    text-align:center;
}
.views-field-field-image-caption-value {
	position: absolute;
	bottom: 0;
	color: #fff;
	background: transparent url("../img/black70.png") 0 0 repeat;
	/* padding: .5em 1em 0; */
    width: 100%;
	font-size: 1.25em;
}
.slideshow-text h4 {
	color: #fff;
	font-size: 1.125em;
}
.slideshow-text p {
	margin-bottom: .5em;
}

#frontpage-slideshow-previous, #frontpage-slideshow-next {
	position: absolute;
	width: 255px;
	height: 280px;
	z-index: 100;
	text-indent: -999em;
}
#frontpage-slideshow-previous {
	left: 0;
	background-image: none;
}
#frontpage-slideshow-next {
	left: 255px;
	background-image: none;
}
#frontpage-slideshow-previous:hover {
	background: transparent url("../img/arrow-slideshow-left.png") 5% 50% no-repeat;
}
#frontpage-slideshow-next:hover {
	background: transparent url("../img/arrow-slideshow-right.png") 95% 50% no-repeat;
}