.photobanner {
    font-size: 0;  <!-- this get images in banner to butt up against each other -->
    height: 300px;
    width: 9000px;
}

.photobanner > img {
    max-height: 300px;
    min-height: 300px;
    height: auto;
    width: 600px;
}

/*keyframe animations*/
    .first {
        -webkit-animation: bannermove 60s linear infinite;
           -moz-animation: bannermove 60s linear infinite;
            -ms-animation: bannermove 60s linear infinite;
             -o-animation: bannermove 60s linear infinite;
                animation: bannermove 60s linear infinite;
}

@keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -5400px;
    }

}

@-moz-keyframes bannermove {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -5400px;
    }

}

@-webkit-keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -5400px;
    }

}

@-ms-keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -5400px;
    }

}

@-o-keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -5400px;
    }

}