Usability and formatting improvements

A number of formatting changes were appropriated after discussions with Nick in order to improve the experience of using Typography in Interface Design. The images were moved from the left of the grid to the right in order to give more breathing space, avoid any gutter infringement and give a sense of progression as the eye moves from the left to the right of the page, and then the page is turned. 

Generally it's bad practice to have text in the gutter; it loses content and throws off the reader. Though in some cases it's acceptable, in this case it was disruptive, and so the layout was updated to avoid this.