@font-face { font-family: Gotham-Light; font-weight: normal;font-style: normal; src: url('Gotham-Light.otf'); }
@font-face { font-family: GothamMedium; font-weight: normal;font-style: normal; src: url('GothamMedium.ttf'); }
@font-face { font-family: modernno20; font-weight: normal;font-style: normal; src: url('modernno20.ttf'); }
body {
	line-height: 1; 
    /*background: #C4C81C url(../img/bg.jpg);
    background-color: #383431;
    padding-bottom:20px;
    */
    background-color: #383431;
    font-family: Gotham-Light, Arial, sans-serif;    
	padding: 0;
    margin: 0;
}
a {outline: none;cursor: pointer;text-decoration: none;}
.wrapper {
    padding-top: 50px;
    margin: 0 auto;
	width: 1000px;
    position: relative;    
}
.wrapper-project {
    margin: 25px auto 0;
	width: 1000px;
    position: relative;   
    overflow: hidden; 
}
.wrapper-about {
    margin: 50px auto 0;
	width: 1000px;
    position: relative;   
}
#project-wrapper {}
#project-wrapper .slide {width: 330px;position: relative !important;}
#project-wrapper .slide .slide-title {width: 330px;}

.container-about {
    background-color: #fff;
    height: 480px;
    padding: 100px 15px 20px 25px;
    float: right;
    width: 460px;
    overflow: hidden;
}
.container-about h1 {font-family: 'modernno20', Verdana, serif; font-size: 27px;line-height: normal;color: #444444;margin-bottom: 10px;text-transform: uppercase;overflow: auto;}
.container-about h2 {font-family: 'modernno20', Verdana, serif; font-size: 24px;line-height: normal;color: #444444;margin-bottom: 10px;text-transform: uppercase;overflow: auto;}
.container-about h3 {
    color: #444444;
    font-family: 'modernno20', Verdana,serif;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 10px;
    overflow: auto;
    text-align: left;
}
.container-about p {font-family: 'modernno20', Verdana, serif;line-height: normal;font-size: 16px;color: #444444;}
.container-about .contact-info p {
    font-size: 14px !important;
    line-height: normal;
    margin: 5px 0 !important;
}

.full-about {height: 450px;overflow: auto;padding-right: 10px;margin-top: 20px;}
.box-about {float: left;width: 500px;}
.container-home {
    /*padding: 5px;
    background-color: #222222;*/
}
.box-home {
    margin-top: 25px;
    float: left;
    width: 400px;
}
#nav {
    left: 270px;
    position: fixed;
    z-index: 9999;
    /*position: absolute;
    left: 75px;
    top: -60px;
    background-color: #bbcc1c;
    z-index: 9999;*/
}
#nav ul {/*padding: 84px 0 50px;*/ margin: 0;list-style: none;}
#nav ul li {list-style: none;padding: 0;margin: 0;}
#nav ul li {list-style: none;}
#nav ul li a {font-family: 'modernno20', Arial, serif; color: #fff;text-transform: uppercase;padding: 10px;font-size: 16px;text-align: left !important;display: block;}
#nav ul li a:hover {background-color: #a6b60e;}
#nav button#showTop {background: url(../img/arrows-bottom.png) no-repeat top center;width: 30px;height: 15px;margin: 20px auto 0;display: block;border: none;cursor: pointer;outline: none !important;box-shadow:0 !important;}
#nav button#showTop.active {background: url(../img/arrows-top.png) no-repeat top center !important;}

.wrapper-project .logo {right: 200px;}
.logo-inporject {display: block;position: absolute;left: 0;top:  550px;z-index: 999;}
.logo {display: block;position: absolute;left: 0;top:  400px;z-index: 999;}
.project-galleries {float: left;}
.project-active {width: 176px;border-left:2px solid #fff;border-right:2px solid #fff;float: right;position: relative;}
.active .slide-title {position: relative;width: 400px;}
.slide-title {position: relative;width: 133px;}
.title-project {position: absolute;bottom: 10px;right: 20px;z-index: 99;} 
h2,h3{text-align:center;}
h2 {
    color:White;
    font-weight:bold;
    font-size:4em;
}
p {
    font-family: Gotham-Light, Arial, sans-serif;    
	color:#333;
	font-size:14px;
    margin-bottom: 10px;    
}