html, body {
    background: #000;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 55px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

h2 {
    font-size: 16px;
    font-style: normal;
}

p {
    font-size: 24px;
    line-height: 26px;
    width: 587px;
    font-weight: bold;
}

p.lighter {
    color: #999;
}

p.col {
    float: left;
    margin-right: 40px;
}

p.col-process-sv {
    width: 720px !important;
}

p em {
    text-transform: uppercase;
    font-style: normal;
}

body {
    color: #fff;
    font-family: Helvetica, "Helvetica Neue", Arial,  sans-serif;
    font-size: 12px;
    line-height: 22px;
    /*margin: 40px 0 0 0;*/
    margin: 19px 0 0 0;
    padding: 0;
}

body #container {
    margin-left: 42px;
    margin-right: 42px;
    overflow:visible;
}

div#header {
    /*position: fixed;*/
    background: #000;
}

div#logo {
    margin-bottom: 4px;
    margin-left: -2px;
    background: transparent url('../img/logo.png') no-repeat -3px 0px;
    height: 46px;
}

div#logo a {
    border: ;
    display: block;
    height: 46px;
    margin-left: -1600px;
}

img {
    border:0;
}

img.img-border {
    border: 1px solid #fff;
}

a {
    text-decoration:none;
    outline: 0;
}

a:link,
a:visited {
    color: #999;
}

a:active {
    color: #000;
    /*text-decoration:underline;*/
}

a:hover {
    color: #000;
    /*text-decoration:underline;*/
}

#nav {
    padding: 0 0 0 0;
    margin: 0;
    height: 22px;
}

#nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#nav ul li {
    float:left;
    text-transform:uppercase;
    font-size:1.1em;
}

#nav ul li a {
    display: block;
}

#nav ul li a span {
    margin-left: -1000px;
}

#nav ul li#nav-news a {
    background-image:url('../img/nav/news-grey.png');
    width: 59px;
}

#nav ul li#nav-news.selected a, #nav ul li#nav-news a:hover {
    background-image:url('../img/nav/news-white.png') !important;
}

#nav ul li#nav-products a {
    background-image:url('../img/nav/products-grey.png');
    width: 113px;
}

#nav ul li#nav-products.selected a, #nav ul li#nav-products a:hover {
    background-image:url('../img/nav/products-white.png') !important;
}

#nav ul li#nav-contact a {
    background-image:url('../img/nav/contact-grey.png');
    width: 96px;
}

#nav ul li#nav-contact.selected a, #nav ul li#nav-contact a:hover {
    background-image:url('../img/nav/contact-white.png') !important;
}

#nav ul li#nav-clients a {
    background-image:url('../img/nav/clients-grey.png');
    width: 86px;
}

#nav ul li#nav-clients.selected a, #nav ul li#nav-clients a:hover {
    background-image:url('../img/nav/clients-white.png') !important;
}

#nav ul li#nav-press a {
    background-image:url('../img/nav/press-grey.png');
    width: 68px;
}

#nav ul li#nav-press.selected a, #nav ul li#nav-press a:hover {
    background-image:url('../img/nav/press-white.png') !important;
}

#nav ul li.selected {
    float: left;
    text-transform: uppercase;
}

#nav ul li a:link,
#nav ul li a:visited {
    color: #666;
    text-decoration:none;
}

#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a.selected {
    color: #fff;
}

#content {
    clear: both;
    /*margin-top: 135px;*/
    margin-top: 50px;
    margin-bottom: 42px;
}

#content.scrollable {
    height: 400px;
    /*margin-top: 135px;*/
    /*overflow-x: scroll;
    overflow-y: hidden;
    overflow: -moz-scrollbars-horizontal; */
    /*width: 100%;*/
}

#content.scrollable.higher {
    height: 530px;
}

#content.scrollable .item {
    display: table-cell;
    float: none !important;
}

#content .item {
    float: left;
}

#content .tba-container {
    float: none !important;
    
}

#content .tba {
    border-left: 0;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 168px;
    width: 298px;
    padding-top: 130px;
    float: left;
    margin: 0 auto;
    text-align: center;
}

#content .tba-first {
    border-left: 1px solid #fff !important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff !important;
}

#content .last {
    padding-right: 42px;
}

#content .next-is-letter {
    padding-right: 20px !important;
}

#content .item h2, h2.asinsideitem {
    margin: 30px 0 0 0;
    font-size: 11px;
}

#content .item p, p.asinsideitem {
    font-size: 11px;
    line-height: 18px;
    font-weight: normal;
    width: auto !important;
    margin-top: 0px;
}

p.asinsideitem {
    width: 500px !important;
}

#content .item img {
    max-height: 300px;
    margin-right: 0px;
}

#content .item table {
    margin-top: 0px;
    float: left;
}

#content .letter-s img {
    max-height: 315px !important;
    position: relative;
    top: 7px;
}

#inner-content {
    width: 2500px;
}

/* Home */

body#home #container {
    z-index: 2;
    position: relative;
}

body#home div#logo {
    background: transparent url('../img/logo-white.png') no-repeat 0px 0px;
}

body#home #nav ul li#nav-news a {
    background-image:url('../img/nav/news-white.png');
}

body#home #nav ul li#nav-projects a {
    background-image:url('../img/nav/projects-white.png');
}

body#home #nav ul li#nav-category a {
    background-image:url('../img/nav/category-white.png');
}

body#home #nav ul li#nav-info a {
    background-image:url('../img/nav/info-white.png');
}

body#home #nav ul li#nav-press a {
    background-image:url('../img/nav/press-white.png');
}

body#home #nav ul li#nav-contact a {
    background-image:url('../img/nav/contact-white.png');
}

/* Home */

body#home #header {
    background: none;
}

/* Info */

body#info #content li {
    padding-bottom: 25px;
    text-transform: uppercase;
}

body#info #content li a {
    font-size: 55px;
    font-weight: bold;
}

/* Press */

/*body#press #content .item img {
    max-height: 300px;
    margin-right: 90px;
}*/

/* Contact */

body#contact #content {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

/*.img-holder,
.img-text {
    display:table-row;
}
    
.img-holder {
    float:left;
}

.img-text {
    width:130px;
    float:left;
    padding:0 15px;
    }
    
.layered-on-top {
    z-index:100;
    position:relative;
    left:-289px;
    margin-right:-289px;
}
    
.extrawide {
    width: 470px;
    }
    
.press {
    font-size:1.1em;
    font-weight:bold;
    color:#999;
}

.contact {
    font-size:1.3em;
    font-weight:bold;
    color:#999;
}

.contact p {
    margin:0;
    padding:0;
}

.right-padding {
    padding-right:80px;
}

.wide {
    width: 180px;
}*/

@media only screen and (max-device-width: 480px)  
{
    /*body 
    {
        background: blue;
    }*/
    
     #content.scrollable {
        /*height: 400px;
        margin-top: 80px;
        overflow-x: scroll;
        overflow-y: hidden;
        overflow: -moz-scrollbars-horizontal; */
        /*width: 460px !important;
        background: red !important;*/
    }
}