We do this all the time with sprites - give the text a shadow so that it looks beveled (apple.com navbar) I have seen this done with purely CSS but cannot duplicate it. Anyone know how it's done?
I know that it's the text shadow property, i guess my question should have included that - maybe a better way to rephrase the question could have been what values for the text-shadow property give the text the "beveled" look that the apple nav bar has?
Are you referring to the text, or the background of the apple nav-bar?
If you're looking for the text shadow, checkout this link: https://developer.mozilla.org/En/CSS/text-shadow
You'll have to tweak it till you get it how you like it, but that's what you'd use.
-Jacob
Check out these tutorials:
http://line25.com/tutorials/create-a-le ... ext-shadow
http://www.ilovecolors.com.ar/create-le ... using-css/
That should probably get you sorted out.