/* 
Title: Ethan Shaftel Editor
Author: team A design 
www.GoTeamA.com
*/

* { border:0; outline:none; list-style:none; margin:0; padding:0; text-decoration:none; }

html { min-height:100%; }

body { background:#000; padding-bottom:5px; text-align:center; color:#ccc; font:normal 16px Arial, Helvetica, sans-serif; } 

a:link, a:visited { color:#333; }
a:hover, a:active { color:#f60; }

h1 { font-size:48px; color:#ddd; text-align:center; font-weight:normal; }

div#header { width:100%; border-bottom:1px solid #630; padding-bottom:15px; }
div#header ul li { display:inline; }
div#header h1 { display:inline; }

.lt { color:#999; }
.med { color:#666; }
.drk { color:#333; }

div#navContainer { position:relative; width:800px; margin:-1px auto 0; }

div#navContainer ul li { float:left; padding:0 5px; margin:0 9px; }
div#navContainer ul li a { height:41px; display:block; overflow:hidden; }

li.reel a, li.videos a, li.graphics a, li.commercials a, li.promos a { border-top:1px solid #630; }
li.reel a, li.reelA a { width:56px; }
li.videos a, li.videosA a { width:136px; }
li.graphics a,  li.graphicsA a { width:168px; }
li.commercials a,  li.commercialsA a { width:136px; }
li.promos a, li.promosA a { width:136px; }

li.reel a:hover, li.reelA a  { display:block; text-indent:-56px; border-top:1px solid #000; }
li.videos a:hover, li.videosA a { display:block; text-indent:-136px; border-top:1px solid #000; }
li.graphics a:hover, li.graphicsA a { display:block; text-indent:-168px; border-top:1px solid #000; }
li.commercials a:hover, li.commercialsA a { display:block; text-indent:-136px; border-top:1px solid #000; }
li.promos a:hover, li.promosA a { display:block; text-indent:-136px; border-top:1px solid #000; }

div#container { width:800px; margin:20px auto; text-align:center; clear:both; overflow:hidden; }

div#container h2 { font-size:16px; font-weight:normal; border-bottom:1px solid #333; padding:5px 0; margin:0 100px; }

ul#graphicsL li, ul#graphicsR li { font-size:12px; padding-bottom:8px; color:#999; text-align:left; }
ul#graphicsL { float:left; margin:10px 0 20px 115px; }
ul#graphicsR { float:right; margin:10px 115px 20px 0; }

p.qt { font-size:10px; padding:0 0 10px 0; color:#333; }
p.qt a { border-bottom:1px solid #333; }

div.reelContainer { width:600px; height:335px; padding:10px; background:#333; border:1px solid #666; margin:15px 89px; }

ul#thumbs { padding:20px 0; }
ul#thumbs li { text-align:left; line-height:20px; float:left; padding:0 29px 45px; }
ul#thumbs li a { width:320px; padding:10px; color:#fff; display:block; border:1px solid #666;  }
ul#thumbs li a em { color:#999; font-style:normal; }
ul#thumbs li a:hover { background:#ccc; color:#000;  display:block; }
ul#thumbs li a:hover em { color:#333; }

div#tbContainer { text-align:center; position:relative; margin:0 auto; width:600px; height:336px; padding:10px; }

div#footer { width:100%; text-align:center; font-size:24px; color:#ddd; border-top:1px solid #333; padding:15px 0; clear:both; }
div#footer a { color:#ddd; }
div#footer a:hover { color:#f60; }
div#footer ul li {  }

div#footer .lt a { color:#999; }
div#footer .lt a:hover { color:#f60; }

/*quicktime styles*/
.title {
  padding-left: 120px;
  min-height: 120px;
  background-image: url(http://images.apple.com/downloads/images/essentials_quicktime20070611.png);
  background-position: top left;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.playButton {
  background-color:#000;
  border:1px solid #630;
  padding:4px 8px;
  cursor: pointer;
  font-weight: normal;
  font-face:Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  filter: alpha(opacity=80);
  position: relative;
  top: 45%;
  zoom: 100%;
  color: #f60;
}

.playBackground {
  background-color: rgb(0,0,0);
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px; left: 0px;
}