/* CSS Document */

	<style type="text/css">

		.wrap {
			width:185px;
			margin:0 auto;
		}

		.mainnav {	
			position:relative;
			height: 40px;
			width: 185px;
			cursor:pointer;
			display:block;
		}

		.mainnav span.bg_fade {
			position: absolute;
			top: 0;
			left: 0;
			height: 40px;
			width: 185px;
		}

		.mainnav a, .bgFade a {
		display:none;
		}

		.link-home {
		background-color:#fff;
		background: url('img/fade/nav-home.gif') no-repeat top left;
		}
		
		.link-home span.bg_fade {
		background:url('img/fade/nav-home.gif') no-repeat 0px -40px;
		}
		
		.link-home active {
		background:url('img/fade/nav-home.gif') no-repeat 0px -40px;
		}
		
		
		
		.link-services {
		background-color:#fff;
		background: url('img/fade/nav-services.gif') no-repeat top left;
		}
		
		.link-services span.bg_fade {
		background:url('img/fade/nav-services.gif') no-repeat 0px -40px;
		}
		
		.link-quality {
		background-color:#fff;
		background: url('img/fade/nav-quality.gif') no-repeat top left;
		}
		
		.link-quality span.bg_fade {
		background:url('img/fade/nav-quality.gif') no-repeat 0px -40px;
		}
		
		.link-environment {
		background-color:#fff;
		background: url('img/fade/nav-environment.gif') no-repeat top left;
		}
		
		.link-environment span.bg_fade {
		background:url('img/fade/nav-environment.gif') no-repeat 0px -40px;
		}
		
		.link-contact {
		background-color:#fff;
		background: url('img/fade/nav-contact.gif') no-repeat top left;
		}
		
		.link-contact span.bg_fade {
		background:url('img/fade/nav-contact.gif') no-repeat 0px -40px;
		}
		
		
		
		
		
		.subnav {	
			position:relative;
			height: 25px;
			width: 185px;
			cursor:pointer;
			display:block;
		}

		.subnav span.bg_fade {
			position: absolute;
			top: 0;
			left: 0;
			height: 25px;
			width: 185px;
		}

		.subnav a, .bgFade a {
		display:none;
		}
		
		
		
		.link-history {
		background-color:#fff;
		background: url('img/fade/nav-history.gif') no-repeat top left;
		}
		
		.link-history span.bg_fade {
		background:url('img/fade/nav-history.gif') no-repeat 0px -25px;
		}
		
		.link-laboratory {
		background-color:#fff;
		background: url('img/fade/nav-laboratory.gif') no-repeat top left;
		}
		
		.link-laboratory span.bg_fade {
		background:url('img/fade/nav-laboratory.gif') no-repeat 0px -25px;
		}
		
		.link-pre-treatment {
		background-color:#fff;
		background: url('img/fade/nav-pre-treatment.gif') no-repeat top left;
		}
		
		.link-pre-treatment span.bg_fade {
		background:url('img/fade/nav-pre-treatment.gif') no-repeat 0px -25px;
		}
		
		.link-dyeing {
		background-color:#fff;
		background: url('img/fade/nav-dyeing.gif') no-repeat top left;
		}
		
		.link-dyeing span.bg_fade {
		background:url('img/fade/nav-dyeing.gif') no-repeat 0px -25px;
		}
		
		.link-finishing {
		background-color:#fff;
		background: url('img/fade/nav-finishing.gif') no-repeat top left;
		}
		
		.link-finishing span.bg_fade {
		background:url('img/fade/nav-finishing.gif') no-repeat 0px -25px;
		}
		
		.link-winding {
		background-color:#fff;
		background: url('img/fade/nav-winding.gif') no-repeat top left;
		}
		
		.link-winding span.bg_fade {
		background:url('img/fade/nav-winding.gif') no-repeat 0px -25px;
		}
		
		.link-twisting {
		background-color:#fff;
		background: url('img/fade/nav-twisting.gif') no-repeat top left;
		}
		
		.link-twisting span.bg_fade {
		background:url('img/fade/nav-twisting.gif') no-repeat 0px -25px;
		}
		
		.link-knitting {
		background-color:#fff;
		background: url('img/fade/nav-knitting.gif') no-repeat top left;
		}
		
		.link-knitting span.bg_fade {
		background:url('img/fade/nav-knitting.gif') no-repeat 0px -25px;
		}
		
		.link-yarns {
		background-color:#fff;
		background: url('img/fade/nav-yarns.gif') no-repeat top left;
		}
		
		.link-yarns span.bg_fade {
		background:url('img/fade/nav-yarns.gif') no-repeat 0px -25px;
		}
		
		
		
		
		.link-certification {
		background-color:#fff;
		background: url('img/fade/nav-certification.gif') no-repeat top left;
		}
		
		.link-certification span.bg_fade {
		background:url('img/fade/nav-certification.gif') no-repeat 0px -25px;
		}
		
		.link-colorimetry {
		background-color:#fff;
		background: url('img/fade/nav-colorimetry.gif') no-repeat top left;
		}
		
		.link-colorimetry span.bg_fade {
		background:url('img/fade/nav-colorimetry.gif') no-repeat 0px -25px;
		}
		
		.link-authentication {
		background-color:#fff;
		background: url('img/fade/nav-authentication.gif') no-repeat top left;
		}
		
		.link-authentication span.bg_fade {
		background:url('img/fade/nav-authentication.gif') no-repeat 0px -25px;
		}
		
		
		
		
		.link-water {
		background-color:#fff;
		background: url('img/fade/nav-water.gif') no-repeat top left;
		}
		
		.link-water span.bg_fade {
		background:url('img/fade/nav-water.gif') no-repeat 0px -25px;
		}
		
		
		.link-energy {
		background-color:#fff;
		background: url('img/fade/nav-energy.gif') no-repeat top left;
		}
		
		.link-energy span.bg_fade {
		background:url('img/fade/nav-energy.gif') no-repeat 0px -25px;
		}
		
		.link-bluesign {
		background-color:#fff;
		background: url('img/fade/nav-bluesign.gif') no-repeat top left;
		}
		
		.link-bluesign span.bg_fade {
		background:url('img/fade/nav-bluesign.gif') no-repeat 0px -25px;
		}
		
		
		
		
		
		.link-contact-person {
		background-color:#fff;
		background: url('img/fade/nav-contact-person.gif') no-repeat top left;
		}
		
		.link-contact-person span.bg_fade {
		background:url('img/fade/nav-contact-person.gif') no-repeat 0px -25px;
		}
		
		.link-approach {
		background-color:#fff;
		background: url('img/fade/nav-approach.gif') no-repeat top left;
		}
		
		.link-approach span.bg_fade {
		background:url('img/fade/nav-approach.gif') no-repeat 0px -25px;
		}