#main_nav { list-style: none; margin: 0; padding: 0; }

#main_nav:hover li a#webdesign { background-position: -280px; }
#main_nav:hover li a#home { background-position: -206px; }
#main_nav:hover li a#graphicdesign { background-position: -340px; }
#main_nav:hover li a#contact { background-position: -232px; }
#main_nav:hover li a#about { background-position: -242px; }
#main_nav:hover li a#seo { background-position: -540px; }


/* ACCESSIBLE ROLL OVERS */
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 72px; }

#home { background: url(../images/navigation/home.gif); width: 103px; }
#home:hover { background: url(../images/navigation/home.gif) 0 0 !important; }
#home.active { background: url../images/navigation/home.gif) -103px 0; }

#about { background: url(../images/navigation/about.gif); width: 121px; }
#about:hover { background: url(../images/navigation/about.gif) 0 0 !important; }
#about.active { background: url(../images/navigation/about.gif) -121px 0; }

#webdesign { background: url(../images/navigation/webdesign.gif); width: 140px; }
#webdesign:hover { background: url(../images/navigation/webdesign.gif) 0 0 !important; }

#graphicdesign { background: url(../images/navigation/graphicdesign.gif); width: 170px; }
#graphicdesign:hover { background: url(../images/navigation/graphicdesign.gif) 0 0 !important; }
#graphicdesign.active { background: url(../images/navigation/graphicdesign.gif) -170px 0; }

#seo { background: url(../images/navigation/seo.gif); width: 281px; }
#seo:hover { background: url(../images/navigation/seo.gif) 0 0 !important; }
#seo.active { background: url(../images/navigation/seo.gif) -260px 0; }

#contact { background: url(../images/navigation/contact.gif); width: 116px; }
#contact:hover { background: url(../images/navigation/contact.gif) 0 0 !important; }
#contact.active { background: url(../images/navigation/contact.gif) -116px 0; }