body {
  background: #f5f5f5;
  font-size: 62.5%; }

header {
  -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #ccc;
  height: 80px; }
  header .branding {
    float: left;
    display: inline-block;
    border-right: none;
    height: 80px;
    background: #111;
    margin-left: -59px; }
    header .branding a {
      display: block;
      background: #111; }
    header .branding img {
      display: block;
      float: right;
      margin-top: 5px;
      margin-right: 25px;
      margin-left: 25px; }
  header nav {
    font-family: "vinyl-1","vinyl-2","Helvetica","Arial",sans-serif;
    height: 80px; }
    header nav ul {
      background: #f5f5f5;
      display: inline-block;
      padding: 0;
      margin: 0;
      height: 80px; }
      header nav ul .first {
        border-left: 1px solid #ccc; }

#main .holder {
  margin-top: 20px; }
  #main .holder ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  #main .holder .vidCover, #main .holder .vidCover2 {
    position: absolute;
    z-index: 1000;
    display: block;
    width: 820px;
    background: #323232 no-repeat center center;
    height: 503px;
    cursor: pointer; }
#main .description {
  margin-top: 40px;
  float: right; }
  #main .description #category, #main .description #piece-title {
    font-family: "vinyl-1","vinyl-2","Helvetica","Arial",sans-serif;
    font-size: 1.3em;
    color: #323232;
    float: left; }
  #main .description #category {
    text-transform: uppercase; }
#main .hidden {
  display: none; }