Navigation:
Rollover on the nav is defintely needed. Sprites is the best way to accomplish this. They can also be used to let the user know the active page.
To do this, I would create a more grayscale-ish nav and on rollover use some color, the blue would be a good idea.
I would suggest pushing the blue to gray and reserving the blue for the rollover state, but there is a serious lack of color. If you can more color in there I would consider reserving the blue line as an informative tool for the user.
To add a nice effect, consider something like:
Code:
opacity: .8;
-webkit-transition: opacity .1s linear;
You could use this as the hover state feedback, where you apply an opacity of 1 when the user hovers.
Drop the
DU.
Also, you nav isn't scaling well, see the image below from Safari.
Color:
You need some color in there, it is rather drab.
Fonts:
I think you could stand to use something a little stronger in a few places.
Portfolio:
I do not recommend changing "portfolio" to "sample work," at least not for navigation purposes. "Sample work" just sounds amateur while "Portfolio" does not. Other than this I agree with the rest of the suggestions.