* {
    margin: 0;
    padding:0;
}

body
{    
    text-align: center;
    background-color:#000;
}

#wrapper{
    width:800px;
    margin: 0 auto;
    text-align:left;
}
#footer{
    width:770px;
    height:15px;
    padding:15px;
    float:left;
    background-color:#242422;
    text-align:center;
    font-family: 'Raleway', Helvetica, sans-serif, Arial; 
    font-size: 12px; 
    color: #666; 
    text-decoration: none;
}

.content{
    width:700px;
    float:left;
    background-color:#242422;
    font-family: 'Raleway', Helvetica, sans-serif, Arial; font-size: 16px; color: #fff; text-decoration: none; line-height:28px;
    padding: 50px;
    position:relative;
}
.client-content{
    width:800px;
    float:left;
    font-family: 'Raleway', Helvetica, sans-serif, Arial; font-size: 16px; color: #fff; text-decoration: none; line-height:28px;
    position:relative;
    background: #242422;
    padding-bottom:35px;
}
.client-column{width:180px; margin:0 10px; float:left; background:red;}

.videos{float:right;}
.info {float:left; width:100px; font-family: 'Raleway', Helvetica, sans-serif, Arial; font-size: 13px; color: #ffffff; line-height:normal;}

#logo{
    background: url(../images/soul-kitchen-logo.jpg) 0 0;
    background-repeat: no-repeat;
    width:200px;
    height:200px;
    float: left;
}
#logo:hover{
    background-position: 0 -200px;
    background-repeat: no-repeat;
}
#about{
    background: url(../images/about.jpg) 0 0;
    background-repeat: no-repeat;
    width:200px;
    height:200px;
    float: left;
}
#about:hover{
    background-position: 0 -200px;
    background-repeat: no-repeat;
}
#clients{
    background: url(../images/clients.jpg) 0 0;
    background-repeat: no-repeat;
    width:200px;
    height:200px;
    float: left;
}
#clients:hover{
    background-position: 0 -200px;
    background-repeat: no-repeat;
}
#contact{
    background: url(../images/contact.jpg) 0 0;
    background-repeat: no-repeat;
    width:200px;
    height:200px;
    float: left;
}
#contact:hover{
    background-position: 0 -200px;
    background-repeat: no-repeat;
}
#mcdonalds{    background: url(../images/mcdonalds.jpg) 0 0;}
#jeep{    background: url(../images/jeep.jpg) 0 0;}
#toyota{    background: url(../images/toyota.jpg) 0 0;}
#NBA2K{    background: url(../images/NBA2K.jpg) 0 0;}
#moen{    background: url(../images/moen.jpg) 0 0;}
#adidas{    background: url(../images/adidas.jpg) 0 0;}
#gucci{    background: url(../images/gucci.jpg) 0 0;}
#mio-alpha{    background: url(../images/mio-alpha.jpg) 0 0;}

#toyota, #jeep, #mcdonalds, #NBA2K, #moen, #adidas, #gucci, #mio-alpha {
    background-repeat: no-repeat;
    width:200px;
    height:200px;
    float: left;}

#jeep:hover, #toyota:hover, #mcdonalds:hover, #NBA2K:hover, #moen:hover, #adidas:hover, #gucci:hover, #mio-alpha:hover{
    background-position: 0 -200px;
    background-repeat: no-repeat;
}


.skp{background-color:#e84e0e; padding:4px 8px;}
.close{position:absolute; bottom:15px; right:15px; border:0; width:100px; height:22px;}
.text{font-family: 'Raleway', Helvetica, sans-serif, Arial; font-size: 15px; color: #fff; text-decoration: none;}
.small-text{font-family: 'Raleway', Helvetica, sans-serif, Arial; font-size: 11px; color: #fff; text-decoration: none;}

#submit{background-color:#e84e0e; padding:5px 10px; border:0; font-family: 'Raleway', Helvetica, sans-serif, Arial; font-size: 15px; color: #fff; text-decoration: none;}
#form{margin:0 auto; background-color:#454545; width:300px; padding:30px;}

a:link {font-family: Helvetica, sans-serif, Arial; color: #666; text-decoration: none;}
a:active {font-family: Helvetica, sans-serif, Arial; color: #666; text-decoration: none;}
a:visited {font-family: Helvetica, sans-serif, Arial; color: #666; text-decoration: none;}
a:hover {font-family: Helvetica, sans-serif, Arial; color: #666; text-decoration: underline;}