How can I make the menu more fluid than it is now, you will see what I am talking about when you see the fiddle
http://jsfiddle.net/jspence29/wCXB5/

What exactly d you want to do? "Fluid" layouts are supposed to adapt to window size, which your navbar does.

not fluid as in adaptive, fluid as in the hover animation probably not the best choice of words on my part

oh, you mean the size changing on hover? Maybe just change the color of the text and a text-shadow... Also, the last lines of your code are unnecessary: you're giving the same properties to every nth-child, so a simple ul.main_menu li a:hover at line 32 and removing lines 36+ should do

yeah I had that before, and it didn't work the same, but I think that was because of some other bug

good plan I am going with text-shadow: 0.1em 0.1em #333;