* {
padding: 0;
margin: 0;
border-collapse: 0;
}
body {
background-color: #191919;
font-family: 'Georgia', serif;
line-height: 177%;
text-align: center;
}
body, a {
color: white;
text-decoration: none;
}
p {
padding-top: .75em;
}
h1 {
font-weight: normal;
}
#container {
text-align: left;
width: 990px;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
sheight: 600px;
position: relative;
}
#bio, #films {
position: absolute;
}
#films {
font-size: 24px;
}
#films_body {
height: 474px;
}
#films_title {
text-transform: lowercase;
font-size: inherit;
text-align: left;
width: 990px;
padding: .75em 0 1.5em 0;
font-style: italic;
font-size: 32px;
}
#films_list, #films_nav {
display: block;

}
#films_list, #films_player {
position: absolute;
}
#films_list ul {
padding: 0;
width: 270px;
position: absolute;
}
#commercial_films_list {
opacity: 0;
filter: alpha(opacity=0);
}
#films_player {
width: 720px;
margin-left: 270px;
text-align: center;
}
.films_item, .films_nav {
list-style-type: none;
display: block;
}
.films_item {
padding-bottom: .75em;
width: 270px;
}
.films_item b, .films_item i {
display: block;
}
.films_item b {
font-weight: normal;
}
#noncommercial_films_list .films_item b {
text-transform: lowercase;
}
.films_item i {
font-style: normal;
font-size: 20px;
margin-top: -4px;
padding-left: 36px;
}
.films_player_item {
}
#films_nav {
width: 270px;
padding: 0;
}
#films_nav li {
position: relative;
height: 31px;
padding: 0;
}
.films_nav {
width: 270px;
padding: 0px;
margin: 0px;
overflow: hidden;
}
.films_nav .block_link, #work_links a {
text-transform: lowercase;
text-align: left;
display: block;
width: 270px;
}
#work_links a {
position: absolute;
z-index: 3;
display: block;
}
#work_links .i {
z-index: 2;
display: none;
}
#noncommercial_link {
opacity: 0;
filter: alpha(opacity=0);
}
#contact_link, #contact_activator {
position: absolute;
}
#contact_link {
margin-left: 270px;
}
#contact_link a {
text-decoration: underline;
}
#bio {
opacity: 0;
filter: alpha(opacity=0);
margin: 84px 0px 0px 310px;
}
#bio_text {
font-size: 20px;
line-height: 130%;
width: 720px;
}
#bio_nav {
display: none;
width: 600px;
}
#bio_nav a {
display: block;
width: 240px;
text-align: right;
font-size: 24px;
float: right;
}
#bio_nav a:hover, #films_nav a:hover, #films_list a:hover b, .selected b, #films_nav .selected {
text-decoration: underline;
}
.i {
display: none;
}
#contact {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
margin: 523px 0px 0px 0px;
font-size: 24px;
text-transform: lowercase;
z-index: 2;
width: 270px;
text-align: right;
overflow: visible;
height: 31px;
vertical-align: bottom;
}
#contact a {
text-decoration: underline;
}