.tabs {
padding: 0;
margin: 10px 0 0 0;
height: 23px;
overflow: hidden;
background-color: #000;
}

.tabs span.tab a {
padding: 0 25px;
}

.tabs span.tab  {
height: 23px;
display: inline-block;
margin: 0 37px 0 0;
background-color: #000;
}

.tabs span.over, .tabs span.on {
background-color: #ffcc33;
}

#tab-arrow-right {
margin: 0 0 0 20px;
}

#wrapper {
width: 860px;
padding: 20px;
margin-top: 14px;
border-top: 16px solid #ffcc33;
background-image: url(/includes/images/bkd_content.gif);
background-repeat: repeat-x;
background-color: #333;
}



.ie7 #wrapper {
min-height: 600px;
}

.mat {
width: 860px;
height: 343px;
margin: 0 0 20px 0;
padding: 0;
background-image:url(/includes/images/bkd_shadow.gif);
background-repeat: repeat-x;
background-position: bottom;
}

#module {
height: 330px;
background-image:url('/films/modules/images/bkd-welcome.jpg');
padding: 0;
margin: 0;
}

#trailer {
float: left;
margin: 0 0 0 10px;
}

.closebtn {
float: left;
margin: 5px 10px 0 30px;
cursor: pointer;
}


#trailer #ktrailer {
margin: 0;
float: left;
}

.mask {
float: left;
padding: 0px 33px;
height: inherit;
width: 290px;
color: #fff;
}

.ie7 .mask {
height: 330px;
}

#films .film {
float: left;
width: 400px;
height: 92px;
padding: 8px;
margin: 20px 0 0 0;
border: 1px solid #484848;
overflow: hidden;
background-color: #000;
cursor: pointer;
}

.ie7 #films .film {
padding: 20px;
}

#films .over {
border: 1px solid #fff;
}

.film td {
vertical-align: top;
}

.film .ttl {
width: 206px;
height: 22px;
margin: 8px 0 0 8px;
}

.ttl h2 {
float: left;
margin: 2px 0 2px 8px;
color: #000;
font-weight: bold;
font-size: 1em;
}


.film td p {
font-weight: normal;
font-size: .9em;
clear: both;
padding: 0 0 0 16px;
margin-top: 5px;
color: #fff;
}

span.tab a{
font-size:14px;
text-decoration:none;
vertical-align:middle;
}

span.tab{
vertical-align:middle;
}

span.on a, span.over a{
color:#000000;
}