body { background-color: Black; font-family: Arial; color:White; font-size:12px }
a { color:White; }
a:hover { text-decoration: none; border: 0; }

.outer { padding-left: 60px; padding-top: 90px }
.grid { width: 1300px }
.image-grid { float: left; width: 650px; height: 480px; }
.video-player { margin-bottom:10px }
.video-player #qt { margin-left:-10px;  }
.pager-bar { text-align:right; width:630px; font-family: Arial; color:White; font-size: 12px; font-weight: bold; margin-top:5px; margin-bottom:20px; }
.pager-bar a { text-decoration: none; color:Gray; font-weight:normal }

.link-btn { color:#ddd; text-decoration:none }
.link-btn:hover { color:White; }

.menu-bar {  }
.menu-bar #logo { float: left; }
.menu-bar #links { float: left; padding-left: 20px }
.menu-bar #links #commercial-link { margin-top: -1px }
.menu-bar #links #promos-link { padding-top: 8px }
.menu-bar #links #personal-link { padding-top: 8px }
.menu-bar #links #contact-link { padding-top: 8px }

.menu-bar .contact-links { float: left; padding-left: 60px }
.menu-bar .contact-links #contact-link-rsa { margin-top: -4px }
.menu-bar .contact-links #contact-link-blackdog { padding-top: 2px }
.menu-bar .contact-links #contact-link-site { padding-top: 2px }

.transOn { filter:alpha(opacity=30); -moz-opacity:.70; opacity:.70; background-color:#000000; visibility:visible; height:145px; color: White; padding:5px 0 0 5px; font-family:Arial;font-size:10px;text-transform:uppercase;line-height:1.4em;  }
.transOff { visibility:hidden }

.video { float:left; width: 224px; height: 120px;  }

.videoitem-text
{
    position: absolute;
    margin-left: 5px; 
    margin-top: -115px;
    width: 209px;
    height: 110px;
    visibility: hidden;
    color: gray;
    font-family: Arial;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1.4em;
}

.videoitem-img 
{
    position: relative;
    top: 0;
    left: 0;
    width: 224px;
    height: 120px;
 
}
.contact { padding-left: 40px; float:left }   
.clear { clear: both; }
/*
.inner
{
    position: absolute;
    top: 90px;
    left: 90px;
    height: 588px;
    width:100%;
}

.imageGrid
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.logo
{
    position: absolute;
    top: 515px;
    left: 0;
}


.contact
{
    position: absolute;
    top: 511px;
    left: 520px;
    width: 300px;
}

.movie
{
    position: absolute;
    top: 224px;
    left: 690px;
}

.selectedMovieText
{
    position: absolute;
    top: 0px;
    left: 520px;
    height: 35px;
    width: 400px;
	font-family: Helvetica, Arial;
    color: white;
    font-weight: bolder;

}

.movieTextOuter
{
    position: absolute;
    top: 448px;
    left: 520px;
    height: 35px;
    width: 400px;
}

.movieText
{
	font-family: Helvetica, Arial;
    color: Gray;
    font-weight: bolder;
}

.awardsText
{
    position: absolute;
    top: 511px;
    left: 520px;
    width: 400px;
	font-family: Helvetica, Arial;
    color: gray;
    font-weight: bolder;
}

.copyright
{
    position: absolute;
    top: 900px;
    left: 0px;
}

.link:hover, .link:active
{
    font-family: Helvetica, Arial;
    color: White;
    font-weight: bold;
    text-decoration: none;
}

.link
{
    font-family: Helvetica, Arial;
    color: Gray;
    font-weight: bold;
    text-decoration: none;
}

.pagerPrev
{
    position: absolute;
    top: 70px;
    left: 90px;
}

.pagerNext
{
    position: absolute;
    top: 70px;
    left: 550px;
}

.pagerLink
{   
    font-family: Helvetica, Arial;
    color: gray;
    font-size: 10px;
    font-weight: bolder;
    text-decoration: none;
}
.pagerLink:hover
{
    color: white;
}

.buttons
{
    position: absolute;
    top: 513px;
    left: 360px;
    width: 200px;
}

.commercialsButton, .commercialsContact
{
    position: absolute;
    top: 0px;
}
.promosButton, .promosContact
{
    position: absolute;
    top: 22px;
}
.personalButton, .otherContact
{
    position: absolute;
    top: 43px;
}
.contactButton
{
    position: absolute;
    top: 64px;
}

.movieCell 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 224px;
    height: 120px;
}

.movieCellText
{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 214px;
    height: 110px;
    color: gray;
    visibility: hidden;
    font-family: Arial;
    font-size: 10px;
    text-transform: uppercase;
}

.movieCellImage 
{
    position: relative;
    top: 0;
    left: 0;
 
}

.movieCell1, .movieCell2, .movieCell3, .movieCell4, .movieCell5, .movieCell6,
.movieCell7, .movieCell8, .movieCell9, .movieCell10, .movieCell11, .movieCell12
{
    position: absolute;
}

.movieCell1, .movieCell2, .movieCell3   { top: 0px; }
.movieCell4, .movieCell5, .movieCell6   { top: 120px; }
.movieCell7, .movieCell8, .movieCell9   { top: 240px; }
.movieCell10, .movieCell11, .movieCell12 { top: 360px; }

.movieCell1, .movieCell4, .movieCell7, .movieCell10 { left:0px; }
.movieCell2, .movieCell5, .movieCell8, .movieCell11  { left:224px; }
.movieCell3, .movieCell6, .movieCell9, .movieCell12 { left:448px; }
 
.pager
{
    position: absolute;
    top: 490px;
    left: 0px;
    width:670px;
}
*/