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

#nav {
	list-style: none;
	position: absolute;
	top: 0;
	left: 480px;
	padding: 0;
	margin: 0;
}

#nav li { float: left; padding: 0 5px;}
#nav li a {
	display: block;
	text-indent: -999em;
	height: 126px;
}

#nav li.nav_home a {
	background: url(../images/nav_home.gif) top;
	width: 94px;	
}

#nav li.nav_about a {
	background: url(../images/nav_about.gif) top;
	width: 94px;	
}

#nav li.nav_product a {
	background: url(../images/nav_product.gif) top;
	width: 144px;
}

#nav li.nav_contact a {
	background: url(../images/nav_contact.gif) top;
	width: 105px;
}

#nav li a:hover {
	background-position: bottom;
}

body.home #nav li.nav_home a,
body.about #nav li.nav_about a,
body.product #nav li.nav_product a,
body.contact #nav li.nav_contact a {
	background-position: bottom;
}