#photobanner {
	position: relative;
	height: 80px;
	width: 90%;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	overflow: hidden;
	z-index: 10;
}
.slideBegin {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 100px;
	height: 80px;
	background-image: linear-gradient(90deg, rgba(255,255,255,1.0) 0%, rgba(255,255,255,0.0) 100%);
	vertical-align: middle;
	text-align: left;
	padding-top: 10px;
	z-index: 10;
}
.slideEnd {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100px;
	height: 80px;
	background-image: linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,1.0) 100%);
	vertical-align: middle;
	z-index: 10;
}
#slideContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: linear-gradient(90deg, rgba(255,255,255,1.0) 0%, rgba(255,255,255,0.0) 50%, rgba(255,255,255,0.0) 90%, rgba(255,255,255,0.0) 100%);
}
#photoslide {
	position: relative;
	top: 0px;
	left: 0px;
	width: 20000px;
	/* width: calc(120% * 2); */
	height: 80px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	overflow: visible;
	white-space: nowrap;
	vertical-align: top;
}
#photoslide div {
	position: relative;
	height: 100%;
	display: inline-block;
	white-space: nowrap;
}
#photoslide div div {
	position: relative;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	white-space: nowrap;
}
#photoslide div div img {
	height: auto;
	width: auto;
	max-width: 180px;
	max-height: 75px;
	margin: 0px 24px;
	vertical-align: middle;
	display: inline-block;
	font-size: 0px;
}
.photoslide img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;

	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

.startPic {
	-webkit-animation: bannermove 40s linear infinite;
	   -moz-animation: bannermove 40s linear infinite;
	    -ms-animation: bannermove 40s linear infinite;
	     -o-animation: bannermove 40s linear infinite;
	        animation: bannermove 40s linear infinite;
}
.slideSpacer {
	clear: both;
	position: realtive;
	height: 80px;
}

@keyframes "bannermove" {
 0% {
    transform: translateX(0%);
 }
 100% {
    transform: translateX(-50%);
 }

}
@-moz-keyframes "bannermove" {
 0% {
    -moz-transform: translateX(0%);
 }
 100% {
    -moz-transform: translateX(-50%);
 }

}
@-webkit-keyframes "bannermove" {
 0% {
    -webkit-transform: translateX(0%);
 }
 100% {
    -webkit-transform: translateX(-50%);
 }

}
@-ms-keyframes "bannermove" {
 0% {
    -ms-transform: translateX(0%);
 }
 100% {
    -ms-transform: translateX(-50%);
 }

}
@-o-keyframes "bannermove" {
 0% {
    -o-transform: translateX(0%);
 }
 100% {
    -o-transform: translateX(-50%);
 }

}