@import url("animation.css") screen;


/* SLIDER */
#slider-bg {
	background-image:url(../images/ba-home2.jpg);
	border: none;
	height:150%;
	width:100%;
	margin:0 auto;
	overflow:visible;
	position:fixed;
	display:block;
	z-index:-1;
	top:0;
}
#mask {
	overflow:hidden;
	height:100%;
	width:auto;
}
#slider-bg ul {
	margin:0;
	padding:0;
	position:relative;
}
#slider-bg li {
	width:100%;
	position:absolute;
	top:0px;
	list-style:none;
	display:block;
	background-position: top center;
	background-size:100%;
}
#slider-bg li img{
	width:100%;
}

#slider-bg li.firstanimation {
	-moz-animation:cycle 50s linear infinite;	
	-webkit-animation:cycle 50s linear infinite;
	background-image:url(../images/ba-home1.jpg);	
}
#slider-bg li.secondanimation {
	-moz-animation:cycletwo 50s linear infinite;
	-webkit-animation:cycletwo 50s linear infinite;	
	background-image:url(../images/ba-home2.jpg);
}
#slider-bg li.thirdanimation {
	-moz-animation:cyclethree 50s linear infinite;
	-webkit-animation:cyclethree 50s linear infinite;
	background-image:url(../images/ba-home3.jpg);
}
#slider-bg li.fourthanimation {
	-moz-animation:cyclefour 50s linear infinite;
	-webkit-animation:cyclefour 50s linear infinite;
	background-image:url(../images/ba-home4.jpg);
}