My Theme ,r2d1 looks diff offline and online, navigation and header areas

Hi, I have made a theme based on shape theme,

On my computer, the navigation area of the theme looks different from what it does once i run it on my site http://anandphilip.com

Original (how i want it)
http://anandphilip.com/wp-content/uploads/r2d2.png

Online version (how it looks)
http://anandphilip.com/wp-content/uploads/r2d3.png

what could be the cause and how do i resolve it

you can download a copy of the theme from http://anandphilip.com/wp-content/uploads/R2D1.zip

I run a ubuntu 9.10 system and code with gedit, viewd using firefox 3.5.7

thanks everyone

anand

PS this is one of my first attempts at theming,i am doctor, not a designer, apologies for ugly code