@charset "utf-8";

/* Body
///////////////////////////////////////////////////////////////////////////////*/

body {
	background:#111;
	font:12px Arial, Helvetica, sans-serif;
	color:#e5e5e5;
    /*for IE align center...*/
	position:relative;
    text-align:center;
}

p {
    line-height:1.8em;
}

div.clear { clear:both; }

a.button {
    padding:7px 15px 7px 10px;
    background:#111 url("../img/background-a.png") no-repeat;
    background-position:right;
    color:#fff;
    text-decoration:none;
    font-size:11px;
    border-right:10px solid #111;
}
a.button:hover {
    background:#108fa4 url("../img/background-a.png") no-repeat;
    background-position:right;
    border-right:10px solid #108fa4;
}


h1 {
    color:#fff;
    font-size:2em;
    font-weight:bold;
    margin:10px 10px 10px 0;
    text-align:left;
}

.full-width {
    width:100%;
    text-align:center;
}

.full-width .content {
    width:960px;
    text-align:left;
    margin:0 auto;
    position:relative;
    height:100%;
}

.px-border {
    height:1px;
    margin:1px 0;
    width:100%;
    background:#202020;
}




/*////////////////////////////////////////////////////////////////////////////*/

/*//HEADER// */

/*////////////////////////////////////////////////////////////////////////////*/


.full-width.header {
    background:#108fa4;
    border-top:1px solid #35becc;
    border-bottom:1px solid #35becc;
    margin-top:150px;
    position:relative;
    height:100px;
}
.header img { float:left; margin:20px 15px 0 0; }
.header span {
    font-style:italic;
    line-height:6.5em;
    font-size:11px;
}
.header ul.navigation { float:right; }
.header ul.navigation li { float:left; margin-top:28px; }
.header ul.navigation li a {
    color:#fff;
    text-decoration:none;
    padding:7px 10px;
    margin-left:5px;
}
.header ul.navigation li a.active {
    background:#08242a;
}


/*////////////////////////////////////////////////////////////////////////////*/

/*//PROJECTS// */

/*////////////////////////////////////////////////////////////////////////////*/

#projects {
    width:960px;
    margin:40px auto;
    background:#222;
    border:1px solid #383838;
    padding:10px;

}
#projects img.top {
    float:left;
    margin-right:20px;
    border:1px solid #383838;
}
#projects p.meta {
    font-size:11px;
    color:#818181;
    text-align:center;
    line-height:0.5em;
    padding-top:7px;
}
#projects p.descr {
    margin-top:15px;
    text-align:left;
}


/*////////////////////////////////////////////////////////////////////////////*/

/*//Content// */

/*////////////////////////////////////////////////////////////////////////////*/

.full-width.dark {
    background:#202020;
    padding:40px 0;
}



/*////////////////////////////////////////////////////////////////////////////*/

/*//FOOTER// */

/*////////////////////////////////////////////////////////////////////////////*/

.full-width.footer {
    color:#7e7e7e;
    padding:10px 0;
}