.photocount {
	display:none;
	margin-bottom:20px;
}

/* jFlow slideviewer wrapper */
.wrapping {
	display:block;
	position: relative;
	width: 100%;
	height:auto;
}

/*galleries*/
.photostrip { 
	position:relative;
	display:table;
	width:auto;
}
.photostrip .gallery-item {
	float: none;
	display:table-cell;
	vertical-align:top;
	padding-right:12px;
}

/*posts */
.sliderstrip { 
	position:relative;
	display:table;
	width:auto;
}
.sliderstrip .post {
	float: none;
	display:table-cell;
	vertical-align:top;
	padding-right:0px;
	border:0;
}
/*we use class now*/
.jFlowSlide {
	/*white-space:nowrap;*/
}
/*we can add container or not*/
.jFlowSlideContainer {
	display:table-cell;
	vertical-align:top;
	/*white-space:normal;*/ /*reset above*/
}
			
.jFlowSelected {
	border:1px solid #000;	
}

.jFlowPrev, .jFlowNext {
	display:block;
	position: absolute;
	top: 0px;
	width:24px;
	height:150px;
	z-index:10000;
	opacity: 0.6; 
	filter: alpha(opacity=60);
}
.jFlowPrev {
	background-size: 75%;
	background: url(img/prev2xD.png) 50% 50% no-repeat;
	background-size: 100%;
	left: -12px;
	cursor:pointer;
}
.jFlowNext {
	background-size: 75%;
	background: url(img/next2xD.png) 50% 50% no-repeat;
	background-size: 100%;
	right: -12px;
	cursor:pointer;
}
.jFlowPrev:hover, .jFlowNext:hover { 
	opacity: 1; 
	filter: alpha(opacity=100);
}
a.jFlowPrev:active, a.jFlowNext:active {
}
/* for publications*/
.slider.jFlowPrev, .slider.jFlowNext {
	height:100%;
	/*background-position: 0px 200px;*/
	background-position: 0px 100px;
}


/* cycle2 slideshows */

/* overlay */
.cycle-overlay { 
	font-family: 'FuturaBT-Book', sans-serif;
}

/* display edit link on top of paused slideshow */
.cycle-edit {
	position: absolute; 
	top: 10px; 
	left: 10px;
	color:#AA2929;
	padding: 10px;
	z-index: 410; 
}
.cycle-edit:hover {
	color:#AA2929;
	cursor: pointer;
}
/* display paused text on top of paused slideshow */
.cycle-paused:after {
	content: 'Paused'; 
	position: absolute; 
	top: 10px; 
	right: 10px;
	background: #000; 
	padding: 10px;
	z-index: 410; 
}

/* display loading text on top of slideshow when loading image */
.cycle-loading:after {
    content: 'Loading'; 
	padding: 10px;
    z-index: 400; 
	position: absolute; 
	top: 10px; 
	right: 10px;
    /*opacity: .5; 
	filter: alpha(opacity=50);*/
}

/* caption */
.cycle-caption { 
	position: absolute; 
	color: #000; 
	bottom: 15px; 
	right: 15px; 
	z-index: 400; 
}

/* 100% wide background*/
.homeslider {
	display:block;
	width:100%;
	margin:0;
	height: 460px; 
	overflow: hidden;
	margin-bottom:24px;
}

/* slider-container = #slidshow-1*/
.homeslider .slider-container {
	position:relative;
	width: 100%;
	padding:0;
	margin:0 auto;
}

/* = #cycle-1 or .cycle-slideshow */
.homeslider .slider-container .cycle-slideshow { 
	width: 100%; 
	height: 460px;
	padding: 0; 
	overflow: hidden;
	background-color: #000;
	background-color: #fff; 
}

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}

/* slideshow images */
.cycle-slideshow img { 
	position:absolute;
	top:0;left:0;
	/*width: 100%; height:auto;*/ /*width drives height */
	width: auto; 
	height: 100%; /*height drives width*/
	padding: 0; 
	margin:0;
	visibility: hidden; /*do not display until fully loaded*/
}

/* images mouseover overlay - put it to 100% but define the inner square with paddings */
.homeslider .slider-container .cycle-overlay {
	position:absolute;
	padding:30%;
	padding-top:10%;
	padding-bottom:10%;
	width:100%;
	height: 100%;
	text-align:center;
	background-color: transparent;
	bottom: 0; /*needed*/
	z-index: 410;
	/*color: white; */
}
.homeslider .slider-container .cycle-overlay .slider-title {
	margin-bottom:24px;
	font-family: 'SackersGothic-Light', sans-serif;
	font-size:1.6em;
	line-height:1.2;
}
.homeslider .slider-container .cycle-overlay .slider-subtitle {
	color:#fff;
	text-decoration:none;
	font-size:1.5em;
	line-height:1.2;

}
.homeslider .slider-container .cycle-overlay .slider-content {
	text-decoration:none;
	font-size:14px;
	margin-bottom:15px;
}
.homeslider .slider-container .cycle-overlay .slider-content-sub {
	text-decoration:none;
	font-size:14px;
	margin-bottom:15px;
}

.homeslider .slider-container .cycle-overlay .more-link {
	font-size:14px;
	float:none;
	position:relative;
	top:10px;
}
.homeslider .slider-container .cycle-overlay .more-link a.red {
	color:#AA2929;
}
.homeslider .slider-container .cycle-overlay .more-link a.red:hover {
	color:#AA2929;
	text-decoration:none;
}

/*all that is inside of overlay is hidden */
.homeslider .slider-container .cycle-overlay  *{
	display:none;
	z-index: 400;
}


#cycle-2 .cycle-slide-active { 
	border:3px solid #004; 
	border:0; 
	margin-right:20px;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
	position: static; 
	z-index: 400;
}

/* pager */
.cycle-pager { 
    text-align: center; 
	width: 100%; 
	z-index: 420; 
	position: absolute; 
	top: 10px; 
	overflow: hidden;
}
.cycle-pager span { 
	font-family: 'FuturaBT-Book', sans-serif;
	font-size: 1.8em; 
	width: 16px; 
	height: 16px; 
	display: inline-block; 
	color: #ddd; 
	cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* prev / next links */
.cycle-prev, .cycle-next { 
	position: absolute; 
	z-index: 420; 
	top: 40%;
	top: 0;
	width: 24px; 
	padding:20px;
	height: 70px; 
	height: 100%; 
	cursor: pointer; 
}
.cycle-prev { 
	left: -70px;
	left: 0px;
	/*background: url(img/leftDDD.png) 50% 50% no-repeat;*/
	background: url(img/prev2xD.png) 50% 50% no-repeat;
}
.cycle-next { 
	right: -70px;
	right: 0px;
	/*background: url(img/rightDDD.png) 50% 50% no-repeat;*/
	background: url(img/next2xD.png) 50% 50% no-repeat;
}
/* use this */
.cycle-prev, .cycle-next { 
	opacity: .3; 
	filter: alpha(opacity=30);
	background-color:#fff;
}
.cycle-prev:hover, .cycle-next:hover { 
	opacity: 1; 
	filter: alpha(opacity=100);
	opacity: 0.6; 
	filter: alpha(opacity=60);
}

/* end optional slideshow*/



/* move to inner the .jFlowPrev and .jFlowNext for lower resolutions 
*/
@media only screen and (max-width: 643px) {
	.jFlowPrev {
		left: -18px;
		/*#F2F2F2 = color of background = invisible*/
		/*background-color:#F2F2F2;*/
	}
	.jFlowNext {
		right: -18px;
		/*#F2F2F2 = color of background = invisible*/
		/*background-color:#F2F2F2;*/
	}
	.jFlowPrev:hover, .jFlowNext:hover { 
		opacity: 0.8; 
		filter: alpha(opacity=80);
	}
}