changing Icons in menus
 

Hai,

I'm unable to change the icons in menu .following is the code that is generating

/* Part 1- for default state: */
#menu1 .item-home > a > i { background-position: 0px 0px; }
#menu1 .item-set-up > a > i { background-position: 0px -24px; }
#menu1 .cat-?cat=21 > a > i { background-position: 0px -48px; }
#menu1 .item-qa > a > i { background-position: 0px -72px; }
#menu1 .page-support > a > i { background-position: 0px -96px; }
/* Part 2 - for hover state: */
#menu1 .item-home:hover > a > i, #menu1 .item-home.active > a > i { background-position: -24px 0px; }
#menu1 .item-set-up:hover > a > i, #menu1 .item-set-up.active > a > i { background-position: -24px -24px; }
#menu1 .cat-?cat=21:hover > a > i, #menu1 .cat-?cat=21.active > a > i { background-position: -24px -48px; }
#menu1 .item-qa:hover > a > i, #menu1 .item-qa.active > a > i { background-position: -24px -72px; }
#menu1 .page-support:hover > a > i, #menu1 .page-support.active > a > i { background-position: -24px -96px; }

can any buddy please help me with this

website:buyforwordpress.com
permlink : "post name"