/* THIS FILE IS AUTOMATICALLY GENERATED. CHANGES SHOULD BE MADE IN THE SASS FILES. */
#features {
  border-top: 5px solid #283232;
  height: 396px;
  margin-bottom: 2em;
  position: relative;
  width: 705px; }
  #features .feature {
    position: absolute; }
    #features .feature a, #features .feature img {
      display: block; }
    #features .feature .overlay {
      background: url(../images/directory/premium/overlay.png) repeat;
      bottom: 5em;
      left: 0;
      padding: 1em;
      position: absolute;
      width: 66em; }
      #features .feature .overlay h2 {
        border-bottom: 1px dotted #fff;
        color: #fff;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 23px;
        font-style: normal;
        font-weight: bold;
        margin: 0; }
      #features .feature .overlay small {
        color: #fff;
        font-family: Georgia, serif;
        font-size: 35px;
        font-weight: normal; }
      #features .feature .overlay a {
        color: white;
        text-decoration: none; }
  #features ul {
    bottom: 0;
    list-style: none;
    margin: 0;
    position: absolute;
    right: 0.2em;
    z-index: 1; }
    #features ul li {
      float: left;
      margin-right: 0.2em; }
    #features ul a {
      background: #283232;
      color: #fff;
      display: block;
      font-size: 12px;
      font-style: italic;
      padding: 0.3em 0.5em;
      text-decoration: none; }
      #features ul a.active {
        color: #fff!important; }
        #features ul a.active.style {
          background: #ff17a3; }
        #features ul a.active.talent {
          background: #00e587; }
        #features ul a.active.campaigns {
          background: #ffbf00; }
        #features ul a.active.directory {
          background: #c409d0; }
        #features ul a.active.network {
          background: #00b1ff; }
        #features ul a.active.hype {
          background: #ff3a27; }