/*  --------------------------------------------    
    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/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/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: 10px 0;
    }
    #overview ul li a {
      color: #000;
      font-weight: bold;
      font-size: 0.95em;      
    }
    #overview ul li.link-btn a {
		padding-left: 17px;
		background: transparent url('/static/images/gui/icons/icon-bkarrow.png') -10px 2px no-repeat;
    }
    #overview ul li a:hover {
      color: #a6a6a6;      
    }
    #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,
    #video,
    .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,
    .hotel 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 {
      display: block;
      padding: 155px 0 30px;
      border-bottom: 1px solid #AFAFAF;
    }
    div#overview ul li.pdf {
      padding-left: 35px;
      background: transparent url('/static/images/gui/icons/icon-pdf.gif') 0 14px 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/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/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;
    }