/*#3B547F ;Dark blue
#C2D8FF ;light blue
#75A7FF ;blue
#616C7F ;gray blue
#5E86CC ;slightly darker blue*/

body {
	background-color:#616C7F;
}

.wrapper {
	margin-left:10%;
	margin-right:10%;
	min-width:850px;
}

.top {
	background-color:#75A7FF;
	margin-top:50px;
	border-style:solid;
	border-color:#75A7FF;
	border-top-width:10px;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
}

.top h1 {
	margin:0px;
	margin-bottom:4px;
	position:relative;
	text-align:center;
	font-size:48px;
	font-family: 'Limelight', cursive;
}

.photobox {
	background-color:#C2D8FF;
	border-style:solid;
	border-width:4px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#5E86CC;
}

.bannerbox {
	overflow:hidden;
	margin-left:15%;
	margin-right:15%;
	border-style:solid;
	border-width:4px;
	border-top-width:0px;
	border-bottom-width:0px;
	border-color:#5E86CC;
}

.banner {
	height:400px;
	width:4800px;
	font-size:0;
}

.banner img {
	height:100%;
}

.content {
	background-color:#75A7FF;
	padding-top:30px;
	padding-bottom:30px;
	border-style:solid;
	border-color:#5E86CC;
	border-width:0px;
	border-bottom-width:4px;
}

.main {
	background-color:#C2D8FF;
	margin-left:15%;
	margin-right:15%;
	padding-left:10%;
	padding-right:10%;
	border-style:solid;
	border-width:4px;
	border-color:#5E86CC;
}

.main h2 {
	text-align:center;
}

.main p {
	font-size:large;
}

.footer {
	background-color:#C2D8FF;
	padding-left:10px;
	height:100px;
	border-style:solid;
	border-color:#75A7FF;
	border-bottom-width:10px;
	border-top-width:0px;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
}

.footer h1 {
	margin:0px;
	font-family: 'Limelight', cursive;
}

.footer h2 {
	margin:0px;
	font-size:medium;
}

.video {
	background-color:#75A7FF;
	position:fixed;
	top:10%;
	left:10%;
	height:80%;
	width:80%;
	border-style:solid;
	border-color:#3B547F;
	border-width:10px;
	border-radius:30px;
	text-align:center;
	padding-top:10px;
}

#videoContainer > div {
    display: none;
}

#videoContainer > div:target {
    display: block;
}

/*keyframe animations*/
.first {
    -webkit-animation: bannermove 90s linear infinite;
       -moz-animation: bannermove 90s linear infinite;
        -ms-animation: bannermove 90s linear infinite;
         -o-animation: bannermove 90s linear infinite;
            animation: bannermove 90s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -4800px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -4800px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -4800px;
 }
 
}
 
@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -4800px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -4800px;
 }
 
}