* 
		{
		margin: 0px;
		padding: 0px;
		}

@font-face
		{
		font-family: 'aaux', sans-serif;
		src: url(aauxlight.ttf);
		}

html, body 
		{
		width: 100%;
		height: 100%;
		font-family: 'aaux', sans-serif;
		font-weight: 300;
		font-size: 13px;
		background-color: #fff;
		color: #4D4D4D;
		}
		
a, a:link, a:visited, a:active, a:hover
		{
		text-decoration: none;
		color: inherit;
		border: none;
		}
		
a img { border: none; }

.left
		{
		float: left;
		}

.right
		{
		float: right;
		}
		
@media (max-width: 1196px) {
  a.go-top {
    visibility: hidden;
  }
}

/* HEADER */

#header
		{
		width: 100%;
		height: 120px;
		}
		
#fix-header
		{
		width: 978px;
		margin: 0 auto;
		padding: 15px 0px;
		}

.logo
		{
		float: left;
		}
		
.lang
		{
		float: right;
		margin-top: 70px;
		margin-left: 70px;
		}
		
.nav
		{
		float: right;
		margin-top: 70px;
		}		

.nav li
		{
		list-style: none;
		float: left;
		}		
		
.nav-button
		{
		padding: 0px 18px;
		}
.nav-button.leftmost
		{
		padding-left: 0px;
		}
.nav-button.rightmost
		{
		padding-right: 0px;
		}	

/* MIDDLE INDEX */

#middle
		{
		width: 100%;
		min-height: 580px;
		}

#fix-middle
		{
		width: 978px;
		margin: 0 auto;
		padding-bottom: 40px;
		padding-top: 20px;
		}

/* FOOTER */		

#footer
		{
		width: 100%;
		height: 40px;
		}

#fix-footer
		{
		width: 978px;
		margin: 0 auto;
		}	

#fix-footer p
		{
		float: left;
		line-height: 40px;
		}

.social
		{
		float: left;
		margin-left: 500px;
		}

.social a
		{
		line-height: 40px;
		}

a.madeby
		{
		float: right;
		line-height: 40px;
		}
		
a.go-top
		{
		position: fixed;
		bottom: 100px;
		right: 50px;
		text-decoration: none;
		color: #fff;
		background-color: #cccccc;
		font-size: 12px;
		padding: 1em;
		display: none;
		}

/* PROJECTS */

.row
		{
		height: 160px;
		margin-bottom: 19px;
		}
		
.row:last-child
		{
		margin-bottom: 0px;
		}

.wrap-project-thumbnail
		{
		float: left;
		}
		
.project1, .project2, .project3, .project5, .project6, .project7, .project9, .project10, .project11, .project13, .project14, .project15, .project17, .project18, .project19
		{
		margin-right: 19px;
		}
		
.thumbnail
		{
		width: 230px;
		position: relative;
		display: block;
		padding: 0;
		}

.thumbnail span
		{
	    position: absolute;
	    top: 0;
	    background-color: rgba(255,255,255,0.9);
	    width: 230px;
	    height: 110px;
	    padding-top: 60px;
	    line-height: 24px;
	    text-align: center;
	    z-index: 10;
	    opacity: 0;
	    -webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
    	}
    	
.thumbnail img 
		{
		z-index: 1;
		}	
		
/* INSIDE PROJECTS */

.wrap-project-content-left
		{
		width: 30%;
		float: left;
		margin-right: 5%;
		padding-top: 20px;
		padding-bottom: 40px;
		}

.wrap-project-content-left p
		{
		font-size: 12px;
		margin-bottom: 15px;
		}

.wrap-project-content-left span
		{
		font-size: 12px;
		display: inline-block;
		}

.wrap-project-content-right
		{
		width: 65%;
		float: right;
		}

/* CLIENTS */

.wrap-client-content

		{
		width: 32%;
		float: left;
		margin-right: 19px;
		}

.wrap-client-content p
		{
		line-height: 17px;
		}

.mostright

		{
		margin-right: 0;
		}

/* ATELIER */

.wrap-atelier-content
		{
		margin-bottom: 15px;
		}

.wrap-atelier-content p
		{
		line-height: 16px;
		}

.atelier-content 
		{
		width: 48%;
		padding: 2% 0%;
		}
		
.atelier-content-2
		{
		width: 48%;
		padding-top: 2%;
		}

.atelier-content-2 p
		{
		line-height: 16px;
		
		}
		
.atelier-content-2 p:first-child
		{
		font-size: 15px;
		margin-bottom: 15px;
		color: #5A5A5A;
		}

.atelier-content.left
		{
		float: left;
		padding-right: 2%;		
		}

.atelier-content.right
		{
		float: right;
		padding-left: 2%;		
		}
		
.atelier-content-2.left
		{
		float: left;		
		}

.atelier-content-2.right
		{
		float: right;		
		}
				
/* CURRICULUM */

.wrap-curriculum-content.left
		{
		padding-bottom: 40px;
		}

.curriculum-content span
		{
		font-size: 15px;
		}

.curriculum-content p
		{
		margin-left: 40px;
		line-height: 16px;
		}
		
.curriculum-content p:last-child
		{
		margin-bottom: 15px;
		}
		
.wrap-curriculum-content.right
		{
		text-align: center;
		width: 9%;
		padding-top: 15px;
		}

.wrap-curriculum-content img
		{
		margin-bottom: 10px;
		}


/* CONTACTS */

.wrap-contacts-content.left
		{
		padding-top: 150px;
		}
		
.wrap-contacts-content.right
		{
		padding-top: 20px;
		}

.wrap-contacts-content p
		{
		margin-bottom: 5px;
		}

.wrap-contacts-content span		
		{
		display: inline-block;
		line-height: 18px;
		margin-bottom: 25px;
		}

.wrap-contacts-content a
		{
		display: block;
		}

/* HOVERS + TRANSITIONS */

.lang a:hover, .social a:hover, .nav-button:hover, .nav-button.not-selected, a.madeby:hover, .wrap-curriculum-content a:hover
		{
		color: #999999;   
		-webkit-transition: color 0.25s 0s ease-out;
		-moz-transition: color 0.25s 0s ease-out;
		-o-transition: color 0.25s 0s ease-out;
		transition: color 0.25s 0s ease-out;
		}

.nav-button.not-selected:hover
		{
		color: inherit;
		}
		
.thumbnail span:hover 
		{
		opacity: 1;
		}
		
a.go-top:hover
		{
		background-color: #999999;
		}