Navigation accessibility

Changing the flow of the navigation for better accessibility.

Currently when using keyboard the "current section" is above main navigation:
![flowbefore](https://cloud.githubusercontent.com/assets/2579465/4772100/2aac5dcc-5b95-11e4-8e14-bff0cc2d7339.png)

After this change the flow will be in the correct order:
![flowafter](https://cloud.githubusercontent.com/assets/2579465/4772109/3557cf04-5b95-11e4-9e3e-9138bf8fdfd3.png)

I also changed the names of the classes as the old ones didn't make sense anymore. I've used more vague names now.


Nice catch. It actually isn't part of this task but I've noticed it too. It is how the burger icon is done (the all sections icon). It is in my todo list to look at it.