How to create a Navigation in the header with Custom Buttons

Hello,
I am new to WP and need a little help. I want my navigation bar to appear in my header just like this
http://jds-productions.com/wordpress/Images/HeaderNav.jpg

I am not sure how I customize it in wordpress. I know the header php needs to contain the code. However, I am not quite sure how I do the css to add each individual button. I created this(I only showed 2 buttons so I didn’t show to much code) but I am not sure what else I need to do in the css to make it work. What else do I need to change in the css or pages to make it work?

http://jds-productions.com/wordpress/

.nav .1
{
background: transparent url(images/AboutUs.jpg) no-repeat scroll left top;
height: 49px;
left: 222px;
position: absolute;
top: 219px;
width: 129px;
}

.nav .2
{
background: transparent url(images/ServicesSolutions.jpg) no-repeat scroll left top;
height: 49px;
left: 348px;
position: absolute;
top: 219px;
width: 129px;
}

thanks
Diane