*{
	margin:0;
	padding:0;
}


body{
	font:10pt Garamond, Georgia, "Times New Roman", Times, serif;
	background:#000 url(bg.png) fixed top left repeat-x;
	width:auto;
	height:auto;
}
	
	
body.badbrowser{
	background:#000;
}
	


a, a:link, a:visited{color:#3bbbb6; text-decoration:none;}
a:hover{text-decoration:underline;}
	
div#container{
	float:left; clear:both;
	width:1000px;
	position:relative;
}

div#badbrowser{
	background:url(ie-landing.png) no-repeat;
	width:1000px;
	height:500px;
	margin:0 auto;
}
	
	div#badbrowser p,
	div#badbrowser p.pdf{
		float:left;
		font:1em "Times New Roman", Times, serif;
		margin:0 auto;
		}
		
		div#badbrowser p a{ 
		text-decoration:none; 
		text-decoration:none; 
		position:relative;
		display:block; 
		color:#333; 
		font-style:italic; 
		padding-left:34px;
		margin-left:390px;
		margin-top:300px;
		background:url(email-envelope.png) left no-repeat;
	}
		div#badbrowser p.pdf a{ 
		text-decoration:none; 
		text-decoration:none; 
		position:relative;
		display:block; 
		color:#333; 
		font-style:italic; 
		padding-left:34px;
		margin-left:570px;
		margin-top:-15px;
		background:url(download-icon.png) left no-repeat;
	}
		/*
		div#badbrowser p.pdf a{ 
		text-decoration:none; 
		text-decoration:none; 
		position:relative;
		float:left;
		display:block; 
		color:#333;
		margin-top:-10px;
		margin-left:20px;
		font-style:italic; 
		padding-left:34px; 
		background:url(download-icon.png) left no-repeat;
	}
*/

div#header{
	height:94px;
	padding-top:30px;
	padding-left:220px;
	width:100%;
	background:#000 url(bg.png) fixed top left repeat-x;
	position:fixed;
	z-index:2;
	
}
	

	
	div#header h2 a{
		background:url(logo.png); 
		display:block; width:300px; 
		height:300px; text-indent:-999px;
		position:fixed; left:650px; 
		overflow:hidden; outline:none; 
		top:-40px;
	}
	
	div#header h3{ 
		display:block; 
		overflow:hidden;
		position:fixed;
		outline:none; text-indent:-999px; 
		background:url(header-info.png); 
		width:390px; height:50px;
	}
	
	div#header h3.chinese{ 
		display:block; 
		overflow:hidden;
		position:fixed;
		outline:none; text-indent:-999px; 
		background:url(chinese/header-info-chinese.png); 
		width:390px; height:50px;
	}
	
	div#header p{ 
		margin-top:10px; 
		float:left;
		font:1em "Times New Roman", Times, serif;

	}
	
	div#header p a{ 
		text-decoration:none; 
		text-decoration:none; 
		position:fixed;
		display:block; 
		color:#333; 
		font-style:italic; 
		padding-left:34px; 
		margin-top:50px;
		background:url(email-envelope.png) left no-repeat;
	}
	
		div#header p.pdf a{ 
		text-decoration:none; 
		text-decoration:none; 
		position:fixed;
		display:block; 
		color:#333; 
		font-style:italic;
		margin-left:180px; 
		padding-left:34px; 
		margin-top:50px;
		background:url(download-icon.png) left no-repeat;
	}
	
	div#header div.toggle{ 
		position:fixed; 
		left:900px; top:0; 
		/*margin-right:20px;*/
	}
	
	div#header div.toggle ul.language,
	div#header div.toggle ul.languagechinese{ 
		margin-bottom:40px; 
		overflow:hidden;
	}
	
	div#header div.toggle ul.language li,
	div#header div.toggle ul.languagechinese li{ 
		float:left; clear:none; 
		list-style-type:none; 
		margin-left:0; margin-right:5px;
	}
	
		div#header div.toggle ul.language li a,
		div#header div.toggle ul.languagechinese li a{ 
			display:block; width:40px; 
			height:19px; 
			background:url(languages.png); 
			text-align:center; 
			text-decoration:none; 
			text-indent:-999px;
		}
		
		div#header div.toggle ul.language li a:hover,
		div#header div.toggle ul.language li.on a{ background-position:0 -99px;}
		
		div#header div.toggle ul.language li.other a{ background-position:40px 0;}
		div#header div.toggle ul.language li.other.on a,
		div#header div.toggle ul.language li.other a:hover{background-position:-40px -20px;}	
		
		div#header div.toggle ul.languagechinese li a:hover,
		div#header div.toggle ul.languagechinese li.on a{ background-position:-40px -20px;}
		
		div#header div.toggle ul.languagechinese li.other a{ background-position:0 0;}
		div#header div.toggle ul.languagechinese li.other.on a,
		div#header div.toggle ul.languagechinese li.other a:hover{background-position:-80px -140px;}	
		
		div#header div.toggle ul.section li,
		div#header div.toggle ul.sectionchinese li{ 
			list-style-type:none; 
			margin-left:0;
		}
			div#header div.toggle ul.section li a{
			overflow:hidden; outline:none;
			text-indent:-999px; display:block; 
			height:20px; width:70px; 
			background:url(menu.png);
			}
			
			div#header div.toggle ul.sectionchinese li a{
			overflow:hidden; outline:none;
			text-indent:-999px; display:block; 
			height:20px; width:70px; 
			background:url(chinese/menu-chinese.png);
			}
			
			div#header div.toggle ul.section li a:hover,
			div#header div.toggle ul.section li.on a{ background-position:-1px -20px;}
			div#header div.toggle ul.section li.blog a{ background-position:0 -40px;}
			div#header div.toggle ul.section li.blog a:hover,
			div#header div.toggle ul.section li.blog.on a{ background-position:0 -59px;}
			
			div#header div.toggle ul.sectionchinese li a:hover,
			div#header div.toggle ul.sectionchinese li.on a{ background-position:0 -20px;}
			div#header div.toggle ul.sectionchinese li.blog a{ background-position:0 -40px;}
			div#header div.toggle ul.sectionchinese li.blog a:hover,
			div#header div.toggle ul.sectionchinese li.blog.on a{ background-position:0 -60px;}
			
		div#sidemenu {
			width:170px; height:100%; overflow:hidden;
			position:fixed; left:10px; top:0px;
			z-index:3;
			background:transparent url(sidemenu-empty.jpg) repeat-y top left;
		}
		div#sidemenu ul li{ display:block; float:none;}
		div#sidemenu ul li a{ 
			display:block; 
			width:170px; 
			height:100px; 
			background:url(sidemenu.png);
			text-indent:-999px;
			outline:none;
			overflow:hidden;
		}
		div#sidemenu ul li a.one:hover{background-position:170px 0;}
		
		div#sidemenu ul li a.two{background-position:0 -100px;}
		div#sidemenu ul li a.two:hover{background-position:170px -100px;}
		
		div#sidemenu ul li a.three{background-position:0 -200px;}
		div#sidemenu ul li a.three:hover{background-position:170px -200px;}
		
		div#sidemenu ul li a.four{background-position:0 -300px;}
		div#sidemenu ul li a.four:hover{background-position:170px -300px;}
		
		div#sidemenu ul li a.five{background-position:0 -400px;}
		div#sidemenu ul li a.five:hover{background-position:170px -400px;}
		
		div#sidemenu ul li a.six{background-position:0 -500px;}
		div#sidemenu ul li a.six:hover{background-position:170px -500px;}
		
		div#sidemenu ul li a.seven{background-position:0 -600px;}
		div#sidemenu ul li a.seven:hover{background-position:170px -600px;}
		
		div#sidemenu ul li a.eight{background-position:0 -700px;}
		div#sidemenu ul li a.eight:hover{background-position:170px -700px;}
		
		div#sidemenu ul li a.nine{background-position:0 -800px;}
		div#sidemenu ul li a.nine:hover{background-position:170px -800px;}
		
		/* sidemenu nav */
		div#sidemenu p.nav{
		  display:block; float:none; clear:both; overflow:hidden;
		  position:absolute; left:0; top:0; height:100%;
		}
		  div#sidemenu p.nav a{
			display:block; float:none; clear:both; overflow:hidden; position:fixed;
			text-indent:-999px; margin:0;
			background:transparent url(scroller.png) no-repeat top left;
			width:75px; height:25px;
			top:10px; left:52.5px;
		  }
		  div#sidemenu p.nav a:hover{background-position:bottom left;}
		  div#sidemenu p.nav a#sidemenu-down{background-position:top right; top:auto; bottom:10px;}
		  div#sidemenu p.nav a#sidemenu-down:hover{background-position:bottom right;}
		
		div#body{
			width:780px; clear:both; margin-left:220px;
			height:auto; position:relative; overflow:hidden;
			text-align:left; padding-top:125px;
		}
		
		div.project { position:relative;}
		div.project div.images{
			width:500px;
			height:auto;
			float:left;
			}
		div.project div.images p{ margin-top:25px;}
		
		
		div.project div.info{ 
			display:block; float:right;
			overflow:hidden; 
			position:fixed; left:760px; top:400px; z-index:4;
			outline:none; text-indent:-999px; 
			width:200px;
		}
	
	
	div.project div.info h4{
		width:170px; height:50px;
		margin-top:20px;
		margin-left:5px;
	}
	
	div.project div.info h4.arc{	
		background:url(work/170x50/info01-ARC.png); 
		}
	div.project div.info h4.hy{	
		background:url(work/170x50/info02-HY.png); 
		}
	div.project div.info h4.plot{	
		background:url(work/170x50/info03-plot.png); 
		}
	div.project div.info h4.mtb{	
		background:url(work/170x50/info04-MTB.png); 
		}
	div.project div.info h4.pe{	
		background:url(work/170x50/info05-PE.png); 
		}
	div.project div.info h4.yrb{	
		background:url(work/170x50/info06-YRB.png); 
		clear:both;
		}
	div.project div.info h4.psnyc{	
		background:url(work/170x50/info07-PSNYC.png); 
		}
	div.project div.info h4.pp{	
		background:url(work/170x50/info08-PP.png); 
		}
	div.project div.info h4.tcu{	
		background:url(work/170x50/info09-TCU.png); 
		}
	/*---------------CHINESE INFO-----------*/
	div.project div.info h4.arcchinese{	
		background:url(work/170x50xchi/info01-ARC-chi.png); 
		}
	div.project div.info h4.hychinese{	
		background:url(work/170x50xchi/info02-HY-chi.png); 
		}
	div.project div.info h4.plotchinese{	
		background:url(work/170x50xchi/info03-plot-chi.png); 
		}
	div.project div.info h4.mtbchinese{	
		background:url(work/170x50xchi/info04-MTB-chi.png); 
		}
	div.project div.info h4.pechinese{	
		background:url(work/170x50xchi/info05-PE-chi.png); 
		}
	div.project div.info h4.yrbchinese{	
		background:url(work/170x50xchi/info06-YRB-chi.png);
		clear:both; 
	}
	div.project div.info h4.psnycchinese{	
		background:url(work/170x50xchi/info07-PSNYC-chi.png); 
		}
	div.project div.info h4.ppchinese{	
		background:url(work/170x50xchi/info08-PP-chi.png); 
		}
	div.project div.info h4.tcuchinese{	
		background:url(work/170x50xchi/info09-TCU-chi.png); 
		}

	div.project div.info h3 a{
		display:block;
		outline:none;
		width:100px;
		height:65px;
		margin-bottom:5px;
		margin-top:30px;
	}
	
	
	div.project div.info h3.arc a{
		background:url(little-iMac.png) no-repeat;
		}
	div.project div.info h3.hy a{
		background:url(little-iMac.png) no-repeat;
		background-position:0 -80px;
		}
	div.project div.info h3.plot a{
		background:url(little-iMac.png) no-repeat;
		background-position:0 -160px;
		}
	div.project div.info h3.mtb a{
		background:url(little-iMac.png) no-repeat;
		background-position:0 -240px;
		}
	div.project div.info h3.pe a{
		background:url(little-iMac.png) no-repeat;
		background-position:0 -320px;
		}
	div.project div.info h3.yrb{float:left; clear:none;}
	div.project div.info h3.yrbstore{float:right; clear:none;}
	div.project div.info h3.yrb a{
		background:url(little-iMac.png) no-repeat;
		background-position:0 -480px;
		}
	div.project div.info h3.yrbstore a{
		background:url(little-iMac.png) no-repeat;
		background-position:0 -400px;
		}	
	div.project div.info h3.psnyc a{
		background:url(little-iMac.png) no-repeat;
		background-position:0 -560px;
		}
	div.project div.info h3.pp a{
		background:url(little-iMac.png) no-repeat;
		background-position:0 -640px;
		}
	div.project div.info h3.tcu a{display:none;
		background:url(little-iMac.png) no-repeat;
		background-position:0 -720px;
		}
	
	
	div.project div.info h3.arc a:hover{
		background-position:-100px 0;
		}
	div.project div.info h3.hy a:hover{
		background-position:-100px -80px;
		}
	div.project div.info h3.plot a:hover{
		background-position:-100px -160px;
		}
	div.project div.info h3.mtb a:hover{
		background-position:-100px -240px;
		}
	div.project div.info h3.pe a:hover{
		background-position:-100px -320px;
		}
	div.project div.info h3.yrb a:hover{
		background-position:-100px -480px;
		}
	div.project div.info h3.yrbstore a:hover{
		background-position:-100px -400px;
		}
	div.project div.info h3.psnyc a:hover{
		background-position:-100px -560px;
		}
	div.project div.info h3.pp a:hover{
		background-position:-100px -640px;
		}
	div.project div.info h3.tcu a:hover{display:none;
		background-position:-100px -720px;
		}
	
	
	div#footer { 
		display:block;
		position:fixed; 
		left:757px; bottom:0;
		width:230px;
		height:22px;
		overflow:visible;
		text-decoration:none; 
		z-index:5;
	}

	div#footer p#what-else{
		display:block; 
		float:none; 
		text-indent:-999px; 
		position:absolute; 
		bottom:0; right:5px; 
		z-index:6;}
		
		div#footer p#what-else a{
			display:block;
			width:85px;
			height:25px;
			background:url(footer.png);
			background-position:top left;
			background-repeat:no-repeat;
			overflow:hidden;
		}
		div#footer p#what-else a:hover{background-position:top right;}
		
		div#footer p#what-else a.chinese{
			display:block;
			width:85px;
			height:25px;
			background:url(chinese/footer-chinese.png);
			background-position:top left;
			background-repeat:no-repeat;
			overflow:hidden;
		}
	
	div#footer p#inspiration-close{
		display:block; float:none; clear:both; overflow:hidden; position:absolute; top:17px; right:17px;
		text-indent:-999px;
		background:transparent url(close-btn.png) no-repeat top left;
		width:25px;
		height:25px;
		cursor:pointer;
	}
		div#footer p#inspiration-close:hover{background-position:bottom left;}
		
	div#footer div#inspiration{
		background:url(footer-info.png) no-repeat top left;
		position:absolute; top:190px; left:0;
		width:230px;
		height:230px;
		z-index:7;
		margin-bottom:-190px;
	}
	
	div#footer div#inspiration h4{display:none;}
	
	div#footer div#inspiration ul{
		padding:60px 0;
		color:#fff;
		list-style-type:none;
		font:0.85em Garamond, Georgia, "Times New Roman", Times, serif;
		line-height:1.4em;
	}
	div#footer div#inspiration ul li{
		margin:0; padding:0;
	}
	
	div#footer div#inspiration ul li a{
		display:block; float:none; clear:both; overflow:hidden;
		padding:4px 22px;
		color:#eee;
	}
		
	div#footer div#inspiration ul li a span{
		color:#3bbbb6;	
	}