#featured {
  background:white url(../img/html.gif) top left;
  height:280px;
  overflow:hidden;
  position:relative;
  border:1px solid #d9d2ca;
}

#featured ul {
  top:0;
  position:absolute;
  list-style:none;
  margin:0;
  padding:0;
}

#featured .tabs {
  right:0;
  z-index:2;
  width:115px;
  height:280px;
  border-left:1px solid #d9d2ca;
}

#featured .tabs li {
  padding:0px 12px;
  margin:9px 0px 8px;
}

#featured .tabs li a {
  background:white;
  display:block;
  width:89px;
  height:57px;
  border:1px solid #d9d2ca;
}

#featured .tabs li a img {
  display:block;
  width:89px;
  height:57px;
  border:none;
}

#featured .output {
  left:0;
  width:504px;
  background:#262728;
  height:280px;
}

#featured .output li {
  position:relative;
  height:280px;
}

#featured .output .description {
  display:block;
  position:absolute;
  bottom:0px; right:0px;
  width:474px;
  padding:12px 15px;

  background:black;
  color:white;
  font-weight:bold;
  line-height:15px;
  text-transform:uppercase;
}

#featured .output img {
  display:block;
  width:504px;
  height:280px;
  border:0px;
  margin:0px auto;
  padding:0px;
}

.span-12 #featured .output { width:821px; }
.span-12 #featured .output img {}
.span-12 #featured .output .description { width:791px; }