/* topnav.css */
ul#nav {
	width: 850px;
	height: 24px;
	margin: 0px;
	padding: 0px;
}
ul#nav li {
	float: left;
	height: 24px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#nav li a {
	display: block;
	height: 24px;
}
ul#nav li span {
	display: none;
}
/* home */
ul#nav li.home a {
	width: 71px;
	background: url(../images/nav/home-off.gif) top left no-repeat;
}
ul#nav li.home a:hover, ul#nav li.home a.active:hover {
	background: url(../images/nav/home-over.gif) top left no-repeat;
}
ul#nav li.home, ul#nav li.home a.active {
	width: 71px;
	background: url(../images/nav/home-on.gif) top left no-repeat;
}
/* background */
ul#nav li.background a {
	width: 143px;
	background: url(../images/nav/background-off.gif) top left no-repeat;
}
ul#nav li.background a:hover, ul#nav li.background a.active:hover {
	background: url(../images/nav/background-over.gif) top left no-repeat;
}
ul#nav li.background, ul#nav li.background a.active {
	width: 143px;
	background: url(../images/nav/background-on.gif) top left no-repeat;
}
/* execteam */
ul#nav li.execteam a {
	width: 165px;
	background: url(../images/nav/execteam-off.gif) top left no-repeat;
}
ul#nav li.execteam a:hover, ul#nav li.execteam a.active:hover {
	background: url(../images/nav/execteam-over.gif) top left no-repeat;
}
ul#nav li.execteam, ul#nav li.execteam a.active {
	width: 165px;
	background: url(../images/nav/execteam-on.gif) top left no-repeat;
}
/* dev */
ul#nav li.dev a {
	width: 157px;
	background: url(../images/nav/dev-off.gif) top left no-repeat;
}
ul#nav li.dev a:hover, ul#nav li.dev a.active:hover {
	background: url(../images/nav/dev-over.gif) top left no-repeat;
}
ul#nav li.dev, ul#nav li.dev a.active {
	width: 157px;
	background: url(../images/nav/dev-on.gif) top left no-repeat;
}
/* pressawards*/
ul#nav li.pressawards a {
	width: 250px;
	background: url(../images/nav/pressawards-off.gif) top left no-repeat;
}
ul#nav li.pressawards a:hover, ul#nav li.pressawards a.active:hover {
	background: url(../images/nav/pressawards-over.gif) top left no-repeat;
}
ul#nav li.pressawards, ul#nav li.pressawards a.active {
	width: 250px;
	background: url(../images/nav/pressawards-on.gif) top left no-repeat;
}
/* contact */
ul#nav li.contact a {
	width: 63px;
	background: url(../images/nav/contact-off.gif) top left no-repeat;
}
ul#nav li.contact a:hover, ul#nav li.contact a.active:hover {
	background: url(../images/nav/contact-over.gif) top left no-repeat;
}
ul#nav li.contact, ul#nav li.contact a.active {
	width: 63px;
	background: url(../images/nav/contact-on.gif) top left no-repeat;
}