@font-face {
    font-family: 'futura_lt';
    src: url('font/futuralt-webfont.eot');
    src: url('font/futuralt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futuralt-webfont.woff') format('woff'),
         url('font/futuralt-webfont.ttf') format('truetype'),
         url('font/futuralt-webfont.svg#futura_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_heavy';
    src: url('font/futuralt-heavy-webfont.eot');
    src: url('font/futuralt-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futuralt-heavy-webfont.woff') format('woff'),
         url('font/futuralt-heavy-webfont.ttf') format('truetype'),
         url('font/futuralt-heavy-webfont.svg#futura_ltheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	margin:0;
	padding:0px;
	font-family:'futura_lt';
}

.header-container{
	background-image:url(../imgs/headerbg.png);
	height:104px;
	margin-top:56px;
	text-align:center;
	z-index:12;
	position:absolute;
	width:100%;
	overflow:hidden
	
}

.header{
	width:1265px;
	height:104px;
}



.menu{
	background-image:url(../imgs/menu-sep.png);
	background-repeat:no-repeat;
	background-position:18px;
	height:100px;
	text-align:center;
	color:#6e6e6e;
}

.menu a{
	text-decoration:none;
	color:#6e6e6e;
	font-size:14px;
  -o-transition:color .55s ease-out;
  -ms-transition:color .55s ease-out;
  -moz-transition:color .55s ease-out;
  -webkit-transition:color .55s ease-out;
  /* ...and now override with proper CSS property */
  transition:color .55s ease-out;
	
}

.menu a:hover{
	text-decoration:none;
	color:#c2b59b;
}


.social{
	background-color:#6a6a6a;
	  -o-transition:background-color .55s ease-out;
  -ms-transition:background-color .55s ease-out;
  -moz-transition:background-color .55s ease-out;
  -webkit-transition:background-color .55s ease-out;
  /* ...and now override with proper CSS property */
  transition:background-color .55s ease-out;
  cursor:pointer;
}

.social:hover{
	background-color:#6a6a6a;
}

.slider-layer-container{
	background-image:url(../imgs/slider-layer.png);
	width:1265px;
	height:76px;
	border-radius:4px;
	margin-top:615px;
	position:relative;
}

.slider-iframe{
	border-width:0px; position:absolute; top:0px; z-index:1
}

.slider-sep{
	padding-top:15px;
	
	font-size:25px;
	
}

.slider-space{
	height:635px;
	z-index:-1;
}





.home-project-sep{
	height:5px; width:45%; background-color:#bdb5a5
}

.home-project-title{
	font-family:"futura_heavy";
	padding-top:7px;
	padding-bottom:7px;
	color:#4e4e4e;
}

.home-project-text{
	font-family:"futura_lt";
	color:#4e4e4e;
	font-size:12px;
}


.page-style{
	background-image:url(../imgs/bg.png);
}

.top-space{
	height:230px;
	z-index:-1;
}








.footer-line{
	height:2px;
	background-color:#c3b9a5;
	margin:0 auto;
	width:1265px;
}

.footer-text{
	margin:0 auto;
	width:1265px;
	font-size:12px;
	color:#a8a7a5;
	padding-top:10px;
	padding-bottom:25px;
}

.footer-text a{
	text-decoration:none;
	color:#a8a7a5;
	font-family:"futura_heavy";
}











.innerpage-container{
	margin:0 auto;
	width:1265px;
	position:relative;
	
}


.innerpage-title{
	background-color:#b0b0b0;
	display:inline;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:42px;
	padding-right:42px;
	position:absolute;
	top:-22px;
	left:0px;
	color:#FFF;
	font-size:14px;
	
}

.innerpage-title3{
	background-color:#b0b0b0;
	display:inline;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:42px;
	padding-right:42px;
	position:absolute;
	top:-22px;
	left:630px;
	color:#FFF;
	font-size:14px;
	
}

.about-box-container{
	background-image:url(../imgs/layer.png);
	border-top-style:solid;
	border-top-color:#baae95;
	border-top-width:4px;
	width:560px;
	padding:20px;
	margin-left:8px;
}

.about-box-title{
	color:#b0b0b0;
	font-family:"futura_heavy";
	font-size:14px;
}

.about-box-text{
	color:#666;
	font-size:12px;
}





.innerpage-title2{
	background-color:#b0b0b0;
	display:inline;
	padding-top:11px;
	padding-bottom:11px;
	padding-left:22px;
	padding-right:22px;
	color:#FFF;
	font-size:13px;
	
}




.people-container{
	width:313px;
	float:left;
	margin-right:2px;
}

.people-break{
	width:50%;
	height:6px;
	background-color:#b8b0a0;
	margin-bottom:7px;
}

.people-title{
	color:#4e4e4e;
	font-family:"futura_heavy";
	font-size:14px;
}

.people-text{
	color:#666666;
	font-size:14px;
	
}







.projects-titles-container{
	position:absolute;
	top:-20px;
	left:0px;
	z-index:999;
}


.projects-title{
	background-color:#ececec;
	color:#b8b8b8;
	display:inline;
	padding-top:11px;
	padding-bottom:11px;
	padding-left:26px;
	padding-right:26px;
	font-size:14px;
	float:left;
	margin-right:3px;
	margin-bottom:3px;
	 -o-transition:background-color .55s ease-out,color .55s ease-out;
  -ms-transition:background-color .55s ease-out,color .55s ease-out;
  -moz-transition:background-color .55s ease-out, color .55s ease-out;
  -webkit-transition:background-color .55s ease-out color .55s ease-out;
  /* ...and now override with proper CSS property */
  transition:background-color .55s ease-out ,color .55s ease-out;
}

.projects-title-current{
	background-color:#b0b0b0;
	display:inline;
	padding-top:11px;
	padding-bottom:11px;
	padding-left:26px;
	padding-right:26px;
	color:#FFF;
	font-size:14px;
	float:left;
	margin-right:3px;
	margin-bottom:3px;
}

.projects-title:hover{
	background-color:#c2b59b;
	color:#FFF;
}




.project-container{
	width:315px;
	float:left;
}







.contact-box-container{
	background-image:url(../imgs/layer.png);
	border-top-style:solid;
	border-top-color:#baae95;
	border-top-width:4px;
	width:580px;
	padding:20px;
	float:left;
	margin-left:8px;
}


.contact-container{
	position:relative
}

.contact-textbox{
	width:280px;
	height:32px; 
	background-color:#FFF;
	border-style:solid; 
	border-color:#CCC;  
	border-width:1px;
	padding-left:15px;
	padding-right:15px;
	font-family:"futura_lt";
	font-size:13px;
	color:#b0b0b0;
}

.contact-form{
	line-height:10px;
	text-align:right;
}

.contact-textarea{
	width:280px;
	height:92px; 
	background-color:#FFF;
	border-style:solid; 
	border-color:#CCC;  
	border-width:1px;
	padding-left:15px;
	padding-right:15px;
	font-family:"futura_lt";
	font-size:13px;
	color:#b0b0b0;
	resize:none;
}

.contact-btn{
	width:88px;
	height:37px;
	color:#FFF;
	border-width:0px;
	background-color:#b0b0b0;
}

.contact-btn:hover{
	width:88px;
	height:37px;
	color:#FFF;
	border-width:0px;
	background-color:#c9bfab;
}

.contact-break{
	height:4px;
	background-color:#baae95;
}












.project-box-container{
	background-image:url(../imgs/layer.png);
	border-top-style:solid;
	border-top-color:#baae95;
	border-top-width:4px;
	width:600px;
	padding:20px;
	float:left;
	margin-left:2px;
}

.project-box-title{
	color:#bdb197;
	font-family:"futura_heavy";
	font-size:16px;
	padding-bottom:10px;
}

.project-box-text{
	color:#666;
	font-size:12px;
}

.project-subtitle1{
	border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#d6cebf;
	color:#959595;
	font-family:"futura_heavy";
	padding-right:20px;
	width:60px;
	height:35px;
}

.project-subtitle2{
	border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#d6cebf;
	color:#959595;
	font-family:"futura_lt";
	font-size:14px;
}

.project-back{
	width:122px;
	height:28px;
	font-size:13px;
	background-color:#bdb197;
	color:#FFF;
	text-align:center;
	padding-top:7px;
	  -o-transition:background-color .55s ease-out;
  -ms-transition:background-color .55s ease-out;
  -moz-transition:background-color .55s ease-out;
  -webkit-transition:background-color .55s ease-out;
  /* ...and now override with proper CSS property */
  transition:background-color .55s ease-out;
}

.project-back:hover{
	background-color:#b0b0b0;
}

.project-back a{
	color:#FFF;
	text-decoration:none;	
}


.project-share{
	text-decoration:none;
	color:#FFF;
	background-color:#b0b0b0;
	margin-left:2px;
	width:150px;
	height:30px;
	text-align:center;
	padding-top:7px;
	font-size:14px;
	display:block;
}

.project-share:hover{
	background-color:#bdb197;
		  -o-transition:background-color .55s ease-out;
  -ms-transition:background-color .55s ease-out;
  -moz-transition:background-color .55s ease-out;
  -webkit-transition:background-color .55s ease-out;
  /* ...and now override with proper CSS property */
  transition:background-color .55s ease-out;
}











.awards-box-container1{
	background-image:url(../imgs/layer.png);
	border-top-style:solid;
	border-top-color:#baae95;
	border-top-width:4px;
	width:213px;;
	padding:20px;
	float:left;
	margin-left:2px;
}

.awards-box-container2{
	border-top-style:solid;
	border-top-color:#baae95;
	border-top-width:4px;
	width:620px;;
	padding:20px;
	float:left;
	margin-left:2px;
}

.awards-box-title{
	color:#bdb197;
	font-family:"futura_heavy";
	font-size:16px;
	padding-bottom:10px;
}

.awards-box-text{
	color:#666;
	font-size:12px;
}


.awards-box-link{
	color:#b0b0b0;
	font-family:"futura_lt";
	font-size:15px;
	padding-bottom:9px;
	text-decoration:none;
	display:block
}


.awards-box-link:hover{
	color:#bdb197;
}




.designers-container{
	margin-left:2px;
	color:#FFF
}


.designer-container{
	width:40%;
	margin-right:60px;
	float:left;
}

.designer-name{
	border-top-style:solid;
	border-top-color:#baae95;
	border-top-width:4px;
	display:inline-block;
	padding-top:10px;
	color:#4e4e4e;
	font-family:"futura_heavy";
	padding-bottom:10px;
}

.designer-text{
	color:#4e4e4e;
	font-family:"futura_lt";
	font-size:11px;
}




#menubtn{
	display:none;
}



















.touchslider-nav-item{
	background-image:url(../imgs/slider-bullet.png);
	background-repeat:no-repeat;
	display:block;
	width:13px;
	cursor:pointer;
}

.touchslider-nav-item-current{
	background-image:url(../imgs/slider-bullet-hover.png);
	background-repeat:no-repeat;
	display:block;
	width:13px;
	cursor:pointer;
}

.touchslider{
	position:relative;
}
.touchslider-viewport{
	width:1260px;overflow:hidden;position:relative;height:310px
}
.touchslider-nav-container{
	position:absolute; bottom:10px; width:100%; text-align:center
}

.touchslider-img{
	border-radius:5px;s
}

.touchslider-shadow{
	bottom:-40px; position:absolute; left:0px
}

.touchslider-prev{
	position:absolute; left:-21px; top:48%; display:block; height:43px; width:22px; background-image:url(../imgs/slider-prev.png); cursor:pointer
}

.touchslider-prev:hover{
	position:absolute; left:-21px; top:48%; display:block; height:43px; width:22px; background-image:url(../imgs/slider-prev-hover.png); cursor:pointer
}

.touchslider-next{
	position:absolute; right:-21px; top:48%; display:block; height:43px; width:22px; background-image:url(../imgs/slider-next.png); cursor:pointer
}

.touchslider-next:hover{
	position:absolute; right:-21px; top:48%; display:block; height:43px; width:22px; background-image:url(../imgs/slider-next-hover.png); cursor:pointer
}