/*  --------------------------------------------    
    layout.css
    com.airportbags.www
    regi e.(regi@pushhere.com, Lead Dev)
    - Requires(Location):
      (styles/lib/layout.css)
    --------------------------------------------  */
    
/*  GLOBALS 
    --------------------------------------------  */
    #shell {
        padding: 0;
    }
    #section-header {
        width: 940px;
        margin: 0 auto;
    }
    #section-header {
        background: #ffffff url('/static/uploads/pages/images/branding/masthead.png') 50% 0 no-repeat;
        width: 100%;
        height: 307px;
    }
    #page-content {
        overflow: hidden;
        background: #F0F0F0;
    }
    .content {
        width: 695px;
        overflow: hidden;
        float: left;
        margin-left: 10px;
    }
    
/*  SECTION HEADER
    --------------------------------------------  */
     #section-nav {
        position: relative;
        width: 960px;
        height: 307px;
        margin: 0 auto;
        overflow: hidden;
     }
     #section-nav li {
        float: left;
        position: absolute;
     }
     #section-nav li a {
        display: block;
        width: 60px;
        height: 60px;
        text-indent: -999em;
     }
     #section-nav li#home-section {
        top: 33px;
        left: 144px;
     }
     #section-nav li#bags-section {
        top: 33px;
        left: 675px;
     }
     #section-nav li#cars-section {
        top: 33px;
        left: 765px;
     }
     #section-nav li#serv-section {
        top: 33px;
        left: 855px;
     }


/*  SECTION COLORS
    --------------------------------------------  */
    
    /* bags */
    body#bags-page #page-content,
    body#airport-page #page-content,
    body#convention-centers-page #page-content,
    body#cruises-page #page-content,
    body#hotels-page #page-content,
    body#partners-page #page-content,
    body#cruises-programs-page #page-content {
      background: #FBED1F;
    }
    /* cars */
    body#cars-page #page-content {
      background: #00B2DD;
    }
    /* serv */
    body#serv-page #page-content {
      background: #88C441;
    }


/*  MODULES
    --------------------------------------------  */
    .module,
    .page-module {
      width: 940px;
      margin:  0 auto 40px;
      background: #fff;
      clear: both;
      padding: 40px;
      overflow: hidden;
      
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
    }
    #partners-mod.module {
      background: #fff url('/static/uploads/pages/images/gui/icons/icon-home-buddy.png') 50px 100% no-repeat;   
    }
    .service,
    .service-nav {
      float: left;
      width: 200px;
      margin-left: 10px;
      padding: 10px;
      color: #000;
    }
    .service-breakdown,
    .service-information,
    .news-archives {
      float: left;
      overflow: hidden;
      width: 720px;
    }
    .service h2 {
      font-size: 1.1em;
      font-weight: 500;
    }
    .service-breakdown h3 a {
      text-indent: -999em;
    }
    #overview.service {
      margin-left: 0;
      height: 100%;
    }
    #overview.service p {
      margin-top: 20px;
      font-size: 0.75em;
    }
    #overview ul li {
      border-bottom: 1px solid #000000;
      color: #000;
      font-size: 0.75em;
      padding: 7px 0;
    }
    #overview ul li a {
      color: #000;
      font-weight: bold;
      font-size: 0.95em;    
    }
    #overview ul li.link-btn a {
      padding-left: 20px;
      background: transparent url('/static/uploads/pages/images/gui/icons/icon-bkarrow.png') -7px 50% no-repeat;
    }
    #overview ul li a:hover {
      color: #a6a6a6;      
    }
    #overview ul li.last {
      border-bottom: 0 none;
    }
    #airport-info,
    #conventions-info,
    #hotel-info,
    #cruise-info,
    #partners-info,
    #contact-info {
      float: left;
      width: 200px;
      padding: 10px;
      color: #000;
    }
    #partners-info {
      width: 370px;
    }
    .services,
    #centers,
    #hotels,
    .partners,
    #contact-form {
      padding: 10px 0 10px 15px;
      overflow: auto;
    }
    .Explorer #contact-form {
      padding-left: 18px;
    }
    .services ul li,
    #centers ul li,
    #hotels ul li,
    #video ul li,
    .partners ul li {
      padding: 2px 0;  
    }
    .services ul li a,
    #centers ul li a,
    #hotels ul li a,
    #video ul li a,
    .partners ul li a {
      color: #000;  
    }
    .services ul li a:hover,
    #centers ul li a:hover,
    #hotels ul li a:hover,
    #video ul li a:hover,
    .partners ul li a:hover {
      color: #a6a6a6;  
    }

    
/*  SERVICE NAVIGATION
    --------------------------------------------  */
    .service {
      height: 330px;
    }
    .service-nav {
      margin: 0;
      overflow: auto;
    }
    .service-nav ul {
      margin-bottom: 20px;
    }
    .service-nav ul.top-level {
      margin-bottom: 80px;
    }
    .service-nav h3,
    .service h3 {
      background: none;
    }
    .service h3 a,
    #airport-info h2,
    .services h2,
    #conventions-info h2,
    #centers h2,
    #hotel-info h2,
    #hotels h2,
    #cruise-info h2,
    #video h2,
    #partners-info h2,
    #partners h2,
    .news-archives h2,
    #contact-info h2,
    #contact-form h2,
    .service-nav h2,
    .hotel-shell h2 {
      display: block;
      padding: 155px 0 30px;
      border-bottom: 1px solid #000;
    }
    div#overview ul li.pdf {
      padding-left: 40px;
      background: transparent url('/static/uploads/pages/images/gui/icons/icon-pdf.gif') 0 50% no-repeat;    
    }
    
    
/*  PAGE
    --------------------------------------------  */
    .page .service-nav {
      padding: 0 10px 10px;
    }
    .page .service-nav h2 {
      padding: 0 0 25px;
      text-indent: 0;
    }
    .page .page-information {
      padding: 10px;
      color: #000;
      float: left;
      margin-left: 20px;
      width: 600px;
    }
    .page .page-information ul li {
      font-size: 0.75em;
      padding: 5px 20px;
      border-left: 2px solid #A6A6A6;
    }

    
/*  FOOTER
    --------------------------------------------  */
    #footer {
      width: 940px;
      margin: 0 auto 20px;
      padding-bottom: 5px;
      position: relative;
      overflow: hidden;
    }
/*    #footer-nav {
      margin: 25px 0 0;
      position: absolute;
      right: 0;
    }*/
    #footer-nav {
      margin: 10px 0 0;
      float: right;
    }
    #footer-nav li {
      float: left;
    }
    #footer-nav li a {
      display: block;
      padding:  0 5px 10px;
      font-size: 0.75em;
      color: #fff;
    }
    #copyright {
      position: absolute;
      bottom: 10px;
      right: 5px;
      font-size: 0.7em;
      color: #ffffff;
      margin: 0;
    }
    #copyright a {
      color: #ffffff;
      padding-left: 10px;
      background:transparent url('/static/uploads/pages/images/gui/icons/icon-arrow.png') 0 45% no-repeat;
    }
    #footer-nav li a:hover,
    #copyright a:hover {
      color: #000;
    }
    
  
/*  NEWSLETTER
    --------------------------------------------  */
    #newsletter {
      float: left;
    }
    #newsletter h2 {
      font-weight: 500;
      font-size: 0.75em;
      color: #fff;
      margin: 10px 0 0;
    }
    #newsletter p {
      margin: 0 0 20px;
      font-size: 0.75em;
      color: #fff;
    }
    #newsletter input {
      color: #424242;
      font-weight: 700;
      font-size: 0.75em;
      width: 175px;
      padding: 4px 5px 7px;
    float: left;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #A9A9A9;
    }
    #newsletter button {
      background: transparent url('/static/uploads/pages/images/gui/btn/btn-alert-overlay.png') 0 0 repeat-x;
      display: block;
      padding: 5px 10px;
      color: #424242;
      text-decoration: none;
      font-weight: bold;
      line-height: 1;
      position: relative;
      cursor: pointer;
      background-color: #BDBDBD;
      font-size: 0.82em;
      width: 95px;
      border: 0 none;
    
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-box-shadow: 0 1px 3px #999;
      -webkit-box-shadow: 0 1px 3px #999;
    }
    #newsletter button:hover,
    #contact-form button:hover,
    #contact-info a:hover,
    #contact-btn a:hover,
    #careers-btn a:hover,
    #join-section.mod-section #contact-btn a:hover,
    #join-section.mod-section #careers-btn a:hover,
    #bags a:hover,
    #cars a:hover,
    #serv a:hover,
    .article a.read-more:hover  {
      opacity: 1;
      background-color: #222;
    }
    #newsletter button:hover {
      color: #fff;
    }
    .Safari #newsletter button,
    .Explorer #newsletter button {
      padding: 7px 10px;
    }
  
  
/*  NOTICE
    --------------------------------------------  */
    #form-notice {
      border: 7px solid #bdbdbd;
      background: #f0f0f0;
      width: 45%;
      padding: 10px;
    }
    #applications-page #form-notice {
      width: 525px;
    }
    #form-notice h3 {
      font-size: 0.9em;
    }
    .notice input {
      border: 3px solid #ff0000;
    }