[issues-43] Adds !global when setting global variables

The !global is being added so that global variables are correctly
set instead of setting the values as a local as it is with newer
versions of SASS/Compass.
[issues-43] Fixes some code layout styling

Does not effect output at all.
[issues-43] Updates examples

The example pages are updated to reflect changes.
Merge pull request #46 from leadiv/issues-43

[issues-43] Add !global when setting global variables