/* general styles */
* { margin: 0; padding: 0; }
body { font-family: "adrianna-extended-1","adrianna-extended-2",sans-serif; font-size: 12px; line-height: 16px; }
a { color: #0b2944; text-decoration: none; }
a:hover { background-color: transparent; text-decoration: underline; }

h2 { border-bottom: 2px solid #F4F6F7; color: #0b2944; font-size: 18px; font-weight: normal; line-height: 24px; margin: 0; padding: 2px 0 0 0; text-transform: uppercase; }
h2 a { display: block; }
h2 a:hover { text-decoration: none; }
h3 { margin: 0 0 10px 0; }

.clear { clear: both; }

a.archive { border: 1px solid #F4F6F7; border-left: none; display: block; font-size: 10px; line-height: 10px; margin: 15px 0 0 0; padding: 4px 0; text-align: center; text-transform: uppercase; width: 150px; }

/* top styles of page */
.wrapper { margin: 0 auto; width: 960px; }

#top { overflow: hidden; padding: 50px 0 15px 0; }
#top .logo { background: url(../images/logo.gif); float: left; height: 215px; width: 214px; }
#top .address { color: #0b2944; float: left; font-family: "adrianna-extended-1","adrianna-extended-2",sans-serif; font-size: 10px; height: auto; letter-spacing: 1px; line-height: 14px; margin: 0 0 0 20px; padding: 140px 0 0 0; text-transform: uppercase; width: auto; }
#top .top_links { float: right; padding: 112px 0 0 0; }
#top .top_links .online_store { background: url(../images/online-store.gif); display: block; height: 45px; margin: 0 0 2px 0; width: 165px; }
#top .top_links .special_projects { background: url(../images/special-projects.gif); display: block; height: 55px; width: 165px; }

#container_wrapper { border: 2px solid #F4F6F7; overflow: hidden; }

#footer_wrapper { padding: 30px 0; color: #B3B3B3; }

/* Left Side Bar */
.left_column { float: left; height: 1300px; width: 268px; }
.left_column h2 { border-top: 2px solid #F4F6F7; margin: 20px 0 10px 0; padding: 2px 0 0 10px; }
.left_column h2.top { border-top: 0px; margin: 0 0 10px 0; }
.left_column h2.less { margin: 0 0 5px 0; }
.left_column h2.less:hover { background: #A01C20; }
.left_column h2.less:hover a { color: #FFF; text-decoration: none; }
.left_column h2.none { border-bottom: none; margin: 0; }

.left_column .directors { list-style: none; margin: 0; padding: 0; }
.left_column .directors a { display: block; padding: 5px 10px; }
.left_column .directors a:hover { background: #A01C20; color: #FFF; text-decoration: none; }
.left_column .directors .riff_raff { border-bottom: 1px solid #F4F6F7; color: #0b2944; font-size: 13px; font-style: italic; font-weight: bold; padding: 10px 10px 5px 10px; }

.left_column .contacts { padding: 0 0 10px 0; }
.left_column .contacts a { display: block; font-family: Georgia; font-size: 11px; font-style: italic; line-height: 11px; padding: 10px; }
.left_column .contacts .riff_raff { border-bottom: 1px solid #F4F6F7; color: #0b2944; font-family: Georgia; font-size: 12px; font-style: italic; font-weight: bold; padding: 10px; }

.right_column { border-left: 2px solid #F4F6F7; float: left; min-height: 1300px; width: 686px; }
.right_column h2 { padding: 2px 0 0 35px; }
.right_column .content { padding: 15px 0 0 35px; }
.right_column .content p { color: #000; font-size: 11px; font-style: italic; line-height: 15px; }
.right_column .sub_content { overflow: hidden; padding: 15px 35px; }
.right_column .sub_content p { margin: 0 0 10px 0; }
.right_column .sub_content a { color: #208FD1; }

.features { float: left; width: 295px; }
.features p { text-align: left; }
.features .archive { margin-left: -35px; margin-top: 30px; }

.callouts { border-left: 2px solid #F4F6F7; border-top: 2px solid #F4F6F7; float: right; height: 700px; margin: 20px -10px 0 40px; overflow: hidden; width: 315px; }
.callouts h2 { padding: 2px 0 0 10px; }

.callouts .news { list-style: none; padding: 20px 0 0 0; width: 305px; }
.callouts .news p { color: #333; display: block; margin: 0 0 20px 0; padding: 0 10px; }
.callouts .news p a { color: #208FD1; }
.callouts .news_archive { margin: 0 0 20px 0; padding: 4px 10px 4px 10px; width: auto; }
.callouts h2.film { border-top: 2px solid #F4F6F7; clear: both; }
.callouts .tsf { border-top: 2px solid #F4F6F7; clear: both; padding: 15px 0 0 10px; }

div.featured_clip { height: 480px; margin: 0 0 15px 0; overflow: hidden; width: 640px; }
div.featured_clip a { display: block; }
div.featured_clip img { border: 0; display: block; }
p.featured_clip { height: 45px; }
p.clip { text-align: justify; width: 267px; }
p.clip a { color: #208FD1; }

.director_content div.clip { background: #000; display: inline-block; height: 345px; margin: 25px 0 10px 0; overflow: hidden; width: 460px; }
.director_content .archive div.clip { height: 157px !important; margin: 0; width: 210px; }
.features div.clip { background: #000; display: inline-block; height: 200px; margin: 25px 0 10px 0; overflow: hidden; width: 267px; }
div.clip { background: #000; display: inline-block; height: 200px; margin: 25px 0 10px 0; overflow: hidden; width: 267px; }

.features div.clip img { width: 267px; }
div.clip img { border: 0px; display: block; width: 460px; }
div.clip a { display: block; }

.sub_content div.clip { margin: 0 0 10px 0; }

.director_subnav { float: left; list-style: none; margin: 0 20px 20px 0; padding: 0; width: 150px; }
.director_subnav li { margin: 0 0 5px 0; }
.right_column .director_subnav a { color: #0b2944; }
.right_column .director_subnav a.active { color: #208FD1; }
.director_content { float: left; width: 445px; }
.director_content h3 { font-size: 16px; }
.director_content p { font-size: 11px; }

.archive { float: left; margin: 10px 10px 0 0; width: 210px; }
.archive .clip { height: 157px; margin: 0; width: 210px; }
.archive .clip img { width: 210px; }
.archive .clip .view_clip { width: auto; }

.sub_content .tsf { float: left; margin: 0 15px 15px 0; }

.news_article { margin: 0 0 15px 0; }

.right_column .links a { color: #0B2944; }

#overlay { background-color: #000; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 999; }
* html #overlay { height: expression(document.body.clientHeight); position: absolute; }
#wiredrive_container { background-color: #fff; height: 600px; line-height: 0; position: absolute; width: 1020px; z-index: 1000; }
* html #wiredrive_container { overflow: hidden; }
#wiredrive_director { background: #FFFFFF; /* border-bottom: 1px dotted #2C678C; */ color: #000000; font-size: 24px; font-weight: normal; height: 32px; line-height: 32px; padding: 0 10px; text-transform: uppercase; width: 1000px; }
#wiredrive_close { background: url(../images/round_close.png) no-repeat center center; display: block; float: right; height: 32px; text-indent: -9999em; width: 16px; }