aligning navbar

[Maz]

http://arashmazinani.com

if you have a look at the navbar it's slightly out of line and hanging over the edge of the wrap on the left hand side, is there anyway of making it line up inside the wrap. The dimensions of the navbar are 974x59 I don't know why it's not just slotting into the center. Below is a copy of the code from my style sheet.


/************************************************
* Navbar *
************************************************/

#navbar {
background: url(images/navbar.png);
width: 974px;
height: 59px;
font-size: 12px;
font-family: Optima;
color: #FFFFFF;
font-weight: normal;
margin: 0px;
padding: 0px;
}

#navbarleft {
width: 680px;
float: left;
margin: 0px;
padding: 0px;
}

#navbarright {
width: 280px;
font-size: 11px;
float: right;
margin: 0px;
padding: 6px 0px 0px 0px;
}

#nav {
margin: 0px;
padding: 0px;
}

#nav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#nav li a, #nav li a:link, #nav li a:visited {
color: #FFFFFF;
display: block;
font-size: 16px;
font-family: Optima;
font-weight: normal;
text-transform: none;
margin: 0px;
padding: 9px 15px 7px 15px;
}

#nav li a:hover, #nav li a:active {
background: #FFFFFF;
color: #111111;
margin: 0px;
padding: 9px 15px 7px 15px;
text-decoration: none;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
background: url(images/navbar.png);
width: 150px;
color: #000000;
font-size: 14px;
font-family: Optima;
font-weight: normal;
text-transform: none;
float: none;
margin: 0px;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

#nav li li a:hover, #nav li li a:active {
background: #000000;
color: #FFFFFF;
padding: 7px 10px 7px 10px;
}

#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#nav li li {
}

#nav li ul a {
width: 140px;
}

#nav li ul a:hover, #nav li ul a:active {
}

#nav li ul ul {
margin: -32px 0 0 171px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

#nav li:hover, #nav li.sfhover {
position: static;

Thank you in advance