/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      background: url("../img_/main_bg.png") repeat top left;

      overflow: hidden;

      /*
      padding-bottom: 40px;
      color: #5a5a5a;
      */
    }

    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */
    #header {
      background:url(../img_/nav_bg_b.png) no-repeat center ; /* header image */
      height:170px; /* sets div height - has no content to push it open when h2 hidden */
      width: 100%;

      z-index: 10;
      margin: auto;
      margin-bottom: -88px;
     
      
      }
    

    #header_link{
    
      margin-top: -2px;

      width:100%;    
      }

    .menu{
      background: url("../img_/nav_bg_above.png") no-repeat center;


      margin: auto;
      margin-top: 0px;

      width:100%;
      height:162px;
      
      
      }
    /*
    .menu{
      position: absolute;
      top: 68px;

      margin: auto;

      width: 615px;
      height: 38px;
      
      }
*/
    .menu #about a{
      background-image: url(../img_/about.png);
      }
    .menu #exb a{
      background-image: url(../img_/exb.png);
      }
    .menu #contact a{
      background-image: url(../img_/con.png);
      }

    .menu #sep p{
      background-image: url(../img_/sep.png);
      }
    
    .menu ul  {

      width: 620px;
      margin: auto;
      padding-top: 68px;
      padding-left: 80px;
      }

    .menu li  {
      list-style-type: none;
      float:left;
      }

    .menu li p {
      width: 8px;
      margin: auto;

      text-indent: -9999px;
      }

    .menu li a{
      display: inline-block;
      width: 166px;
      line-height: 31px;
      font-size: 30px;
      text-indent: -9999px;
      overflow: hidden;
      }

    .menu li a:hover{
      width: 166px;
      line-height: 31px;
      font-size: 30px;
      background-position: 0 -37px;
      }



    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      position: absolute;
      left: 0px;
      background: url("../img_/logo.png") no-repeat center;
      min-width: 100%;
      margin-bottom: 0px;
      /*margin-top: -78px;*/
      z-index: 7;
      
    }
    .carousel .move_logo {
      position: relative;
      top: 288px;
      left: 346px;
      background: url("../img_/move_logo.jpg") no-repeat center;
      width: 110px;
      height: 26px;
    }
    .carousel .container {
      position: relative;
      z-index: 9;
    }

    
    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      /*z-index: 10;*/
    }

    .carousel .item {

      margin: auto;
      /*min-width: 80%;*/
      height: 600px;
    }
    .carousel img {
      /*
      position: absolute;
      top: 0;
      left: 0;
      */
      margin: auto;
      min-width: 800px;
      height: 600px;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 200px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }


/* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */
    #select_header {
      position: absolute;
      top: 680px;

      background:url(../img_/select_bar_bg.png) repeat-x top left; /* header image 
      height:150px; /* sets div height - has no content to push it open when h2 hidden */
      width: 100%;
      
      margin: auto;
      margin-top: -212px;

      z-index: 6;
           
      }

    .sb_img{
      
      margin: auto;
      margin-top: 8px;

      width:100%;
      height:162px;
      
      z-index: 3;
      
      }

    /*  
    .sb_img #i1 {
      background-image: url(../img_/i1.png);
      }
    .sb_img #i2 {
      background-image: url(../img_/i2.png);
      }
    .sb_img #i3 {
      background-image: url(../img_/i3.png);
      }
    .sb_img #i4 {
      background-image: url(../img_/i4.png);
      }
    .sb_img #i5 {
      background-image: url(../img_/i5.png);
      }
    */
    .sb_img ul {

      width: 744px;
      margin: auto;
      padding-top: 68px;
      padding-left: 20px;
      padding-right: 15px;
      }

    .sb_img ul li {
      list-style-type: none;
      float:left;
      width: calc(100%/7);
      text-align: center;
      }

    .sb_img ul li img{
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      /*width: 118px;*/
      z-index: 3;
      }

    .sb_img ul li #i6{
      width: 65%;
      /*width: 64px;*/
      /*padding: 0 26px;*/
      z-index: 3;
      }

    .sb_img ul li .sb_img_hover{
      
      -webkit-transition:all 0.5s ease-out;
      -moz-transition:all 0.5s ease-out;
      -o-transition:all 0.5s ease-out;
      
      -moz-transform:    translate(0px, 32px);
      -o-transform:      translate(0px, 32px);
      -webkit-transform: translate(0px, 32px);
      transform:         translate(0px, 32px);
      
      }

    #select_header_link {
      position: absolute;
      top: 680px;

      background:url(../img_/select_bar_bg_down.png) repeat-x top left; /* header image 
      height:150px; /* sets div height - has no content to push it open when h2 hidden */
      width: 100%;
      height: 44px;
      
      margin: auto;
      margin-top: -136px;

      z-index: 12;
           
      }

    .sb_link{
      position: relative;
      top: -76px;

      /*background:url(../img_/select_bar_bg_down.png) repeat-x center left; /* header image */
      margin: auto;
      /*margin-top: -162px;*/

      width:100%;
      height:44px;
      
      /*z-index: 12;*/
      
      }

    .sb_link #l1 a{
      background-image: url(../img_/l1.png);
      }
    .sb_link #l2 a{
      background-image: url(../img_/l2.png);
      }
    .sb_link #l3 a  {
      background-image: url(../img_/l3.png);
      }
    .sb_link #l4 a  {
      background-image: url(../img_/l4.png);
      }
    .sb_link #l5 a  {
      background-image: url(../img_/l5.png);
      }

    .sb_link #l6 a  {
      background-image: url(../img_/l6.png);
      }
    .sb_link #l7 a  {
      background-image: url(../img_/l7.png);
      }

    .sb_link #sep p{
      background-image: url(../img_/sep.png);
      }

    .sb_link ul  {

      width: 744px;
      margin: auto;
      padding-top: 77px;
     
      }

    .sb_link li  {
      list-style-type: none;
      float:left;
      }

    .sb_link li p {
      width: 8px;
      margin: auto;
      margin-left: 3px;
      margin-right: 3px;
      margin-top: 5px;
      text-indent: -9999px;
      }

    .sb_link li a{
      display: block;
      width: 90px;
      line-height: 32px;
      
      text-indent: -9999px;
      overflow: hidden;
      }

    .sb_link li a:hover{
      /*
      transform: scale(1.3, 1.3);
      -webkit-transform:scale(1.3, 1.3);
      -moz-transform:scale(1.3, 1.3);
      */
      }

    footer {
      position: absolute;
      bottom: 4px;

      width: 100%;

      font-size: 10px;
      color: #DBEAF0;
    }

    footer p{
      width: 266px;
      margin: auto;

    }