#brief {
    float: left;

    background-color: #000;
    z-index: 100;

    margin-top: 300px;

    width: 300px;
    height: 300px;

    color: #fff;
}

#brief #crumb {
    padding: 13px 26px 0 26px;
    color: #999;
    /*font-size: 1em;*/
    font-size: 0.8em;
    text-transform: uppercase;
}

#brief #crumb strong {
    color: #fff;
}

#brief h1 {
    /*font-size: 3.1em;*/
    font-size: 2em;
    font-family: RobotoBold;
    /*padding: 12px 0 8px 26px;*/
    padding: 20px 0 15px 26px;

    text-transform: uppercase;
}

#brief .desc {
    max-height: 200px;
    overflow-y: scroll;
    margin: 0 10px;
}

#brief .desc::-webkit-scrollbar {
      width: 1px;
}
#brief .desc::-webkit-scrollbar-track {
      background-color: #4c4c4c;
} 
#brief .desc::-webkit-scrollbar-thumb {
      background-color: #F9F458;
}
/* http://css-tricks.com/custom-scrollbars-in-webkit/ */

#brief p {
    padding: 0 16px;
    font-size: 1.3em;
    /*line-height: 17px;*/
    line-height: 20px;
    text-transform: none;
}

#brief .spec {
    font-size: 1.3em;
    line-height: 16px;
    padding: 0 26px;
    color: #999;
}

#brief .spec strong {
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

#brief .spec img {
    /*padding: 2px 0;*/
    padding: 10px 3px;
}

#brief .download {
    text-align: right;
    padding-top: 8px;
}

#brief .download a {
    color: #999;
    background: transparent url(download.png) no-repeat top right;
    text-transform: uppercase;
    font-size: 1.2em;
    padding-right: 22px;
    opacity: 0.7;
}

#brief .download a:hover {
    color: #fff;
    opacity: 1;
}