The overall layout is great. Good choice of colors and nice contrast.
And now some small things... here's an image:
#1 Since you have some text at the very top of your page it would be nice to have some border there (as shown in the image). 10-20px are enough.
#2 It's good to have some space free at the bottom, because...
#3 On shorter pages (like the one shown in the image) the page doesn't reach the very end of the screen, therefore the shadown on both sides is just cut off, which looks rather ugly. So... build a nice bottom, which is always visible.
#4 Write "©" instead of "(C)"
#5 No info here. Importance/font size just doesn't match. I'm not sure what I would do about it. The gray background there looks good. Well, if you keep it make the font at least smaller.
#6 That looks dirty/spotty. For a more even brushed metal plate look do the following:
-create an image, which is about 150 pixel wider than the one you need
-fill it with 50% gray
-add noise (monochrome, gaussian, 35)
-Filter > Blur > Motion Blur... 75 pixels
-Image > Adjust > Brightness / Contrast (if you like)
-change the size of the working area to the size you need (crop)
But then again I'm not sure if it would look good together. I mean it's abstract shape, outlines, flat colors... photorealistic metal just looks odd then, doesn't it?
Oh and make the css stuff external.