/*
  =modules --------------------------------------------------------------------------------------------------------------
  NOTE:       Flirting with a CSS Object Orientated approach; use classes to define the styles rather than page-based 
              cascades. This helps ensure that "widgets" and things can be used on ANY page and still look correct.
              I have a number of reservations with the "full" approach though, hence this watered down version.
  REFERENCE:  http://wiki.github.com/stubbornella/oocss/faq
  ----------------------------------------------------------------------------------------------------------------------- */
  .container .content {
    max-width : 1400px; margin-left : auto; margin-right : auto; }
  .container.footer {
    margin-top : 19px; }

/*
  =pages ----------------------------------------------------------------------------------------------------------------
         NOTE: Styling for specific pages of the site
  ----------------------------------------------------------------------------------------------------------------------- */

/* homepage
  ----------------------------------------------------------------------------------------------------------------------- */

body.home #the-sell {
  float : left;
  width : 30%; padding-right : 0; padding-bottom : 0; border-bottom : 0; margin-bottom : 1px; }

body.home #features,
body.home #basic-instructions,
body.home #requirements {
  float: left;
  width : 18.3%; margin-right : 0; margin-left : 5%; }

body.home .container.second {
  margin-bottom : 26px;
  background : url(../images/gallery-bg-top.png) top left repeat-x,
               url(../images/gallery-bg-bottom.png) bottom left repeat-x,
               url(../images/gallery-bg.jpg) 50% 50%; }
body.home #example h2 {
  border-top : 0; padding-top : 19px; }
body.home #example {
  border-bottom : 0; padding-bottom : 20px; }

body.home #example .details li img {
  float : left;
  display : block; width : 44%; margin-right : 0; }
body.home #example .details li p {
  float : right; width : 44%; }
body.home #example .details li i {
  font-size : 52px; }
body.home .details ul li span.airport {
  font-size : 16px; }

body.home #hat-tip h2 {
  border-top : 0; margin-top : 0; }

/* details
  ----------------------------------------------------------------------------------------------------------------------- */
  html.details .container.fourth {
    overflow : hidden; }
  html.details div.htaccess,
  html.details div#limitations {
    float : left;
    width : 64.5%; }
  html.details div.js,
  html.details #future {
    float : right;
    width : 30%; }
  html.details #future h2,
  html.details .container.fourth #future h2 {
    border-top : 0; padding-top : 0; margin-top : 0; }
  html.details #customise .htaccess h3,
  html.details #customise .js h3 {
    margin-top : 0; }
  html.details div.htaccess {
    padding-bottom : 45px; }