body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
#usb {
    position: absolute;
    top: 0px;
    left: 0px;
    white-space: nowrap;
    /* 
    How to use the same font as the statusbar
    ref:https://developer.mozilla.org/en/CSS/font 
    */
    font: status-bar;
}
#usb.position-right {
    left: auto;
    right: 0px;
}
#usb-content {
    padding-right: 4px;
    display: inline-block;
}




/*
== USBTheme ==
name: Classic
author: Karl Dearden
url: http://ultimatestatusbar.com/
== /USBTheme ==
*/
#usb {
    color: #6F6F6F;
    background-color: #DFDFDF;
    background: #DFDFDF -webkit-gradient(linear, left top, left bottom, color-stop(0, #F4F5FA), color-stop(1, #E4E5F0));
    border-top: 1px solid #ADAEBE;
    border-right: 1px solid #ADAEBE;
    -webkit-border-top-right-radius: 5px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-shadow: 1px 1px 1px #fff;
    padding-right: 4px;
}
#usb.position-floated {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom: 1px solid #ADAEBE;
}
.usb-icon {
    margin-top: -2px;
}
.usb-highlight {
    color: #000;
}
.usb-secure-protocol {
    color: #080;
}


* {
    margin: 0;
    padding: 0;
}

html, body {
    color: #afafaf;
    background-color: #0b0f11;
}

body {
    font: 75%/1.5em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    text-shadow: #000 0px 0px 0px;
}

#home #main {
    margin-top: 55px;
}

#home #main p {
    width: 575px;
    height: 692px;
    background: url(../images/home_bg.gif) no-repeat 0 0;
    text-indent: -9999px;
}

ul {
    list-style-type: none;
    margin-bottom: 2em;
}

h1, h2 {
    font: bold 1.5em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    color: #fff;
    margin-bottom: 5px;
    display: block;
}

h3 {
    font-size: 1.5em;
    margin-bottom: 5px;
    font-weight: normal;
    font-style: normal;
    display: block;
}

p {
    margin-bottom: 1.5em;
    clear: both;
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    vertical-align: bottom;
    border-style: none;
}

#contact{
    height: 903px;
    overflow: auto;
}

#clients{
    height: 903px;
    overflow: auto;
}

#homePage{
    height: 903px;
    overflow: auto;
}

#people{
    height: 903px;
    overflow: auto;
}

#services{
    height: 903px;
    overflow: auto;
}
/* • container */

#container {
    width: 850px;
    overflow: hidden;
    padding-top: -30px;
    padding-left: 50px;
    padding-right: 10px;
}

#identities #container {
    width: 974px;
}

#shop #container {
    width: 974px;
}

/* SIDEBAR */

#sidebar {
    width: 250px;
    float: left;
    padding-bottom: 55px;
}

#sidebar a#logo {
    width: 344px;
    height: 168px;
    display: block;
    text-indent: -9999px;
    background: url(../images/logo.png) no-repeat 0 0;
    margin-top: -25px;
    margin-left: -57px;
    margin-bottom: 83px;
}

#sidebar ul#navigation {
    font: bold 1.5em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

#sidebar ul#navigation li {
    
}

#sidebar ul#navigation li a {
    color: #7d7d7d;
    text-decoration: none;
}

#sidebar ul#navigation li a.current {
    color: #fff;
}

#sidebar ul#navigation li a:hover {
    color: #fff;
}

/* #MAIN */

#main {
    width: 575px;
    float: right;
    padding-bottom: 155px;
    margin-top: 185px;
    overflow: hidden;
    display: inline;
}

#renato strong,
#renato em,
#arjen strong,
#arjen em,
#paul strong,
#paul em {
    display: block;
}

#renato h2,
#renato h3,
#arjen h2,
#arjen h3,
#paul h2,
#paul h3 {
    margin-bottom: 1em;
}

#identities #main {
    width: 700px;
}

#identities #main img {
    height: 306px;
}

#identities #main p.err {
    color: #fff;
}

#identities #main p.err em {
    color: #afafaf;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

#identities #main p.err a {
    color: #afafaf;
    text-decoration: none;
}

#identities #main p.err a.active {
    cursor: default;
    color: #fff;
    text-decoration: underline;
}

#identities #main p.err a:hover {
    text-decoration: underline;
    color: #fff;
}

#shop #main {
    width: 700px;
}

#profile #main ul#team {
    color: #fff;
}

#main .row {
    overflow: hidden;
    width: 700px;
    margin-bottom: -80px;
}

#main .row .left {
    float: left;
    width: 180px;
}

#main .row .right {
    float: right;
    width: 500px;
    height: 306px;
    position: relative;
}

#main .row .right img {
    position: absolute;
}

/* FOOTER */

#footer {
    margin-bottom: 10px;
    color: #858788;
/*    background: url(../images/logo_small.png) no-repeat 197px 17px;*/
    border-top: 1px solid #242729;
    font: 0.8em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    clear: both;
    padding-top: 10px;
    padding-bottom: 50px;
    width: 635px;
    padding-left: 215px;
}

#identities #footer {
    width: 760px;
}

#footer p {
    margin-left: 60px;
}

/* --- */

form .left {
    width: 260px;
    float: left;
}

form .right {
    width: 260px;
    height: auto;
    float: right;
}

form {
    overflow: hidden;
}

form p {
    height: auto;
}

form input {
    width: 250px;
    background-color: #242729;
    height: 19px;
    border-style: none;
    color: #7d7d7d;
    padding-left: 5px;
    padding-right: 5px;
}

form input:focus {
    background-color: #383d41;
    color: #fff;
}

form textarea {
    width: 250px;
    border-style: none;
    background-color: #242729;
    height: 120px;
    color: #7d7d7d;
    overflow: auto;
    padding: 5px;
    font: inherit 1px/inherit "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

form textarea:focus {
    background-color: #383d41;
    color: #fff;
}

form input.button {
    width: 50px;
    background: url(../images/send.gif) no-repeat;
    text-indent: -9999px;
    height: 25px;
}

.error {
    background-color: #722e2e;
}