body {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    background: url(../bg.gif) repeat-x #d7dce1;
    margin: 0px;
    padding: 0px;
}

.header {
    width: 100%;
    height: 115px;
    margin: 0px auto;
    background-color: #75A8C7;
    padding-left: 0px;
    
}

.headertext {
    margin-left: auto;
    margin-right: auto;
    background: url(../img/dv_header.png) no-repeat 30px;
    width: 920px;
    height: 115px;
}

.headertext p {
    font-size: 13px;
}

.headerimage {
    margin-left: 200px;
    margin-top: 5px;
    position: absolute;
}

.navcontainer {
    font:11px Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    background-color: #0C0E1E;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-bottom: solid 2px #fff;
    z-index: 0;
}

.insidemenu {
    width: 800px;
    height: 30px;
    float: right;
    margin-right: -20px;
   z-index: 0;
}
.nav {
   width: 920px;
   margin: 0px auto;
}

.nav li {
    display: inline;
    list-style-type: none;
    padding-right: 50px;
    padding-left: 70px;
}

.nav a { color: #fff; text-decoration: none;}
.nav a:active { color: #fff; text-decoration: none;}
.nav a:link { color: #fff; text-decoration: none;}
.nav a:visited { color: #fff; text-decoration: none;}
.nav a:hover { color: #ccc; text-decoration: underline;}

.nav p {

}

.mainbody {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    margin: 0px auto;
    background-color: #396C8B;
}

.insidebody {
    width: 970px;
    height: 1100px;
    margin: 0px auto;
    background-color: #396C8B;
}

.abouttext {
    width: 280px;
    height: 200px;
    padding-top: 30px;
    padding-left: 20px;
    color: #fff;
    float: left;
}

.aboutpage {
    width: 600px;
    height: 200px;
    padding-top: 30px;
    padding-left: 20px;
    color: #fff;
    float: left;
}

.aboutpage h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
}

.aboutpage p {
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
}

.aboutpage li {
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
    margin-left: 15px;
}

.floatleft {
    width: 282px;
    height: 242px;
    background: url(../vid_background.png) no-repeat;
    float: left;
    font-size: 10px;
    padding: 10px 10px 0px 10px;
    margin-left: 0px;
    color: #000;
}

.floatleft li {
    list-style-type: none;
    margin-left: -25px;
    padding-bottom: 5px;
}

.floatright {
    width: 282px;
    height: 242px;
    background: url(../vid_background.png) no-repeat;
    float: right;
    font-size: 10px;
    padding: 10px 10px 0px 10px;
    margin-left: 20px;
    color: #000;
}

.floatright li {
    list-style-type: none;
    margin-left: -25px;
    padding-bottom: 5px;
}

.abouttext h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
}

.abouttext p {
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.videopreviews {
    width: 640px;
    height: 200px;
    padding-top: 12px;
    padding-left: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    float: right;
}

.videopreviews a {color: #fff; text-decoration: none;}
.videopreviews a:active {color: #fff; text-decoration: none;}
.videopreviews a:link {color: #fff; text-decoration: none;}
.videopreviews a:visited {color: #fff; text-decoration: none;}
.videopreviews a:hover {color: #fff; text-decoration: underline;}

.previewimg {
   border: solid 1px #000;
   margin-left: 15px;
   margin-top: 10px;
}

.spacing {
    width: 100%;
    height: 10px;
    float: left;
}

.titleleft {
    float: left;
    width: 100px;
}

.titleright {
    float: right;
    width: 100px;
}

.listleft {
    float: left;
    width: 300px;
}

.listright {
    float: right;
    width: 300px;
}

.closebutton {
    float: right;
    padding-right: 20px;
    padding-top: 3px;
    border: none;
}

.footercontainer {
    width: 100%;
    height: 30px;
    background-color: #000;
    border-top: solid 2px #fff;
}

.footer {
    width: 970px;
    height: 30px;
    margin: 0px auto;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.footer a { text-decoration: underline; color: #fff;}
.footer a:active { text-decoration: underline; color: #fff;}
.footer a:link { text-decoration: underline; color: #fff;}
.footer a:visited { text-decoration: underline; color: #fff;}
.footer a:hover { text-decoration: underline; color: #ccc;}

.logo {
    margin-left: -20px;
    position: absolute;
}

.maillink {
    color: #fff;
    text-decoration: none;
}

.maillink a {color: #fff; text-decoration: none;}
.maillink a:active {color: #fff; text-decoration: none;}
.maillink a:link {color: #fff; text-decoration: none;}
.maillink a:visited {color: #fff; text-decoration: none;}
.maillink a:hover {color: #ccc; text-decoration: underline;}