/*stuff for the image banner*/
#bannercontainer {
 width:auto;
 max-width:800px;
 overflow: hidden;
 margin: 10px 0px;
 padding: 10px 0px;
 background: white;
}
.first {
margin-left:0px;
 -webkit-animation: bannermove 30s linear infinite;
    -moz-animation: bannermove 30s linear infinite;
     -ms-animation: bannermove 30s linear infinite;
      -o-animation: bannermove 30s linear infinite;
         animation: bannermove 30s linear infinite;
}
.photobanner {
 height: 230px; /* img height */
 width: 5964px;
 margin-bottom: 10px;
}
@keyframes "bannermove"         { 0% {margin-left: 0px;} 100% {margin-left: -5954px;}}
@-moz-keyframes "bannermove"    { 0% {margin-left: 0px;} 100% {margin-left: -5954px;}}
@-webkit-keyframes "bannermove" { 0% {margin-left: 0px;} 100% {margin-left: -5954px;}}
@-ms-keyframes "bannermove"     { 0% {margin-left: 0px;} 100% {margin-left: -5954px;}}
@-o-keyframes "bannermove"      { 0% {margin-left: 0px;} 100% {margin-left: -5954px;}}