Header Transparency Is All or Nothing

I received a piece of CSS code from Kriesi support when I inquired about making my site’s header image transparent against the top menu. When I added this code I completely lost the menu text. I looked and looked, but I cannot see an option to adjust the background colors of the top menu so that I can see the text. I also tried adjusting the number in the code (below) to see if I could adjust down or up the opacity of the image on the menu, but it does not seem to do anything other than turn the transparency on or off with certain numbers.

So, my questions are, can I…
1) get my menu to appear with the header image showing through, but not obscuring the menu text?
2) adjust the background color of the menu items on the header so I can control how visible they are and how much of the background image shows through?

The code snippet is:
For transparency of menu items use this code in your Quick CSS:
.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
opacity: 0.97;
}

The website is:
http://www.therapyhelpcenter.com

Thank you