/*Boats on panel 4*/
#bottom-anim-download-panel div{
    position: absolute;}

.bottom-anim{  
    z-index:100;
    width:100%; 
    height:100%;
    position: relative;}	

/*main boat animation*/
#bottom-anim-download-panel #boat-main{
    left: 450px;
    bottom:32px; 
	-webkit-animation: sail1 120s infinite linear alternate;
    -moz-animation: sail1 120s infinite linear alternate;
    -o-animation: sail1 120s infinite linear alternate;
    -ms-animation: sail1 120s infinite linear alternate;
    animation: sail1 120s infinite linear alternate;}

@-webkit-keyframes sail1 {
0% { -webkit-transform: translate(0px, 0px);}
100% { -webkit-transform: translate(1000px, 0px);}
}

@-moz-keyframes sail1 {
0% { -moz-transform: translate(0px, 0px);}
100% { -moz-transform: translate(1000px, 0px);}
}

@-o-keyframes sail1 {
0% { -o-transform: translate(0px, 0px);}
100% { -o-transform: translate(1000px, 0px);}
}

@-ms-keyframes sail1 {
0% { -ms-transform: translate(0px, 0px);}
100% { -ms-transform: translate(1000px, 0px);}
}

/*far left boat animation*/
#bottom-anim-download-panel #boat-farleft{
    left: 1400px;
    bottom:250px;
	z-index:200; 
	-webkit-animation: sailleft 200s infinite linear alternate;
    -moz-animation: sailleft 200s infinite linear alternate;
    -o-animation: sailleft 200s infinite linear alternat;
    -ms-animation: sailleft 200s infinite linear alternate;
    animation: sailleft 200s infinite linear alternate;}

@-webkit-keyframes sailleft {
0% { -webkit-transform: translate(0px, 0px);}
100% { -webkit-transform: translate(500px, 0px);}
}

@-moz-keyframes sailleft {
0% { -moz-transform: translate(0px, 0px);}
100% { -moz-transform: translate(500px, 0px);}
}

@-o-keyframes sailleft {
0% { -o-transform: translate(0px, 0px);}
100% { -o-transform: translate(500px, 0px);}
}

@-ms-keyframes sailleft {
0% { -ms-transform: translate(0px, 0px);}
100% { -ms-transform: translate(500px, 0px);}
}

/*far right boat animation*/
#bottom-anim-download-panel #boat-farright{
    left: 1800px;
    bottom:180px; 
	z-index:300;
	-webkit-animation: sailright 160s infinite linear alternate;
    -moz-animation: sailright 160s infinite linear alternate;
    -o-animation: sailright 160s infinite linear alternate;
    -ms-animation: sailright 160s infinite linear alternate;
    animation: sailright 160s infinite linear alternate;}

@-webkit-keyframes sailright {
0% { -webkit-transform: translate(0px, 0px);}
100% { -webkit-transform: translate(-600px, 0px);}
}

@-moz-keyframes sailright {
0% { -moz-transform: translate(0px, 0px);}
100% { -moz-transform: translate(-600px, 0px);}
}

@-o-keyframes sailright {
0% { -o-transform: translate(0px, 0px);}
100% { -o-transform: translate(-600px, 0px);}
}

@-ms-keyframes sailright {
0% { -ms-transform: translate(0px, 0px);}
100% { -ms-transform: translate(-600px, 0px);}
}