.thumbwrapper {
  padding: 20px 0;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
  position:relative;
  z-index: 1;
}
.thumbwrapper .seperator{
  margin: 0 15px 40px;
}
 .thumbnails{
  width: 100%;
  max-width: 960px;
  margin: auto;
  text-align: center;
  }
  
.col-1-4 a:link{
  color: #000;
  text-decoration: underline;
}   
.col-1-4 a:hover{
  color: #000;
  text-decoration: none;
}   
.col-1-4{
  	min-width:230px;
  	max-width: 25%;
  	max-height: 400px;
  	margin: auto;
  	padding-bottom:20px;
 	font-family: 'Merriweather Sans', sans-serif;
 	color: #000;
 	font-weight: 400;
 	line-height: 22px;
 	text-transform: uppercase;
 	text-align: center;
 	vertical-align: top;
 	display: inline-block;
 	overflow: hidden;
 }
 .credits{
  width: 100%;
  max-width: 930px;
  margin: auto;
  padding:0;
  text-align: center;
  }
 .credits .col-1-4{
  	min-width: 150px;
  	width: 25%;
  	max-width: 225px;
  	max-height: 400px;
  	margin: auto;
  	padding-bottom:20px;
 	font-family: 'Merriweather Sans', sans-serif;
 	color: #000;
 	font-weight: 400;
 	line-height: 22px;
 	text-transform: none;
 	text-align: center;
 	vertical-align: top;
 	overflow: hidden;
 }
 .credits .col-1-4 img {
	max-width: 100%;
	height: auto;
	float:left;
	margin-bottom:10px;
} 
  /* crossfade thumbnails */
.col-1-4 img {
	max-width: 100%;
	height: auto;
	float:left;
	ipadding:2px;
}

.bottom {
	margin: 0;
}
.top {
	width:230px;
	height:230px;
	margin-bottom:10px;
}		

.col-1-4 a:hover .top img, .col-1-4 a:active .top img{
	display:none;
}

.top img{
	margin: -100% auto;
  -webkit-animation-name: fade;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 15s;
  -webkit-animation-direction: alternate;

  -moz-animation-name: fade;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 15s;
  -moz-animation-direction: alternate;
  
  -ms-animation-name: fade;
  -ms-animation-timing-function: ease-in-out;
  -ms-animation-iteration-count: infinite;
  -ms-animation-duration: 15s;
  -ms-animation-direction: alternate;

  -o-animation-name: fade;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 15s;
  -o-animation-direction: alternate;

  animation-name: fade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 15s;
  animation-direction: alternate; 	
}

.top img.a{
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.top img.b{
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}
.top img.c{
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-ms-animation-delay: 4s;
	-o-animation-delay: 4s;
	animation-delay: 4s;
}
.top img.d{
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-ms-animation-delay: 6s;
	-o-animation-delay: 6s;
	animation-delay: 6s;
}
.top img.e{
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-ms-animation-delay: 8s;
	-o-animation-delay: 8s;
	animation-delay: 8s;
}
.top img.f{
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	-ms-animation-delay: 10s;
	-o-animation-delay: 10s;
	animation-delay: 10s;
}
.top img.g{
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-ms-animation-delay: 12s;
	-o-animation-delay: 12s;
	animation-delay: 12s;
}
.top img.h{
	-webkit-animation-delay: 14s;
	-moz-animation-delay: 14s;
	-ms-animation-delay: 14s;
	-o-animation-delay: 14s;
	animation-delay: 14s;
}

@-webkit-keyframes fade {
 0% {opacity:1;}
 80% {opacity:1;}
 90% {opacity:0;}
 100% {opacity:0;}
}

@-moz-keyframes fade {
 0% {opacity:1;}
 80% {opacity:1;}
 90% {opacity:0;}
 100% {opacity:0;}
}

@-ms-keyframes fade {
 0% {opacity:1;}
 80% {opacity:1;}
 90% {opacity:0;}
 100% {opacity:0;}
 
@-o-keyframes fade {
 0% {opacity:1;}
 80% {opacity:1;}
 90% {opacity:0;}
 100% {opacity:0;}

@-keyframes fade {
 0% {opacity:1;}
 80% {opacity:1;}
 90% {opacity:0;}
 100% {opacity:0;}
