Extract inline styles to css file

I was looking at the web code and it all looks really nice however i thought a clean up of the styles may help showcase the html aspects more cleanly. 
If this is a welcome change I can finish it off (its half done, but I am off to bed). Leave a comment either way so i can close or finish this PR

Rhys