#topnav {
  width:502px;
  height:68px;
  margin:0;
  padding:189px 0 0 228px;
  background:#FFF url(../images/topnav/bg_alt.png) no-repeat top right;
  position:relative;
  overflow:hidden;
  z-index:1;
}

* html #topnav {
  width:730px;
  w\idth:502px;
  height:257px;
  he\ight:68px;
}

#topnav li {
  height:68px;
  display:inline;
  margin:0;
  padding:0;
  list-style-type:none;
  float:left;
  overflow:hidden;
}

#topnav li a:link,
#topnav li a:visited {
  height:68px;
  margin:0;
  padding:0;
  display:block;
  overflow:hidden;
}

#topnav li a {
  text-indent:-999em;
}

/* home */

#topnav #home,
#topnav #home a:link,
#topnav #home a:visited {
  width:65px;
}

#topnav #home a:link,
#topnav #home a:visited {
  background:url(../images/topnav/home.png) no-repeat bottom left;
}

#topnav #home a:hover,
#topnav #home a:active,
#topnav #home.current a:link,
#topnav #home.current a:visited {
  background-image:url(../images/topnav/home_alt.png);
}

/* about */

#topnav #about,
#topnav #about a:link,
#topnav #about a:visited {
  width:85px;
}

#topnav #about a:link,
#topnav #about a:visited {
  background:url(../images/topnav/about.png) no-repeat bottom left;
}

#topnav #about a:hover,
#topnav #about a:active,
#topnav #about.current a:link,
#topnav #about.current a:visited {
  background-image:url(../images/topnav/about_alt.png);
}

/* portfolio */

#topnav #portfolio,
#topnav #portfolio a:link,
#topnav #portfolio a:visited {
  width:80px;
}

#topnav #portfolio a:link,
#topnav #portfolio a:visited {
  background:url(../images/topnav/portfolio.png) no-repeat bottom left;
}

#topnav #portfolio a:hover,
#topnav #portfolio a:active,
#topnav #portfolio.current a:link,
#topnav #portfolio.current a:visited {
  background-image:url(../images/topnav/portfolio_alt.png);
}

/* design */

#topnav #design,
#topnav #design a:link,
#topnav #design a:visited {
  width:125px;
}

#topnav #design a:link,
#topnav #design a:visited {
  background:url(../images/topnav/design.png) no-repeat bottom left;
}

#topnav #design a:hover,
#topnav #design a:active,
#topnav #design.current a:link,
#topnav #design.current a:visited {
  background-image:url(../images/topnav/design_alt.png);
}

/* contact */

#topnav #contact,
#topnav #contact a:link,
#topnav #contact a:visited {
  width:147px;
}

#topnav #contact a:link,
#topnav #contact a:visited {
  background:url(../images/topnav/contact.png) no-repeat bottom left;
}


#topnav #contact a:hover,
#topnav #contact a:active,
#topnav #contact.current a:link,
#topnav #contact.current a:visited {
  background-image:url(../images/topnav/contact_alt.png);
}