[issues-3] Sets clear for each column instance

If clear is not set for each column individually then there is a
possiblity of a left or right clear interfering with the generic
none clear causing the grid to break incorrectly.
[issues-3] Adds total column count to the column number

By adding the total column count to the value of the column it
creates a unique value.
[issues-3] Updates documentation to reflect changes made
[issues-3] Updates examples with updated HTML mockup
[issues-3] Updates examples with correct stylesheet and HTML markup
[issues-3] Updates documentation
Merge pull request #4 from leadiv/issues-3

Issues 3 Overlapping styles between different column layouts