body {

  background: url("images/american_flag-1024x768.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #069;
  
}

#maintable {}

td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px}
hr {color: #003399; height: 1px}
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000
}
h2, h3, h4 {
	font-size: 16px;
	font-weight: bold;
	color: #000
}
a:link {color: #0033CC; text-decoration: none}
a:visited {color: #0033CC; text-decoration: none}
a:hover {
	color: #39F;
	text-decoration: none;
}

p {
	word-spacing: normal;
	line-height: normal;
	text-align: left;
}
p1 {word-spacing: normal;line-height: normal ;text-align: left;}
p2 {word-spacing: normal;line-height: normal ;text-align: left;}
ul {}
ol {}

a.tabs:link {color: #FFFFFF; text-decoration: none}
a.tabs:visited {color: #FFFFFF; text-decoration: none }
a.tabs:hover {color: #CCCCCC; text-decoration: none }
.tabs {color: #FFFFFF; padding-right: 5px; padding-left: 5px; text-align: center; font-weight: bold}
.small {
	font-size: 14px;
}
#designed a {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 11px;
}
.bold {
	font-weight: bold;
}

#container {
    width: 750px;
    overflow: hidden;
    margin: 30px auto;
    background: white;
}

.photobannerstatic {
    height: 250px;
    width: 6000px;
    margin-bottom: 30px;
}

.photobanner1 {
    height: 250px;
    width: 6000px;
    margin-bottom: 30px;
}

.photobanner2 {
    height: 250px;
    width: 6000px;
    margin-bottom: 30px;
}

.photobanner3 {
    height: 250px;
    width: 6000px;
    margin-bottom: 30px;
}


/*keyframe animations*/
.first {
       -webkit-animation: bannermove1 80s linear infinite;
       -moz-animation: bannermove1 80s linear infinite;
        -ms-animation: bannermove1 80s linear infinite;
         -o-animation: bannermove1 80s linear infinite;
            animation: bannermove1 80s linear infinite;
	   animation-delay: 5s; /* W3C and Opera */
       -moz-animation-delay: 5s; /* Firefox */
       -webkit-animation-delay: 5s; /* Safari and Chrome */
}
 
@keyframes "bannermove1" {0% {margin-left: 0px;}100% {margin-left: -3060px;}
}
@-moz-keyframes bannermove1 {0% {margin-left: 0px;}100% {    margin-left: -3060px;}
}
@-webkit-keyframes "bannermove1" {0% {margin-left: 0px;}100% {    margin-left: -3060px;}
}
@-ms-keyframes "bannermove1" {0% {margin-left: 0px;} 100% {    margin-left: -3060px;}
}
@-o-keyframes "bannermove1" {0% {margin-left: 0px;}100% {    margin-left: -3060px;}
}



.second {
	-webkit-animation-delay: 12s;
    -webkit-animation: bannermove2 40s linear infinite;
       -moz-animation: bannermove2 40s linear infinite;
        -ms-animation: bannermove2 40s linear infinite;
         -o-animation: bannermove2 40s linear infinite;
            animation: bannermove2 40s linear infinite;
	    animation-delay: 8s; /* W3C and Opera */
       -moz-animation-delay: 8s; /* Firefox */
       -webkit-animation-delay: 8s; /* Safari and Chrome */
}
@keyframes "bannermove2" {0% {margin-left: 0px;}100% {margin-left: -1272px;}
}
@-moz-keyframes bannermove2 {0% {margin-left: 0px;}100% {    margin-left: -1272px;}
}
@-webkit-keyframes "bannermove2" {0% {margin-left: 0px;}100% {    margin-left: -1272px;}
}
@-ms-keyframes "bannermove2" {0% {margin-left: 0px;} 100% {    margin-left: -1272px;}
}
@-o-keyframes "bannermove2" {0% {margin-left: 0px;}100% {    margin-left: -1272px;}
}

.third {
	-webkit-animation-delay: 2s;
    -webkit-animation: bannermove3 90s linear infinite;
       -moz-animation: bannermove3 90s linear infinite;
        -ms-animation: bannermove3 90s linear infinite;
         -o-animation: bannermove3 90s linear infinite;
            animation: bannermove3 90s linear infinite;
	   animation-delay: 11s; /* W3C and Opera */
       -moz-animation-delay: 11s; /* Firefox */
       -webkit-animation-delay: 11s; /* Safari and Chrome */
} 
@keyframes "bannermove3" {0% {margin-left: 0px;}100% {margin-left: -1527px;}
}
@-moz-keyframes bannermove3 {0% {margin-left: 0px;}100% {    margin-left: -1527px;}
}
@-webkit-keyframes "bannermove3" {0% {margin-left: 0px;}100% {    margin-left: -1527px;}
}
@-ms-keyframes "bannermove3" {0% {margin-left: 0px;} 100% {    margin-left: -1527px;}
}
@-o-keyframes "bannermove3" {0% {margin-left: 0px;}100% {    margin-left: -1527px;}
}



.photobanner1 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;
}

.photobanner1 img:hover {
 
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
}



.photobanner2 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;
}

.photobanner2 img:hover {
 
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
}

.photobanner3 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;
}

.photobanner3 img:hover {
 
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
}

.photobannerstatic 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;
}

.photobannerstatic img:hover {
 
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
}