/*  --------------------------------------------    
    home.css
    com.airportbags.www
    regi e.(regi@pushhere.com, Lead Dev)
    - Requires(Location):
      (styles/lib/layout.css)
    --------------------------------------------  */
    
    
/*  GLOBAL OVERRIDES
    --------------------------------------------  */    
    body#home-page #section-header {
    	background-image: none;
    }
		body#home-page li#home {
      background: transparent url('/static/images/gui/icons/icon-nav-status.png') 50% 25px no-repeat;
    }
    body#home-page li#home a {
	  background: #fff;
      color: #000;	
    	
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
    }
	body#home-page .service {
	  height: 335px;
	  
	  -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
	}
    
/*  SERVICES
    --------------------------------------------  */
    #bags.service {
      background: #fbed1f;
    }
    #cars.service {
      background: #25bde2;
    }
    #serv.service {
      background: #8bc349;
    }
    .service h3 {
      background: transparent url('/static/images/gui/icons/icon-service-hdr.png') -7px -4px no-repeat;
      height: 67px;
    }
    .service h3 a {
      display: block;
      padding: 45px 0 0 0;
      background: transparent url('/static/images/gui/btn/btn-service-hdr.png') 177px -65px no-repeat;
      font-size: 1.1em;
      color: #000;
    }
    #bags h3 a:hover {
      background-position: 177px 7px;
      background-color: transparent;
    }
    .service p {
      margin-top: 0;
    }
    #bags.service p,
    #cars.service p,
    #serv.service p {
      padding-bottom: 15px;
   	  border-bottom: 1px solid #000;
   	  font-weight: 400;  	
    }
    #cars.service h3 {
      background-position: -248px -4px;
    }
    #serv.service h3 {
      background-position: -490px -4px;
    }
    #cars.service h3 a,
    #serv.service h3 a {
      background-position: 177px -67px;
    }
    #cars.service h3 a:hover,
    #serv.service h3 a:hover {
      background-position: 177px 5px;
      background-color: transparent;
    }
    .service .services {
      padding: 0;
    }
    .service .services li {
      font-size: 0.7em;
      padding: 5px 0 0;
      color: #000;
    }
    .service .services li a {
      color: #000;
    }
    .service .services li a:hover {
      color: #A9A9A9;
    }
    .service .services li.last {
      border-bottom: 0 none;
    }
    .service h3 a {
   	  border-bottom: 0 none;
    }
    
    
/*  MODULE
    --------------------------------------------  */
    .mod-section {
      width: 190px;
      float: left;
      padding: 10px 15px;
      background: #f0f0f0;
      margin-left: 20px;
      height: 230px;
      position: relative;
      
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
    }
    #join-section.mod-section:first-child,
    .mod-section:first-child {
      margin-left: 0;
      background: 0 none;
    }
    
/*    .mod-section img {
      border: 1px solid #000;
    }*/
    .mod-section p {
      font-size: 0.7em;
      margin-bottom: 5px;
    }
    #news-section h3 {
      background-position: -10px -308px;      
    }
    .mod-section h4 {
      font-size: 0.75em;
      margin-bottom: 10px;
    }
    #team-section.mod-section h3 {
      margin-bottom: 25px;
    }
    #news-section.mod-section a, 
    #partners-section.mod-section a {
      font-style: italic;
      font-size: 0.7em;
      color: #000;
      font-weight: 700;
      background: transparent url('/static/images/gui/btn/btn-arrow.png') 70px 3px no-repeat;
      display: block;
      padding-right: 25px;
    }
    #partners-section.mod-section a {
      font-size: 1em;
      background-position: 99px 5px;
    }
    #news-section.mod-section a:hover, 
    #partners-section.mod-section a:hover {
      color: #A9A9A9;
    }
    #partners-mod h3 {
        font-size: 1.1em;
    }
    #team-section.mod-section ul li {
      font-size: 0.65em;
      padding: 7px 0;
      color: #000;
      border-top: 1px solid #000;
    }
    #team-section.mod-section ul li strong {
      font-style: italic;
    }
    #team-section.mod-section ul li a {
      color: #000;
      background: transparent url('/static/images/gui/btn/btn-arrow.png') 100% 0 no-repeat;
      display: block;
      padding-right: 10px;
    }
    #team-section.mod-section ul li a:hover {
      color: #fff;
    }
    #care-section.mod-section {
      background: #f079ae;
    }
    #care-section.mod-section h3 {
      background: transparent url('/static/images/gui/icons/icons-home-hdr.png') -9px -402px no-repeat;   
      padding: 35px 35px 0 0;
      margin: 0;
    }
    #care-section.mod-section h4 {
      margin-bottom: 5px;
      padding: 0 2px 15px;
      border-bottom: 1px solid #000;
      font-weight: 400;
    }
    
    
/*  CONTACT OPTIONS
    --------------------------------------------  */
    #join-section.mod-section ul#contact-options,
    ul#contact-options {
      overflow: hidden;
    }
    #join-section.mod-section ul#contact-options li,
    ul#contact-options li {
      border-top: 0 none;
      margin: 15px 0;
    }
    #join-section.mod-section #contact-btn a,
    #join-section.mod-section #careers-btn a {
      background: transparent url('/static/images/gui/btn/btn-alert-overlay.png') 0 0 repeat-x;
	  	display: block;
	  	padding: 7px 10px 5px;
	  	color: #fff;
	  	text-decoration: none;
      font-weight: bold;
	  	line-height: 1;
	  	position: relative;
	  	cursor: pointer;
	  	background-color: #BDBDBD;
	  	font-size: 0.82em;
	 		width: 52px;
	  
	  	-moz-border-radius: 5px;
	  	-webkit-border-radius: 5px;
	  	-moz-box-shadow: 0 1px 3px #999;
	  	-webkit-box-shadow: 0 1px 3px #999;
    }
    #join-section.mod-section #careers-btn a {
      width: 170px;
    }

    
/*  ANIMATIONS
    --------------------------------------------  */
    #animation {
      margin: 0 auto;
      width: 940px;
      display: block;
    }
    .mask {
      overflow: hidden;
      width: 186px;
      height: 116px;
      border: 1px solid #000;
      position: relative;
    }
    .mask img {
      position: absolute;
      top: 0;
      left: 0;
      border: none;
    }