#subnav{
	float: left;
  width: auto;
  margin: 0 auto;
  list-style-type: none;
  text-align: center;
}

#subnav li{
  display: block;
  float: left;
}

li span{
  display: none;
}

#subnav a{
	height: 45px;
	margin-right: 10px;
  display: block;
  float: left;
}

#bio{
  width: 121px;
  background: #fff url(i/bios.gif) no-repeat 0 -90px;
  margin-right: 0 !important;
}
a#bio:hover{
  background: #fff url(i/bios.gif) no-repeat 0 -45px;
}

#blog{
  width: 189px;
  background: #fff url(i/blogs.gif) no-repeat 0 -90px;
}
a#blog:hover{
  background: #fff url(i/blogs.gif) no-repeat 0 -45px;
}

#other{
  width: 131px;
  background: #fff url(i/others.gif) no-repeat 0 -90px;
}
a#other:hover{
  background-position: 0 -45px;
}

#career{
  width: 163px;
  background: #fff url(i/careers.gif) no-repeat 0 -90px;
}
a#career:hover{
  background-position: 0 -45px;
}

#home{
  width: 69px;
  background: #fff url(i/homes.gif) no-repeat 0 -90px;
}
a#home:hover{
  background-position: 0 -45px;
}

#subnav li.current{
	height: 45px;
	background-position: 0 0;
	margin-right: 10px;
}

#subnav a.current{
	background-position: 0 0;
}

/* New top-level buttons */

/* TODO remove */
#subnav { width: 900px; }

#book{
  width: 123px;
  background: #fff url(i/book.gif) no-repeat 0 -90px;
}
a#book:hover{
  background-position: 0 -45px;
}

#daves{
  width: 253px;
  background: #fff url(i/daves.gif) no-repeat 0 -90px;
}
a#daves:hover{
  background-position: 0 -45px;
}

#comics{
  width: 93px;
  background: #fff url(i/comics.gif) no-repeat 0 -90px;
}
a#comics:hover{
  background-position: 0 -45px;
}

#illustrations{
  width: 163px;
  background: #fff url(i/illustrations.gif) no-repeat 0 -90px;
}
a#illustrations:hover{
  background-position: 0 -45px;
}