/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=- STYLES DESIGNED AND BUILT BY IAN BESLER -=-=-=-
-=-=-=-=-=-=- HTTP://WWW.IANBESLER.COM =-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ 

/* =-=-=-=-=-=-=-=-=-=-=-
=-=- CSS3 ANIMATIONS -=-=
-=-=-=-=-=-=-=-=-=-=-= */

@keyframes flashing-yellow {
	0% {background-color: transparent;}
	1% {background-color: rgba(255,255,0,1);}
	100% {background-color: transparent;}
}

	@-moz-keyframes flashing-yellow {
		0% {background-color: transparent;}
		1% {background-color: rgba(255,255,0,1);}
		100% {background-color: transparent;}
	}

	@-o-keyframes flashing-yellow {
		0% {background-color: transparent;}
		1% {background-color: rgba(255,255,0,1);}
		100% {background-color: transparent;}
	}

	@-webkit-keyframes flashing-yellow {
		0% {background-color: transparent;}
		1% {background-color: rgba(255,255,0,1);}
		100% {background-color: transparent;}
	}

.flashing-yellow {
	animation-name: flashing-yellow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
		-moz-animation-name: flashing-yellow;
		-moz-animation-duration: 1.5s;
		-moz-animation-iteration-count: infinite;
		-ms-animation-name: flashing-yellow;
		-ms-animation-duration: 1.5s;
		-ms-animation-iteration-count: infinite;
		-o-animation-name: flashing-yellow;
		-o-animation-duration: 1.5s;
		-o-animation-iteration-count: infinite;
		-webkit-animation-name: flashing-yellow;
		-webkit-animation-duration: 1.5s;
		-webkit-animation-iteration-count: infinite;
}