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

@import url("http://fonts.googleapis.com/css?family=Muli:400,300,300italic|Six+Caps");

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

html { min-height:100%; }

body { background:#fff; color:#000; font:normal 14px/22px "Muli", Arial, Helvetica, sans-serif; } 

a:link, a:visited { color:#666; }
a:hover, a:active { color:#000; }

#wrapper { position:relative; width:960px; margin:0 auto; font-weight:400; }

/* header */

#header { width:240px; float:left; text-align:right; }

#header h1 { margin:20px 0 0; color:#999; font:normal 48px "Six Caps", Arial, Helvetica, sans-serif; text-transform:uppercase; width:240px; overflow:hidden; }
#header h1 strong { font-weight:normal; color:#000; }

#header p { color:#666; }

#nav { width:700px; float:right; }

#nav ul { width:640px; margin:0 auto; }

#nav li { display:block; float:left; width:160px; height:160px; text-align:center; text-transform:uppercase; line-height:160px; }

#nav li a { display:block; width:160px; height:160px; font-size:34px; font-family:"Six Caps", Arial, Helvetica, sans-serif; overflow:hidden; }

#nav li a:link, #nav li a:visited { background:url(../img/nav-sprite.png) no-repeat 0 0; color:#ccc; }
#nav li a:hover, #nav li a:active, #nav li#current a { background:url(../img/nav-sprite.png) no-repeat 0 -160px; color:#000; }

/* content */

#content { width:100%; clear:both; overflow:hidden; }

h2 { color:#ccc; font:normal normal 30px "Six Caps", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:20px 20px 10px; }
h2.right { text-align:right; }

.full { width:960px; }
.single-col { width:240px; float:left; }
.two-col { width:480px; float:left; }
.three-col { width:720px; float:left; }

.divider-right { background:url(../img/vertical-rule.png) repeat-y right top; }
.divider-left { background:url(../img/vertical-rule.png) repeat-y left top; }

.divider-right h2 { background:url(../img/top-vertical-rule.png) no-repeat right top; }
.divider-left h2 { background:url(../img/top-vertical-rule.png) no-repeat left top; }

ul.thumbs { }

ul.thumbs li { float:left; text-align:left; width:220px; margin:10px; overflow:hidden; font-size:12px; line-height:18px; font-weight:300; }
ul.thumbs li em { font-weight:400; font-style:normal; }

ul.thumbs li a { display:block; width:204px; padding:8px; color:#000; border-bottom:1px solid #fff; }
ul.thumbs li a:hover { background:#ededed; border-bottom:1px solid #dbdbdb }

.full ul.thumbs li:nth-child(4n + 1) { clear:left;}
.single-col ul.thumbs li { clear:left;}
.two-col ul.thumbs li:nth-child(2n + 1) { clear:left;}
.three-col ul.thumbs li:nth-child(3n + 1) { clear:left;}

.row { clear:left; }

ul.graphics { }
ul.graphics li { float:left; text-align:left; width:210px; margin:10px 10px 10px 20px; overflow:hidden; font-weight:300; }
ul.graphics li strong { font-weight:400; display:block; }


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

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;
}