#nav ul.primary li { display: block; float: left; width: 140px; height: 70px; }

#nav ul.primary li a,#nav ul.primary li.search {
	background: url("/db/handlers/Global/media/nav.png") no-repeat 0 0;
}

#nav ul.primary li a {
	display: block;
	overflow: hidden;
	height: 0;
	padding: 70px 0 0 0;
	width: 140px;
}

#nav ul.primary li a:hover {
	opacity: 1.0;
}

#nav ul.primary li.hello {
	width: 150px;
}
#nav ul.primary li.hello a {
	width: 150px;
	background-position: 0px 0px;
}

#nav ul.primary li.corporate a {
	width: 140px;
	background-position: -150px 0px;
}
#nav ul.primary li.design a {
	width: 140px;
	background-position: -290px 0px;
}
#nav ul.primary li.news a {
	width: 140px;
	background-position: -430px 0px;
}
#nav ul.primary li.support a {
	width: 140px;
	background-position: -570px 0px;
}
#nav ul.primary li.search {
	width: 140px;
	background-position: -710px 0px;
}
#nav ul.primary li.search input {
	margin: 7px 0 0 3px;
	width: 88%;
	color: #aaa;
}
#nav ul.primary li.search input.realText {
	color: #000;
}

/* hover */
#nav ul.primary li.hello a:hover,
#nav ul.primary li.hello.active a {
	width: 150px;
	background-position: 0px -70px;
}

#nav ul.primary li.corporate a:hover,
#nav ul.primary li.corporate.active a {
	width: 140px;
	background-position: -150px -70px;
}
#nav ul.primary li.design a:hover,
#nav ul.primary li.design.active a {
	width: 140px;
	background-position: -290px -70px;
}
#nav ul.primary li.news a:hover,
#nav ul.primary li.news.active a {
	width: 140px;
	background-position: -430px -70px;
}
#nav ul.primary li.support a:hover,
#nav ul.primary li.support.active a {
	width: 140px;
	background-position: -570px -70px;
}
#nav ul.primary li.search.active {
	width: 140px;
	background-position: -710px -70px;
}