img, #head h1, ul#mainMenu li a, #subHead ul { behavior: url(/i/iepngfix.htc) }
body { background: #650000 url(/i/bodybg.png) top left repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; }
p { margin: .2em 0 1em 0; }

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; margin-bottom: 1em; }
h1 { margin-bottom: .5em; font-size: 2em; }
h2 { color: #fff; font-size: 1.7em; margin-bottom: .5em; }
h3 { font-size: 1.3em; color: #666; }
h4, h5, h6 { font-size: 1.1em; font-weight: bold; }

/* Apply to headers that you don't want to have any bottom-margin */
.noSpace { margin-bottom: 0; }
.moveup { margin-top: -1em; padding-top: 0; }

a:link { color: #d5923a; text-decoration: none; }
a:hover { color: #ccae87; text-decoration: none; }
a:visited { color: #827058; text-decoration: none; }

#head { height: 142px; position: relative; margin-bottom: 20px; }
#head h1 { width: 364px; height: 99px; /*background: transparent url(../i/logo.png) top left no-repeat;*/ position: absolute; top: 20px; left: 20px; }

ul#mainMenu { position: absolute; top: 30px; right: 0; list-style-type: none; width: 360px; padding: 0; margin: 0; text-indent: -999em; height: 1%; }

ul#mainMenu li { margin: 0; padding: 0; display: inline; }
ul#mainMenu li a { background-image: url(/i/menu.png); float: left; padding: 0; margin: 0 30px 6px  0; height: 22px; }

ul#mainMenu li.story a { width: 113px; }
ul#mainMenu li.films a { width: 108px; background-position: 0 -22px; }
ul#mainMenu li.talent a { width: 112px; background-position: 0 -44px; }
ul#mainMenu li.investors a { width: 153px; background-position: 0 -66px; }
ul#mainMenu li.contact a { width: 162px; background-position: 0 -88px; margin-left: 4px; }

ul#mainMenu li.story a:hover { width: 113px; background-position: 162px 0; }
ul#mainMenu li.films a:hover { width: 108px; background-position: 162px -22px; }
ul#mainMenu li.talent a:hover { width: 112px; background-position: 162px -44px; }
ul#mainMenu li.investors a:hover { width: 153px; background-position: 162px -66px; }
ul#mainMenu li.contact a:hover { width: 162px; background-position: 162px -88px; }

#subHead { margin: 25px 0 20px 0; position: relative; }
#subHead ul { list-style-type: none; margin: 0; padding: 2px; position: absolute; top: 65px; width: 100%; background: transparent url(/i/ft-bg.png) no-repeat; }
#subHead ul li { display: inline; }
#subHead ul li a:link,
#subHead ul li a:hover,
#subHead ul li a:visited { margin: 0 0 0 40px; padding: 0; float: left; color: #ccc; font-size: 1.3em; text-transform: uppercase; text-decoration: none; }

#subHead ul li a:hover { color: #fff; }

#subHead img { float: right; }

.picLeft,
.picRight { border: 1px solid #000; }
.picLeft { float: left; margin: 0 10px 10px 0; }
.picRight { float: right; margin: 0 0 10px 10px; }

#mainMovieBox { background: #000 url(/i/mainfullt.jpg) no-repeat; border: 1px solid #000; margin-bottom: 20px; }
#mainMovieBox .info { float: right; width: 400px; margin-right: 27px; margin-top: 180px; display: inline; }
#mainMovieBox .info h2 { margin-bottom: 0;}
#mainMovieBox .movie { float: left; margin: 168px 0 0 20px; padding-bottom: 20px; }

img.frame { padding: 10px; border: 1px solid #000; background-color: #3b0505; }
img.movieSmall { margin: 0 20px 0 0; float: left; }

label { width: 10em; display: block; margin: .5em 0 .2em 0; }

pre {border: 1px solid #000; background-color: #2f0707; padding: 10px; }

#foot { padding: 15px; font-size: 0.8em; margin-top: 20px; border-top: 1px solid black; text-align: center; }
#foot ul { list-style-type: none; padding: 0; margin: 0 auto 1em auto; width: 41em;}
#foot ul li { float: left; border-right: 1px solid #000; padding: 0 10px; margin: 0;}
#foot ul li.last { border: none; }

.clear { clear: both; }