/* FONTS //////////////////////////////////////////////////////////// */

@font-face {
	font-family: 'neuzeitgrot';
	src: url('../fonts/neuzeitgrot.eot');
	src: url('../fonts/neuzeitgrot.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neuzeitgrot.woff') format('woff'),
         url('../fonts/neuzeitgrot.ttf') format('truetype'),
         url('../fonts/neuzeitgrot.svg#neuzeitgrot') format('svg');
	font-weight: normal;
	font-style: normal;
	min-width: 44px;
}

@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proximanova-light.eot');
    src: url('../fonts/proximanova-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light.woff') format('woff'),
         url('../fonts/proximanova-light.ttf') format('truetype'),
         url('../fonts/proximanova-light.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* GENERAL ////////////////////////////////////////////////////////// */


* {
	margin: 0;
	padding: 0;
}

html, body  {
	font-family:'proxima_novalight', Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-rendering: optimizelegibility;
	margin: 0;
	padding: 0;
	color:#656565;
	background:#F9F5F3 url(../img/structure/bg-general.png) repeat;
	height:100%;	
}

a {
	text-decoration:none;
	color:#656565;	
}

a:hover {
	text-decoration:none;
	color:#8F8F8F;	
}

img {
	/* [disabled]border-left-style: none; */
	border-right-style: none;
	/* [disabled]border-bottom-style: none; */
	/* [disabled]border-top-style: none; */
	border-collapse: separate;
	margin-top: 56px;
	margin-right: 56px;
	margin-bottom: 30px;
	margin-left: 56px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-radius: 0px;
	float: none;
	text-align: right;
	right: 10px;
	background-repeat: repeat;
	background-origin: padding-box;
	bottom: 0px;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }

::-moz-selection{
	background-color: rgba(0, 0, 0, .5);
	color:#FFFFFF;
	text-shadow:none;
}
::selection{
	background-color: rgba(0, 0, 0, .5);
	color:#FFFFFF;
	text-shadow:none;
}

.posC {
	margin:0 auto;
	max-width:960px;
	padding:0 10px;
	position:relative;
}

.twoCol {
	width: 45%;
	float:left;
	margin-right:10%;
}

.last {
	margin-right:0 !important;
}

.noBorder {
	border:none !important;
	padding:0 !important;	
}


.noBorder:hover {
	border:none !important;	
}


/* HEADER ////////////////////////////////////////////////////////// */


.home {
	background:#000 url(../img/structure/bg-header.jpg) no-repeat fixed center top;
	-moz-box-shadow: inset -5px -270px 100px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:inset -5px -270px 100px rgba(0, 0, 0, 0.4);
	box-shadow: inset -5px -270px 100px rgba(0, 0, 0, 0.4);
	overflow: hidden;
	height: 100%;
    max-height: 100%;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	position: relative;
}

.shadow {
	background-color:#000;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
	height: 240px;
    margin: -240px 0 0;
    position: absolute;
    top: 100%;
    width: 100%;	
}

.home aside {
	height: 240px;
    margin: -240px 0 0;
    position: absolute;
    top: 100%;
    width: 100%;
	text-align:center;	
}

.home aside h1 {
 	font-family:'neuzeitgrot', Arial, Helvetica, sans-serif;
	font-size:80px;
	color:#D6D4CD;
	text-transform:uppercase;
	font-weight:normal;
	padding-top:50px;	
	letter-spacing:3px;
	line-height:80px;	
}

.home aside h2 {
 	font-family:'Gudea', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:400;
	color:#D6D4CD;
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:30px;
	letter-spacing:2px;	
}

.home aside a {
	display:inline-block;
	
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */	
}
.home aside a:hover {
	
	margin-top:5px;
	-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */		
}

/* NAVIGATION MENU ////////////////////////////////////////////////////////// */



#principal {
	background-color:#FFF;
	border-bottom:1px solid #E6E5E4;
	font-family:'Gudea', Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;
	font-weight:400;	
	text-align:center;
	padding-top:40px;
	height:40px;
	z-index:99999;	
}

#principal h1 {
	color: #3A3A3A;
	font-family:'neuzeitgrot', Arial, Helvetica, sans-serif;
	font-size:25px;
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:20px;	
	
}

#principal a {
	color: #3A3A3A;
	display:inline-block;
	margin:0 20px;
	text-transform:uppercase;
}

#principal a:hover {
	color: #3A3A3A;
	border-bottom:2px solid #3B3B3B;
}

#principal .selected {
	color: #3A3A3A;
	border-bottom:2px solid #3B3B3B;
}

.collapsed {
	position:fixed;
	top:0;
	width:100%;
}

.collapsed-margin {
	padding-top:140px !important;
	
}

.work-menu {
	padding-top:20px !important;
	height:90px !important;
	
}

/* ABOUT  ////////////////////////////////////////////////////////// */
#about {
	margin:0px auto;
	max-width:960px;
	padding:60px 10px 50px 10px;
}

#about aside {
	text-align:center;
	width:50%;
	margin:0 auto;	
}

#about aside h1 {
	
	font-family:'neuzeitgrot', Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#3B3B3B;
	text-transform:uppercase;
	font-weight:normal;	
}

#about aside h2 {
	font-family:'Gudea', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	color:#656565;
	font-weight:normal;
}

#about aside hr {
	border:none;
	border-top:1px solid #E6E5E4;
	border-bottom:1px solid #FFFFFF;
	margin-top:30px;
	margin-bottom:20px;
}

#about h3 {
	font-family: 'Gudea', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #393939;
	margin-top: 30px;
	margin-bottom: 5px;
	text-align: center;
}

#about p {
	margin-bottom:20px;
	line-height:16px;		
}

#about img {
	width: 89%;
	margin-top: 30px;
}

/* FEATURES  ////////////////////////////////////////////////////////// */

#features {
	background:#2B2B2B url(../img/structure/bg-features.png) repeat;
	padding-top:110px;
	padding-bottom:60px;
	color:#D6D3CC;
}

#features .features-col {
	text-align:center;
	margin-bottom:40px;
}

#features h2 {
	font-family:'Gudea', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	margin-top:30px;
	margin-bottom:5px;
	text-transform:uppercase;
}

#features span {
	font-family:'Gudea', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
}

#features p {
	font-size:18px;
	padding-top:30px;
	padding-bottom:30px;	
}

#features  hr {
	border:none;
	border-top:1px solid #222423;
	border-bottom:1px solid #373736;	
}

/* WORK  ////////////////////////////////////////////////////////// */

#work {
	margin:0px auto;
	max-width:960px;
	padding:110px 10px 40px 10px;
}

#work aside {
	text-align:center;
	width:50%;
	margin:0 auto;	
}

#work aside h1 {
	font-family:'neuzeitgrot', Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#3B3B3B;
	text-transform:uppercase;
	font-weight:normal;	
}

#work aside h2 {
	font-family:'Gudea', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	color:#656565;
	font-weight:normal;
}

#work aside hr {
	border:none;
	border-top:1px solid #E6E5E4;
	border-bottom:1px solid #FFFFFF;
	margin-top:30px;
	margin-bottom:20px;	
}

#work .work-col {
	background-color:#E6E5E4;
	padding:3%;
	width:39%;
	margin-top:40px;
	margin-bottom:20px;
}

#work .work-col header {
	padding:20px;
	background-color:#323232;
	margin-bottom:20px;
	font-family:'Gudea', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	color:#D6D3CC;	
}

#work img {
	width:100%;
	margin-bottom:20px;	
}

#work .work-col a {
	margin-top:10px;
	display:block;
	text-transform:uppercase;	
}


#work h3 {
	font-family:'Gudea', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	color:#393939;
	margin-top:30px;
	margin-bottom:5px;	
}

#work p {
	margin-bottom:20px;
	line-height:16px;		
}


.work-item {
	padding:160px 10px 40px 10px !important;
	
}

#work .related {
	padding-top:60px;
	
}


/* FOOTER ////////////////////////////////////////////////////////// */

#contact {
	background:#000 url(../img/structure/bg-footer.jpg) no-repeat fixed center top;
	-moz-box-shadow: inset -5px 0px 100px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:inset -5px 100px 100px rgba(0, 0, 0, 0.4);
	box-shadow: inset -5px 100px 100px rgba(0, 0, 0, 0.4);
	overflow: hidden;
	height: 100%;
	 max-height: 100%;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	position: relative;
	color:#D6D2CC;
}

#work-footer {
    width: 100%;
	padding:40px 0;
	background:#2B2B2B url(../img/structure/bg-features.png) repeat;
	text-align:center;
	color:#D6D2CC;

}

footer aside {
    position: absolute;
    width: 100%;
	padding:40px 0;
	bottom:0;
	background:#2B2B2B url(../img/structure/bg-features.png) repeat;	
}

footer h1 {
	font-family:'neuzeitgrot', Arial, Helvetica, sans-serif;
	font-size:25px;
	text-transform:uppercase;
	font-weight:normal;	
}

footer .contact-form {
	float:right;
	width:60%;	
}

footer .contact-field {
	float:left;
	width:50%;
}

footer .contact-message {
	float:left;
	width:50%;
}

footer .contact-send {
	float:left;
	width:100%;
}

form input[type=text]  {
	font-family:'proxima_novalight', Arial, Helvetica, sans-serif;
	display:block;
	width:93%;
	background-color:#3E3E3D;
	border:none;
	color:#93928E;
	padding:10px 5px;
	font-size:16px;
	-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-bottom:10px;	
	-webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;
}

form input[type=text]:hover, form input[type=text]:focus  {
	background-color:#93928E;
	color:#3E3E3D;
}

form textarea  {
	font-family:'proxima_novalight', Arial, Helvetica, sans-serif;
	background-color:#3E3E3D;
	color:#93928E;
	border:none;
	padding:10px 5px;
	font-size:16px;
	width:95%;
	height:70px;
	-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;
}

form textarea:hover, form textarea:focus  {
	background-color:#93928E;
	color:#3E3E3D;
}

form input[type=submit]  {
	-webkit-appearance: none;
	background-color:#242424;
	border:none;
	color:#93928E;
	padding:8px 35px;
	font-size:16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	float:right;
	margin-top:0px;	
}

form input[type=submit]:hover  {
	background-color:#93928E;	
	color:#3E3E3D;
}

/* CREDITS ////////////////////////////////////////////////////////// */

.credits {
	background-color:#242424;
	text-align:center;
	padding:30px;
	font-weight:400;
	color:#93928E;	
}

.credits a {
	color:#A7A8AC;
}

.credits a:hover {
	color:#FFFFFF;	
}