body{
    background-color: #001c4c;
    color: #000;
    font-family: Arial , Helvetica, sans-serif;
}
h1{
    margin: 0;
}
a,
a:active,
a:visited{
    color: #0066cc;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}
#wrapper{
    width: 720px;
    padding: 0 24px;
    margin: 155px auto 70px;
    position: relative;
    background: url(img/bg.png);
}
#header h1{
    height: 120px;
    width: 637px;
    background: url(img/logo.png) 0 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: -65px;
    left: 50%;
    margin-left: -318px;
    z-index: 999;
}

#footer{
    background-color: #fff9cd;
    border-top: 10px solid #fec822;
    color: #000;
    padding: 15px;
}
#footer p{
    text-align: center;
    font-size: 11px;
    margin-top: 0;
}
#footer p.copy{
    margin: 0;
}
#footer p a{
    font-size: 13px;
}

#content{
    text-align: center;
    padding: 95px 0 1px;
    background: #ffffff;
}
#content h1{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 25px;
}
#content h2{
    font-size: 28px;
    font-weight: normal;
    width: 640px;
    margin: 0 auto;
    padding-bottom: 20px;
}

#content #scenes {
    height: 530px;
    padding-left: 12px;
    position: relative;
    width: 690px;
}

#content #scenes .video-card {
    float: left;
    display: inline-block;
    padding-left: 5px;
}

#wrapper{
    width: 720px;
    padding: 0 24px;
    margin: 155px auto 100px;
    position: relative;
    background: url(img/bg.png);
}