/* Ratio nav css */

ul#nav li {
	display:inline;
	padding: 0px;
		position:absolute;
	left: -42px;
	z-index:5;
	top:151px;
}

#nav li a {
	height: 55px;
	top: 0px;
	display: block;
	overflow: hidden;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	color:#006627;
	font-size:12px;
	letter-spacing:-1px;
	line-height:175%;
	text-indent:-5000px;
}

#nav li a:hover {
	background-position: 0 -55px;
	
}
#nav li A.activeLink
{
	background-position: 0px -110px;
}

#home a {
	background-image: url(../images/nav_home.png);
	width: 92px;
	left: 50px;
}

#about a {
	background-image: url(../images/nav_about.png);
	width: 93px;
	left: 240px;
}

#brands a {
	background-image: url(../images/nav_brands.png);
	width: 98px;
	left: 431px;
}

#technology a {
	background-image: url(../images/nav_technology.png);
	width: 130px;
	left: 620px;
}


#contact a {
	background-image: url(../images/nav_contact.png);
	width: 108px;
	left: 838px;
}

/* ie 6 hacks just using a gif instead of PNG */

*html ul#nav li {
	display:inline;
	padding: 0px;
		position:absolute;
	left: -42px;
	z-index:5;
	top:151px;
}

*html #nav li a {
	height: 55px;
	top: 0px;
	display: block;
	overflow: hidden;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	color:#006627;
	font-size:12px;
	letter-spacing:-1px;
	line-height:175%;
	text-indent:-5000px;
}

*html #nav li a:hover {
	background-position: 0 -55px;
	
}
*html #nav li A.activeLink
{
	background-position: 0px -110px;
}

*html #home a {
	background-image: url(../images/nav_home.gif);
	width: 92px;
	left: 50px;
}

*html #about a {
	background-image: url(../images/nav_about.gif);
	width: 93px;
	left: 240px;
}

*html #brands a {
	background-image: url(../images/nav_brands.gif);
	width: 98px;
	left: 431px;
}

*html #technology a {
	background-image: url(../images/nav_technology.gif);
	width: 130px;
	left: 620px;
}


*html #contact a {
	background-image: url(../images/nav_contact.gif);
	width: 108px;
	left: 838px;
}