Menu bar default height and colors issue

Hi,
I really appreciate the good work you put in the ATO forum and I would like you to help me solve this issue of menu bar as I really like the ata theme and I'm planning on using in my current and future sites. I'm using Atahualpa 3.4.7 and here is my question:
How to get rid of Background color Parent and background color of menu items that are showing up underneath my background image for that i've inserted in the page menu and I'd like to find out if that is what causing the height problem in my full width menu bar as you can see here http://www.onlinebizhunters.com

My css/inserts:

/*actual default menubar*/
div#menu1 ul.rMenu{
border: solid 2px #fff;
width: 1000px;
margin-right: auto;
margin-left: auto;
height: 25px;
background: url(http://www.onlinebizhunters.com/wp-content/themes/atahualpa347/images/menubg.jpg)repeat-x;
}
/*full width menu*/
div#menu1 {
background: url(http://www.onlinebizhunters.com/wp-content/themes/atahualpa347/images/menubg.jpg)repeat-x!important;
height: 25px;
border: solid 2px blue
}
#menu1 ul.rMenu li a:hover{
background: url(http://www.onlinebizhunters.com/wp-content/themes/atahualpa347/images/menuitem.jpg)repeat-x!important;}

/*bold buttons*/
ul.rMenu li a {
color:#000000 !important;
font-weight:bold;
}

/*the 3 button*/
#menu1 ul.rMenu li a{
background: url(http://www.onlinebizhunters.com/wp-content/themes/atahualpa347/images/menubg.jpg)repeat-x!important;
width: 110px;
height: 25px;
}