body, html {
    height:100%;
    position:relative;
}

body {
    background-color:#000;
    margin:0;
    padding:0;
    font-family:Arial;
    color:#fff;
    font-size:13px;
    line-height:18px;
}

a {
    color:#fff;
}

a img {
    border:none;
}

#container {
    width:1100px;
    height:800px;
    margin:0 auto;
    position:relative;
    background-image:url('../img/bg-video.png');
}

#top-nav {
    position:absolute;
    top:140px;
    right:136px;
    height:17px;
    list-style-type:none;
    margin:0;
    padding:0;
    z-index:100;
}

#top-nav > li {
    margin:0;
    padding:0;
    display:inline-block;
    margin-left:8px;
    height:17px;
    position:relative;
}

#top-nav > li > a {
    display:block;
    height:17px;
    background-image:url('../img/top-nav.png');    
}

#top-nav > li > a > span {
    display:none;
}

#nav-about {
    width:47px;
    background-position:0 0;
}

#nav-about:hover,
#nav-about.active {
    background-position:0 -17px;
}

#nav-trailer {
    background-position:-54px 0;
    width:55px;
}

#nav-trailer:hover,
#nav-trailer.active {
    background-position:-54px -17px;
}

#nav-cast {
    background-position:-122px 0;
    width:84px;
}

#nav-cast:hover,
#nav-cast.active {
    background-position:-122px -17px;
}

#nav-downloads {
    background-position:-217px 0;
    width:89px;
}

#nav-downloads:hover,
#nav-downloads.active {
    background-position:-217px -17px;
}

#nav-blog {
    background-position:-318px 0;
    width:38px;
}

#nav-blog:hover,
#nav-blog.active {
    background-position:-318px -17px;
}

#nav-contact {
    background-position:-369px 0;
    width:61px;
}

#nav-contact:hover,
#nav-contact.active {
    background-position:-369px -17px;
}

.subnav {
    position:absolute;
    left:0;
    top:17px;
    width:160px;
    background-color:#d4d4d4;
    border:solid 1px #000;
    display:none;
    list-style-type:none;
    margin:0;
    padding:0;
    padding-bottom:8px;
    z-index:100;
}

.subnav > li {
    display:block;
    padding:8px 8px 0 8px;
    color:#333;
    margin:0;
    font-size:12px;
}

.subnav > li .role {
    font-size:11px;
    color:#666;
    font-weight:normal;
}

.subnav > li img.thumb {
    float:left;
    margin-right:4px;
}

.subnav > li > a {
    color:#000;
    font-weight:bold;
    text-decoration:none;
    display:block;
}

.subnav > li > a:hover {
    color:#fff;
}

.cast-list {
    list-type-type:none;
    margin:0;
    padding:0;
    margin-left:50px;
    margin-top:20px;
}

.cast-list > li {
    display:block;
    margin:0;
    padding:0;
    margin-bottom:16px;
}

.cast-list > li > a {
    color:#fff;
    font-weight:bold;
    display:block;
    text-decoration:none;
}

.cast-list > li .role {
    font-weight:normal;
    color:#aaa;
    font-size:11px;
}

.cast-list > li img.thumb {
    float:left;
    margin-right:8px;
}


#top-nav > li:hover .subnav {
    display:block;
}

#video-container {
    width:560px;
    padding:0 40px;
    height:315px;
    position:absolute;
    left:240px;
    top:262px;
    box-shadow:0 0 20px 20px #000;
    background-color:#000;
}

#content-container {
    position:absolute;
    left:200px;
    top:250px;
    width:740px;
    height:370px;
    overflow:auto;
}

#cast-container {
    position:absolute;
    left:200px;
    top:250px;
    height:370px;
    overflow:hidden;
    width:700px;
}

#cast-container .headshot {
    width:180px;
    overflow:hidden;
    float:left;
    border-right:solid 1px #fff;
    height:370px;
}

#cast-container .name {
    font-weight:bold;
    margin-top:10px;
    text-align:center;
    margin-right:20px;
}

#cast-container .role {
    margin-top:10px;
    color:#ccc;
    text-align:center;
    margin-right:20px;
}

#cast-container .bio {
    margin-left:200px;
    padding:20px;
    font-size:12px;
    background:url('../img/smoke-bg.png');
    border-radius:6px;
    height:330px;
    overflow:auto;
}

#cast-container .bio p {
    margin-top:0;
}

#about-container {
    position:absolute;
    left:200px;
    top:250px;
    width:300px;
    height:370px;
    overflow:auto;
}


#indiegogo-icon {
    position:absolute;
    left:373px;
    top:690px;
    width:157;
    height:44px;    
}

#facebook-icon {
    position:absolute;
    left:469px;
    top:690px;
    width:162px;
    height:44px;
}