/*Load Items Before Displaying*/
.js-loading *,
.js-loading *:before,
.js-loading *:after {
  animation-play-state: paused !important;
}
body.banner { margin: 0px; background-image: url(../images/softbgd.jpg); background-attachment: fixed;}
* {margin: 0; padding: 0;} 
#container { width: 100%; margin: 50px auto; }
/*header*/
header { width: 800px; margin: 40px auto;}
header h1 { text-align: center; font: 100 30px/1.5 Helvetica, Verdana, sans-serif;}
header p { font: 100 15px/1.5 Helvetica, Verdana, sans-serif; text-align: center;}
/*photobanner*/
/*keyframe animations*/ 
@keyframes "bannermove" {
 0% { margin-left: 500px; }
 100% { margin-left: -3149px; } 
}
@-moz-keyframes bannermove {
 0% { margin-left: 500px; }
 100% { margin-left: -3149px; }
}
@-webkit-keyframes "bannermove" {
0% { margin-left: 500px; }
 100% { margin-left: -3149px; }
}
@-ms-keyframes "bannermove" {
0% { margin-left: 500px; }
 100% { margin-left: -3149px; }
}
@-o-keyframes "bannermove" {
 0% { margin-left: 500px; }
 100% { margin-left: -3149px; }
}
.photobanner { height: 233px; width: 3200px; margin-bottom: 80px;animation-play-state: running;
  animation: bannermove 35s linear infinite;} 
.photobanner:hover {
  animation-play-state: paused;
}
.photobanner img { -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;}
.photobanner img:hover { -webkit-transform: scale(1.1);
 -moz-transform: scale(1.5);
 -o-transform: scale(1.5);
 -ms-transform: scale(1.5);
 transform: scale(1.5); 
 cursor: pointer; 
 -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
 box-shadow: 0px 3px 5px rgba(0,0,0,0.2); 
 }
 footer { height: 20px; font-size: 1.0em; background-color: #7FFFD4; border: groove 10px; 
border-radius:10px; color:#000000; text-align: center; }