/*common*/
@font-face {
    font-family: 'yanone_kaffeesatzregular';
    src: url('font/yanone_kaffeesatz_light-webfont.eot');
    src: url('font/yanone_kaffeesatz_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/yanone_kaffeesatz_light-webfont.woff') format('woff'),
         url('font/yanone_kaffeesatz_light-webfont.ttf') format('truetype'),
         url('font/yanone_kaffeesatz_light-webfont.svg#yanone_kaffeesatzregular') format('svg');
 
}
body {
	margin: 0px;
	font-family:"yanone_kaffeesatzregular";
	font-size:14px; 
	line-height: 1.5;
	color:#ababab; 
	padding:0; 
}

*{
	margin:0px;
	padding:0px;
}
ul,li{
	list-style-image:none;
	list-style-type:none;
}

img{
	border:0px;
}
img a{
	border:0px;
}

a{text-decoration:none;*blr:expression(this.onFocus=this.blur());} 
.divclear { clear:both;visibility:hidden;line-height:0px; height:0px;font-size:0;}

/*selectable*/
.top{
	width:100%;
	height:50px;
	background:#333;
	position: fixed;
	z-index:99;
	}
* html .top{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));width:100%;height:50px;background:#333;}
	
	.top_left{
		width:50px;
		height:50px;
		background:#0CC;
		float:left;
		}
		
	.top_center{
		width:50px;
		height:50px;
		background:#0CC;
		margin:0 auto;
		}
	
	.top_right{
		width:50px;
		height:50px;
		background:#0CC;
		float:right;
		}
	
.middle{
	background:#666;
	height:500px;
	width:100%;
margin:50px 0 50px 0;	
 
 position: absolute;   
top:50%;   
margin-top:-250px;   
	}
	.middle_left{
		width:50px;
		height:50px;
		background:#0CC;
		float:left;
		}
		
	.middle_center{
		width:50px;
		height:50px;
		background:#0CC;
		margin:0 auto;
		}
	
	.middle_right{
		width:50px;
		height:50px;
		background:#0CC;
		float:right;
		}
	
.down{
	position: fixed;
	bottom: 0px;
	width:100%;
	height:50px;
	background:#333;
	
	}
*:focus{outline:none;}	
* html .down{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
width:100%;height:50px;background:#333;}
	.down_left{
		width:50px;
		height:50px;
		background:#0CC;
		float:left;
		}
		
	.down_center{
		width:50px;
		height:50px;
		background:#0CC;
		margin:0 auto;
		}
	
	.down_right{
		width:50px;
		height:50px;
		background:#0CC;
		float:right;
		}
	
	
	
	/*background-full*/
	
	*{
	padding:0px;
	margin: 0px;
	}
	#bg-img {
		z-index: -1; position: fixed;ZOOM: 1;width: 100%; height: 100%; overflow: hidden;
	}
	* html #bg-img {
		position: absolute;
	}
	#bg-img img {
		z-index: -2; position: fixed; width: 100%; height: auto; 
	}
	* html #bg-img img {
		position: absolute; width: 100%; height: auto;
	}
	
	


	/*common*/
	body{ min-width:1003px;width:expression(document.body.clientWidth <= 1003? "1003px": "");behavior:url(iehover.htc); background:#000; }
	.bg{background:#FFF; -moz-opacity:0.01; filter:alpha(opacity=0.1);-khtml-opacity: 0.01;opacity: 0.01;}
	#header{ width:100%; height:132px;} 
	#logo{ padding:70px 0 0 92px; position:relative; z-index:9}
    #middle{ width:100%;position:relative;z-index:99;}	

	#footer{ height:67px; margin-top:-67px; font-size:10px; color:#505050; padding-left:140px; position:relative;z-index:10;font-family:Arial;}
	#footer a{ color:#505050;}
	
	#back-home{ text-align:right; padding-right:45px;margin-top:-15px;}
    #back-home img{ cursor:pointer;}
	
	#fast-menu{position:absolute; right:45px;top:0;letter-spacing:2px; text-align:right;visibility:hidden;}
	#fast-menu ul li a{color:#a0a0a0;display:block;_width:100px;}
	#fast-menu ul li span{ margin-right:10px; visibility:hidden;}
	
	/*index*/
	#index-container{ position:absolute; width:170px; height:101px; top:50%; margin-top:-50px; left:50%; margin-left:-85px;}
	
	/*main*/
	#main-content{ position:relative;}
	#main-toolbar{height:182px;position:absolute; bottom:0; width:100%; }	
	#toolbar-header{ position:relative;padding-left:140px; padding-bottom:20px; height:77px;}

	#toolbar-line{height:2px;background:#FFF; filter:alpha(opacity=30);opacity: 0.3;-khtml-opacity: 0.3;-moz-opacity:0.3; width:100%;_overflow:hidden;}
	#toolbar-bg{ height:83px; top:-50px; position:relative;}
	#toolbar-menu{ text-align:center;position:relative;margin-left:200px; color:#FFF; z-index:9; height:50px;}
	#toolbar-menu a{display:none; color:#FFF;}
	.toolbar-style{float:left; margin-left:160px;width:70px;position:relative; }
	
	#about{margin-top:-74px;}
	#projects{ margin-top:-116px;width:160px;}
	#contatc{ margin-top:-32px;}
	
	#toolbar-menu .menu-list{position:relative;visibility:hidden; cursor:pointer;}
	#toolbar-menu .menu-list span{letter-spacing:2px;}
	#toolbar-menu .point{position:relative;cursor:pointer; height:50px; line-height:30px; }
	#toolbar-menu .point img{ margin-top:5px;}
	#toolbar-menu .point a{font-size:24px;line-height:45px;height:50px;}

	#mask{ position:absolute; z-index:0;display:none; background:#000;}
	.toolbar-bgColor{background:#000;filter:alpha(opacity=30);opacity:0.3;-khtml-opacity:0.3;-moz-opacity:0.3;}
	
	#botton-scroll {height:260px;}
	#botton-scroll img{width:183px;height:228px;}
	/*about*/
	#about-content{width:310px;color:#646464; font-size:12px;position:relative; height:185px; overflow:hidden;font-family:Arial;}
	#about-left{  padding-left:140px; font-size:24px; color:#a0a0a0; }
	#about-left span{ font-size:36px; color:#c8c8c8;}
	#about-left p{ font-size:12px; color:#a0a0a0;}

	/*#prev{ width:10px; height:22px; display:inline-block; background:url(../images/arrows.png) no-repeat; margin-right:20px; margin-top:10px;}
	#prev:hover{background:url(../images/arrows-.png) no-repeat;}
	#next{ width:10px; height:22px; display:inline-block; background:url(../images/arrows.png) no-repeat -30px 0px;margin-top:10px;}
	#next:hover{background:url(../images/arrows-.png) no-repeat -30px 0px;}*/
	
	#page{ font-size:10px;font-family:Arial; margin-top:10px;}
	#page a{ color:#a0a0a0;}
	#page a:hover{ color:#c8c8c8;}
	/*press-news*/
	#news-left{width:450px;padding-left:140px;}
	#news-title{ color:#a0a0a0; font-size:24px;}
    #news-title span{ font-size:36px; color:#c8c8c8;}
	#news-title p{ font-size:12px;}
	#news-advert{ width:163px; float:left}
	#news-description{width:150px; float:left; color:#787878; font-size:10px; padding-left:12px;font-family:Arial;}
	
	/*studio*/
	#figure{padding-left:140px; position:relative;  font-size:24px; color:#a0a0a0;}
	#figure p{ font-size:12px; color:#828282;}
	#figure span{ font-size:36px; color:#c8c8c8;}
	#figure ul li{ float:left; margin-right:5px; width:183px; font-size:12px;}
	#figure ul li a{ display:block; }
	#figure ul li span{ font-size:10px; color:#787878;font-family:Arial;}
	
	/*residences*/
	#residences{ width:1003px;overflow:auto; text-align:left; padding-left:140px; position:relative;color:#a0a0a0; font-size:24px}
	#residences span{ font-size:36px; color:#c8c8c8;}
	#residences p{ font-size:12px; color:#a0a0a0;}
	#residences ul li{ float:left; margin-right:8px;margin-top:20px;font-family:Arial; width:201px;}
	#residences ul li p{ line-height:12px; font-size:10px; margin-top:5px; color:#787878;}
	#residences ul li p span{ font-size:10px;color:#e6e6e6; }
	#residences ul li a{ display:block; }
	#residences ul li b{display:inline; float:right;}
	
	/*contatc*/
	#contatc-description{ width:455px; margin:0 auto; }
	#contatc-left{ text-align:right; font-size:36px; color:#c9c9c9;float:left; line-height:36px;}
	#contatc-left span{ font-size:12px}

	#contatc-right{float:right;color:#c8c8c8; font-size:14px;position:relative;height:360px; width:250px;font-family:Arial;}
	#contatc-right p{ font-size:12px;color:#787878;}	
	#contatc-right span{color:#c8c8c8;}
	
	#share{ padding-left:205px; padding-top:35px;}
	#sroll-btn div{ border:1px solid red;	position:relative;background:#ccc; -moz-opacity:0.01; filter:alpha(opacity=0.01);-khtml-opacity: 0.01;opacity: 0.01; cursor:pointer; z-index:10;}
	#sroll-z div{ border:1px solid red;	position:relative;background:#ccc; -moz-opacity:0.01; filter:alpha(opacity=0.01);-khtml-opacity: 0.01;opacity: 0.01; cursor:pointer; z-index:10;}