body {
    background:#000 top center no-repeat;
    color:#aaa;
    font-family:Tahoma, Verdana, sans-serif;
}
.container {
    background:#000;
    margin:auto;
    width:950px;
}

/*NAVIGATION -----------------------------------------------------------------*/

#nav {
    background:#000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#111), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #111,  #000); /* for firefox 3.6+ */
    border-bottom:1px solid #222;
    position:relative;
}
#nav ul {
    list-style:none;
    margin:0;
    padding:0;
}
#nav ul li {
    background:none;
    border-right:1px solid #000;
    float:left;
    padding:0;
}
#nav ul li a {
    border-top:2px solid #000;
    color:#666;
    display:block;
    padding:20px 0;
    text-align:center;
    text-decoration:none;
    width:114px;
}
#nav ul li a:hover,
#nav ul li a.active {
    background:#222;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#222222'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #000,  #222); /* for firefox 3.6+ */
    color:#DDD;
}
#nav ul li a.active {
    border-top:2px solid #09f;
    color:#fff;
}

/*SOCIALMEDIA ----------------------------------------------------------------*/

#social-media {
    position:absolute;
    right:10px;
    top:20px;
}

/*HEADER ---------------------------------------------------------------------*/

#header {
    background:#000;
    margin:10px 0;
}

/*CONTENT --------------------------------------------------------------------*/

#content {

}
#content h2 {
    border-bottom:1px solid #222;
    color:#fff;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#content h3 {
    font-weight:normal;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#content a.btn {
    background:url(../../gfx/btn_wiecej.png);
    color:#fff;
    display:block;
    border:0;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:2px 0 3px 20px;
    text-align:center;
    text-decoration:none;
    width:80px;
}
#content a.btn:hover{
    background:url(../../gfx/btn_wiecej_up.png);
}
#content ul {

}

/*BREADCRUMBS ----------------------------------------------------------------*/

#breadcrumbs h2 {
    color:#999;
    margin-top:-4px;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
    color:#fff;
    text-decoration:none;
}
#breadcrumbs a:hover {
    text-decoration:underline;
}

/*FOOTER ---------------------------------------------------------------------*/

#footer {
    border-bottom:1px solid #222;
    border-top:0px solid #222;
    margin-top:10px;
}
#footer h2 {

}
#footer a {color:#666;}

/*HOME -----------------------------------------------------------------------*/

.home #content {
    
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#111'); /* for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#111)); /* for webkit browsers */
    /*background: -moz-linear-gradient(top,  #000,  #111); /* for firefox 3.6+ */
    /*border-bottom:1px solid #222;*/
}
.home #content .span-6 {
    margin:10px 10px 0 0;
    position:relative;
}
.home #content .span-6.last {
    margin-right:0;

}
.home #content .mybox {
    border-right:1px solid #222;
    border-top:1px solid #222;
    min-height:478px;
    padding:10px;
    width:216px;
}
.home #content .mybox.first {
    border-left:1px solid #222;
}
.home #content .mybox.last {
    width:217px;
}
.home #content h3 {
    font-size:16px;
    font-weight:normal;
    padding:0 0 14px 0;
}
.home #content h4 {
    color:#FFF;
}
.home p.link {
    background:#222 url(../../gfx/link.png) 0 -1px no-repeat;
    bottom:0;
    padding:10px 10px 10px 50px;
    position:absolute;
    width:156px;
}

/*WEB ------------------------------------------------------------------------*/

.web #content {

}
.web #content ul {
    margin:0 0 10px 10px;
}

/*BRANDING -------------------------------------------------------------------*/

.branding #content {
    border-bottom:1px solid #222;
}
.branding #content .span-8 {
    margin-right:0;
    min-height:420px;
    position:relative;
}
.branding p.link {
    background:#222 url(../../gfx/link.png) 0 -1px no-repeat;
    bottom:0;
    padding:10px 10px 10px 50px;
    position:absolute;
    width:234px;
}
.branding #content .mybox {
    border-right:1px solid #222;
    border-top:1px solid #222;
    padding:0 10px 10px;
    width:295px;
}
.branding #content .mybox.first{border-left:1px solid #222;}
.branding #content .last.mybox {}
.branding #content .mybox h2 {margin-top:10px;}

/*SHOWCASE -------------------------------------------------------------------*/

.showcase #content {
    margin-top:0px;
}
.showcase #content .span-6 img {
    height:154px;
    width:230px;
}
.showcase #content .span-6 .description,
.showcase #content .span-12 .description {
    background:#111;
    padding:10px;
    text-align:center;
}
.showcase .span-9.mybox {
    padding:0 0 10px 10px;
    width:340px;
}
.showcase .preview a {
    display:block;
    height:154px;
    overflow:hidden;
    text-indent:-9999px;
    width:230px;
}
.showcase .preview.alethes {
    background:url(../../img/showcase/alethes/logo.png);
}
.showcase .preview.alethes a:hover {
    background:url(../../img/showcase/alethes/logo.png) 0 -154px;
}
.showcase .preview.drogjar {
    background:url(../../img/showcase/drogjar/logo.png);
}
.showcase .preview.drogjar a:hover {
    background:url(../../img/showcase/drogjar/logo.png) 0 -154px;
}
.showcase .preview.figaro-webdesign {
    background:url(../../img/showcase/figaro-webdesign/logo.png);
}
.showcase .preview.figaro-webdesign a:hover {
    background:url(../../img/showcase/figaro-webdesign/logo.png) 0 -154px;
}
.showcase .preview.kbtech {
    background:url(../../img/showcase/kbtech/logo.png);
}
.showcase .preview.kbtech a:hover {
    background:url(../../img/showcase/kbtech/logo.png) 0 -154px;
}
.showcase .preview.zmmarciniak {
    background:url(../../img/showcase/zm-marciniak/logo.png);
}
.showcase .preview.zmmarciniak a:hover {
    background:url(../../img/showcase/zm-marciniak/logo.png) 0 -154px;
}
.showcase .preview.mgarden {
    background:url(../../img/showcase/m-garden/logo.png);
}
.showcase .preview.mgarden a:hover {
    background:url(../../img/showcase/m-garden/logo.png) 0 -154px;
}
.showcase .preview.houseofadvice {
    background:url(../../img/showcase/house-of-advice/logo.png);
}
.showcase .preview.houseofadvice a:hover {
    background:url(../../img/showcase/house-of-advice/logo.png) 0 -154px;
}
.showcase .preview.roaddesign {
    background:url(../../img/showcase/roaddesign/logo.png); 
}
.showcase .preview.roaddesign a:hover {
    background:url(../../img/showcase/roaddesign/logo.png) 0 -154px;
}

.cv h4 {color:#FFF;}

p#img1,
p#img2,
p#img3,
p#img4,
p#img5 {
    padding:0;
    margin:0;
}
p#img2,
p#img3,
p#img4,
p#img5 {
    display:none;
}
ul.buttons {
    list-style:none;
    margin:0;
    padding:0;
}
ul.buttons li {
    background:none;
    float:left;
    margin:0 4px 0 0;
    padding:0;
}
ul.buttons li a {
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #222;
    display:block;
    padding:2px 8px;
    text-decoration:none;
}
ul.buttons li a:hover {
    color:#fff;
}
ul.buttons li a.current {
    background:#fff;
    color:#000;
}

/*CLIENTS --------------------------------------------------------------------*/
.clients .description {
    text-align:center;
    padding:10px 0;
}

/*CONTACT --------------------------------------------------------------------*/
.contact #content {
    background:#000;
}
.contact #content h2 {
    background:#000;
}
.contact #content .span-8 {padding:0 0 10px 10px;}
.contact #content .span-16 {padding:0 0 10px 0px; width:610px;}

/*PROJECTS -------------------------------------------------------------------*/


/*NEWSLETTER -----------------------------------------------------------------*/
.newsletter-form {
    display:none;
    position:relative;
    right:-150px;
    top:6px;
}
form input[type=text],
form input[type=password] {
    background:#000;
    border:1px solid #222;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:8px;
    width:200px;
}
input[type=text]:hover,
input[type=password]:hover
 {
    background:#111;
}
input[type=text]:focus,
input[type=password]:focus {
    background:#111;
    border:1px solid #333;
}

.mybox {padding:0 10px 10px;}

input[type=submit] {
    border:1px solid #222;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    color:#fff;
    padding:7px;
    width:102px;
}
input[type=submit]:hover {
    background:#fff;
    color:#000;
}

/*TOOLTIP*/
#tooltip h3,
#tooltip .body,
#tooltip .url {
    border:0;
    padding:4px;
}