Initial HTML and CSS for the design

Hey @lukehefson and @gr2m I put the design into code. Delicious mobile first responsive code. I've added a new directory called Front end template as I didn't know where to put it all. Should I have created a new branch too, THIS IS ALL SO CONFUSING :-P

I couldn't work out where the theme assets were so I just put them in the folder hope this is useful. It needs testing and tweaking, with different amounts of content and stuff.

The main things to note are:

#### Colour theme-abilty
I've put comments in the CSS where the colour should be replaced with a theme colour variable.

#### Map background
I've just put an image in here, it would be really really cool if we could generate this dynamically...

#### Giant title text
Can we add some sort of javascript (Fittext.js?) so that the title is always fits on one line and is as big as it can be. Does that make sense? I'm sure that can be done.

#### Tooltips
These are a bit buggy as they are just done by transitioning the opacity property, they would probably work better done in js (maybe with a hoverIntent type delay?).

#### There's a wired bug in Firefox
Under the 'The Core Team' heading firefox sometimes adds a black border to the H2 element. It only happens at certain window widths.

So, have a look, let me know what you think.

Bevan