@charset "UTF-8";
/* CSS Document */


.nav {
	width: 430px;
	height: 17px;
	background: url(../img/header/nav.gif) no-repeat;
	position: absolute;
}

.nav li {
	display: inline;
}

.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 17px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
}

/*chinese*/

	.nav .chinese a:link, .nav .chinese a:visited {
		left: 0;
		width: 56px;
	}
	.nav .chinese a:hover, .nav .chinese a:focus {
		background: url(../img/header/nav.gif) no-repeat 0px -17px;
	}
	.nav .chinese a:active {
		background: url(../img/header/nav.gif) no-repeat 0px -34px;
	}
	.current-chinese .chinese a:link, .current-chinese .chinese a:visited {
		background: url(../img/header/nav.gif) no-repeat 0px -51px;
		cursor: default;
	}
	
	
		.nav-chinese, .nav-chinese-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 56px;
		height: 17px;
		background: url(../img/header/nav.gif) no-repeat 0px -17px;
	}
	.nav-chinese-click {
		background: url(../img/header/nav.gif) no-repeat 0px -34px;
	}


/*home*/

	.nav .home a:link, .nav .home a:visited {
		left: 56px;
		width: 57px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(../img/header/nav.gif) no-repeat -56px -17px;
	}
	.nav .home a:active {
		background: url(../img/header/nav.gif) no-repeat -56px -34px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../img/header/nav.gif) no-repeat -56px -51px;
		cursor: default;
	}
	
	
		.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 56px;
		width: 57px;
		height: 17px;
		background: url(../img/header/nav.gif) no-repeat -56px -17px;
	}
	.nav-home-click {
		background: url(../img/header/nav.gif) no-repeat -56px -34px;
	}



/*studio*/
	.nav .studio a:link, .nav .studio a:visited {
		left: 113px;
		width: 69px;
	}
	.nav .studio a:hover, .nav .studio a:focus {
		background: url(../img/header/nav.gif) no-repeat -113px -17px;
	}
	.nav .studio a:active {
		background: url(../img/header/nav.gif) no-repeat -113px -34px;
	}
	.current-studio .studio a:link, .current-studio .studio a:visited {
		background: url(../img/header/nav.gif) no-repeat -113px -51px;
		cursor: default;
	}
	
		.nav-studio, .nav-studio-click {
		position: absolute;
		top: 0;
		left: 113px;
		width: 69px;
		height: 17px;
		background: url(../img/header/nav.gif) no-repeat -113px -17px;
	}
	.nav-studio-click {
		background: url(../img/header/nav.gif) no-repeat -113px -34px;
	}
	

/*services*/
	.nav .services a:link, .nav .services a:visited {
		left: 182px;
		width: 75px;
	}
	.nav .services a:hover, .nav .services a:focus {
		background: url(../img/header/nav.gif) no-repeat -182px -17px;
	}
	.nav .services a:active {
		background: url(../img/header/nav.gif) no-repeat -182px -34px;
	}
	.current-services .services a:link, .current-services .services a:visited {
		background: url(../img/header/nav.gif) no-repeat -182px -51px;
		cursor: default;
	}
	
		.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 182px;
		width: 75px;
		height: 17px;
		background: url(../img/header/nav.gif) no-repeat -182px -17px;
	}
	.nav-services-click {
		background: url(../img/header/nav.gif) no-repeat -182px -34px;
	}


/*portfolio*/	
	.nav .portfolio a:link, .nav .portfolio a:visited {
		left: 257px;
		width: 91px;
	}
	.nav .portfolio a:hover, .nav .portfolio a:focus {
		background: url(../img/header/nav.gif) no-repeat -257px -17px;
	}
	.nav .portfolio a:active {
		background: url(../img/header/nav.gif) no-repeat -257px -34px;
	}
	.current-portfolio .portfolio a:link, .current-portfolio .portfolio a:visited {
		background: url(../img/header/nav.gif) no-repeat -257px -51px;
		cursor: default;
	}
	
		.nav-portfolio, .nav-portfolio-click {
		position: absolute;
		top: 0;
		left: 257px;
		width: 91px;
		height: 17px;
		background: url(../img/header/nav.gif) no-repeat -257px -17px;
	}
	.nav-portfolio-click {
		background: url(../img/header/nav.gif) no-repeat -257px -34px;
	}
	
	
/*contact*/		
	.nav .contact a:link, .nav .contact a:visited {
		left: 348px;
		width: 82px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../img/header/nav.gif) no-repeat -348px -17px;
	}
	.nav .contact a:active {
		background: url(../img/header/nav.gif) no-repeat -348px -34px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../img/header/nav.gif) no-repeat -348px -51px;
		cursor: default;
	}
	
		.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 348px;
		width: 82px;
		height: 17px;
		background: url(../img/header/nav.gif) no-repeat -348px -17px;
	}
	.nav-contact-click {
		background: url(../img/header/nav.gif) no-repeat -348px -34px;
	}