body {background: #FFFFFF url('../images/shoal.gif') no-repeat center; color: #000000; text-align: center; padding: 10px; margin: 10px 0px;}
div {font-family: arial, helvetica, sans-serif; text-align: left;}
h1 {font-size: 90%; font-weight: normal; display: inline;}
h2 {font-size: 90%; font-weight: normal;  display: inline;}
p {margin: 0px 0px 13px 0px;}
a {color: #0033CC; text-decoration: underline;}
a:hover {color: #0033CC; text-decoration: none;}

.clear {clear: both; height: 1px; overflow: auto;}
.main {width: 750px; margin: 0 auto;}
.left {float: left;}
.right {float: left;}

.title {font-size: 70%; border: 1px solid #000000; color: #FFFFFF; letter-spacing: 2px; padding: 3px 0px 2px 8px; width: 510px; text-transform: uppercase; margin-right: 15px;}
.subtitle {padding: 2px 5px; border: solid #000000; color: #FFFFFF; border-width: 1px 0px 1px 1px; letter-spacing: 2px; text-transform: uppercase; margin: 20px -8px 10px 0px;}

.content {font-size: 70%; border-width: 0px 1px 1px 1px; border-color: #000000; border-style: solid; background-color: #FFFFFF; letter-spacing: 1px; padding: 8px 8px 0px 8px; width: 502px; margin-right: 15px;}
* html .content {width: 510px;}

.logo {text-align: center; margin: 0px;}
.menu {}
.menu ul {list-style-type: none; margin: 0px; padding: 0px;}
.menu li {font-size: 60%; border: 1px solid #000000; width: 205px; letter-spacing: 2px; padding: 3px 2px 2px 4px; margin: 3px 0px; word-wrap: break-word; text-transform: uppercase;}
.menu a {color: #FFFFFF; text-decoration: none;}
.menu a:hover {color: #FFFFFF; text-decoration: none;}

.imageUl {margin: 10px 20px; padding: 0px; list-style-image: url('../images/bullet_arrow.gif');}
.imageUl li {padding: 2px 0px;}

.features {width: 510px; margin-right: 15px;}
.featureLeft {float: left; width: 247px; margin: 15px 15px 15px 0px;}
.featureRight {float: right; width: 247px; margin: 15px 0px 15px 0px;}
.featureImage {border: 1px solid #000000; color: #FFFFFF;}
.featureTitle {font-size: 70%; border-width: 0px 1px 1px 1px; border-color: #000000; border-style: solid; color: #FFFFFF; letter-spacing: 2px; padding: 3px 0px 2px 8px; word-wrap: break-word}
.featureTitle a {color: #FFFFFF; text-decoration: none;}
.featureTitle a:hover {color: #FFFFFF; text-decoration: none;}

.news {margin-bottom: 0px;}
.news .date {margin: 10px 0px; color: #CF6D2C;}
.news .intro {margin: 10px 0px;}
.news .link {}
.inNews {border: 1px solid #000000; float: left; margin: -11px 10px 10px 10px;}

.reel {margin-bottom: 0px;}
.reel .duration {margin: 10px 0px; color: #CF6D2C; border-bottom: 1px dotted #CCCCCC;}
.reel .size {margin: 10px 0px; border-bottom: 1px dotted #CCCCCC;}
.reel .link {}
.inShowReel {border: 1px solid #000000; float: left; margin: -11px 10px 10px 10px;}
.reelPlayer {margin: 40px; text-align: center;}
.reelCaption {margin-top: 10px; font-size: 70%; border: 1px solid #000000; color: #FFFFFF; letter-spacing: 2px; padding: 3px 0px 2px 8px; text-transform: uppercase;}
.reelMovie {border-width: 1px 1px 0px 1px; border-color: #000000; border-style: solid;}

.studio {background: #FFFFFF url('../images/bg_wood.jpg') repeat-y;}
.studio .leftPanel {float: left; width: 170px;}
.studio .leftPanel img {margin: 5px; border: 1px solid #000000;}
.studio .rightPanel {float: left; width: 320px; margin: 10px 0px;}
.studio .rightPanel .text {border: 1px #000000 solid; background-color: #FFFFFF; padding: 0px 8px; margin-bottom: 10px;}
.studioMetal {border-width: 0px 1px 1px 1px; border-color: #000000; border-style: solid; background: #CCCCCC url('../images/bg_metal.jpg') repeat-x; height: 20px; width: 518px;}
* html .studioMetal {width: 510px;}
.studioGallery {border: 1px solid #000000; margin: 0px 10px;}
.studioGalleryCaption {font-size: 70%; margin: 10px; border: 1px solid #000000; color: #FFFFFF; letter-spacing: 2px; padding: 3px 0px 2px 8px; text-transform: uppercase;}

.submenu {margin-bottom: 20px;}
.submenu ul {list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; }
.submenu li {font-size: 80%; float: left; border: 1px solid #000000; letter-spacing: 2px; padding: 3px 2px 2px 3px; margin: 5px 5px 5px 0px; text-transform: uppercase;}
.submenu a {color: #FFFFFF; text-decoration: none;}
.submenu a:hover {color: #FFFFFF; text-decoration: none;}

.pager {}
.pager ul {list-style-type: none; margin: 10px 0px; padding: 0px; text-transform: uppercase;}
.pager li {display: inline; font-size: 90%; letter-spacing: 2px; margin: 0px 5px 0px 0px; padding: 2px 0px 2px 5px; border: 1px solid #000000; background-color: #666666; color: #999999;}
.pager li a {color: #FFFFFF; text-decoration: none;}
.pager li a:hover {color: #FFFFFF; text-decoration: none;}

.inPage {margin: 5px 15px;}
.leftFloat {float: left;}
.bordered {border: 1px solid #000000;}
.rightFloat {float: right;}

.footer {font-size: 70%; border: 1px solid #000000; color: #FFFFFF; letter-spacing: 1px; padding: 3px 0px 2px 8px; width: 510px; margin: 0px 15px 15px 0px;}

.xmasBorder {border-width: 0px 1px 1px 1px; border-color: #000000; border-style: solid; background: #00CC00 url('../images/bg_xmas_border.gif') repeat-x; height: 20px; width: 518px;}
* html .xmasBorder {width: 510px;}
.xmas {background: #FFFFFF url('../images/bg_xmas.jpg') repeat-y;}

.xmas .leftPanel {float: left; width: 210px;}
.xmas .leftPanel img {margin: 10px 5px; border: 1px solid #000000;}
.xmas .rightPanel {float: left; width: 280px; margin: 10px 0px;}
.xmas .rightPanel img {margin: 10px 5px; border: 1px solid #000000; float: right;}
.xmas .rightPanel .text {border: 1px #000000 solid; background-color: #FFFFFF; padding: 0px 8px; margin-bottom: 10px;}


.xmas .player {padding: 0px; text-align: right; margin: 20px -8px 10px 0px;}