/* CSS Document for Cass Productions - www.cassproductions.com */

/* Global Styles */
body {background-color:#2e2e2e; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#999;}

a {color:#999; text-decoration:none}
a:hover {color:#4b87c4; text-decoration:underline}
strong a {color:#4b87c4; text-decoration:underline; font-size:11px;}
strong a:hover {color:#4b87c4; text-decoration:none; font-size:11px;}

img {border:0px;}

DIV.container {width:880px; margin:0 auto;}

DIV.footer {width:100%; margin:60px 0 0 15px; text-align:center; color:#aaa; font-size:11px;}
DIV.footer ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0 0 3px 0;}
DIV.footer li {display:inline; margin:0; padding:0 6px;}


/* Individual Pages */

/* homepage */
body.home {background-image:url(../images/bg-logo-home.gif); background-repeat:no-repeat;}
body.home DIV.container {width:920px; margin:0 auto;}
body.home DIV.flashPreview {width:745px; float:left; margin:85px 0 10px 155px; display: inline;}
body.home DIV.flashPreview h1 {font-size:14px;}
body.home DIV.footer {width:100%; margin:55px 0 0 15px; text-align:center; color:#737373;}


/* bio pages */
body.bio {background-image:url(../images/bg-logo.gif); background-repeat:no-repeat;}

body.bio DIV.container {width:750px; margin:0 auto; padding:0 0 0 130px;}
body.bio DIV.container DIV.bioText {margin:35px 0 0 32px; width:500px; line-height:17px;}
body.bio DIV.container DIV.bioText img {padding:5px 10px 0px 0;}


/* about page */
body.about {background-image:url(../images/bg-logo.gif); background-repeat:no-repeat;}
body.about DIV.container {width:750px; margin:0 auto; padding:0 0 0 130px;}
body.about DIV.container DIV.bioText {margin:35px 0 0 32px; width:525px; line-height:17px;}


/* news page */
body.news {background-image:url(../images/bg-logo.gif); background-repeat:no-repeat;}
body.news DIV.container {width:750px; margin:0 auto; padding:0 0 0 130px;}
body.news DIV.container DIV.newsText {margin:10px 0 0 32px; width:525px; line-height:17px;}
body.news DIV.container DIV.newsText h1 {font-size:20px; color:#aaa; padding:25px 0 5px 0;}
body.news DIV.container DIV.newsText h2 {font-size:14px; padding-top:6px;}
body.news DIV.container DIV.newsText ul {padding:0; margin-left:30px; list-style-image:url(../images/news-bullet.gif);}
body.news DIV.container DIV.newsText li {padding-bottom:2px;}
body.news DIV.container DIV.newsText li.category {list-style:none; padding-bottom:3px; font-size:12px;}

/* contact */
body.contact {background-image:url(../images/bg-logo-contact.gif); background-repeat:no-repeat;}
body.contact DIV.container {width:880px; margin:0 auto;}
DIV.contact {margin:60px 0 0 232px; width:548px; height:300px;}


/* books */
body.book {background-image:url(../images/bg-logo-book.gif); background-repeat:no-repeat;}
body.book DIV.container {width:880px; margin:0 auto;}


/* directors */
body.dir {background-image:url(../images/bg-logo-dir.gif); background-repeat:no-repeat;}
body.dir DIV.container {width:880px; margin:0 auto;}


/* film */
body.film {background-image:url(../images/bg-logo-film.gif); background-repeat:no-repeat;}
body.film DIV.container {width:880px; margin:0 auto;}
body.film DIV.playlist {float:left; width:150px; margin-left:30px;}


/* Individual film pages */
body.filmPage {}
body.filmPage DIV.container {width:880px; margin:0 auto; Xborder:1px solid #FFFF00}
body.filmPage DIV.playlist {float:left; width:320px; margin:0 25px 0 0; font-size:12px; line-height:16px; Xborder:1px solid #FFFF00}



/* illustrators */
body.ill {background-image:url(../images/bg-logo-ill.gif); background-repeat:no-repeat;}
body.ill DIV.container {width:880px; margin:0 auto;}


/* photographers - DIV.photos used on all pages with still photos - photogs, books, illustrators */
body.photo {background-image:url(../images/bg-logo-photo.gif); background-repeat:no-repeat;}
body.photo DIV.container {width:880px; margin:0 auto;}
DIV.photos {margin:35px 0 0 32px; width:748px; height:500px;}
DIV.photos p {font-size:10px; text-align:center;}



/* production services */
body.prod {background-image:url(../images/bg-logo-prod.gif); background-repeat:no-repeat;}
body.prod DIV.container {width:880px; height:500px; margin:0 auto;}




/* Individual Pages, Shared Styles */

DIV.label {margin:64px 0 0 32px; float:left; display:inline;}
DIV.dirLabel {margin:0 0 15px 0; float:left; width:640px; display:inline;} /* Label for iframed video pages */
DIV.navigation {margin:68px 0 0 0; float:right;}

DIV.dirNav {margin:0; float:left; font-size:12px;}
DIV.dirNav DIV.navigation {margin:68px 0 0 0; float:none;} /*keep the BACK TO HOME link from wrapping down under the video in FF*/

/* Bio link styles */
img.readBioVid {padding:0px 0 3px 83px;}
img.readBio {margin:0 25px 0 0;}

DIV.preview {width:540px; float:left; margin:7px 0 0 0; display:inline;}

DIV.menu {width:215px; height:350px; text-align:right; float:left; margin:112px 11px 0 49px; display:inline;}
DIV.menu ul {vertical-align:middle; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
DIV.menu li {margin:0; padding:0 0 13px 0;}




/* Individual Director Video pages */

body.player {margin:0; padding:0;}  /*Used on the iframed pages with the flv player on them */

DIV.video {margin:35px 0 0 32px; width:845px; height:500px;}

DIV.player {float:left; width:500px; height:395px;}
DIV.dirPlayer {margin:58px 0 0 139px; float:left; width:645px; height:560px; display:inline;}

DIV.playlist {float:left; width:46px; margin-left:0px; display:inline;}
DIV.playlist img {padding-bottom:10px;}

DIV.dirPlaylist {float:left; width:46px; margin:17px 0 0 30px; Xborder:1px solid #FFFF00; display:inline;}
DIV.dirPlaylist img {padding-bottom:5px;}