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

    body {
      background: url("../img_/book_bg.png") repeat-x;
      background-color: #9d9a82;
      /*
      background-size: cover;
      -moz-background-size:cover;
      -webkit-background-size:cover;  
      */
      
      padding-bottom: 80px;
      /*
      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: 0px;
     
      
      }
    

    #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 content
    -------------------------------------------------- */
    #content_wrap {
      
      /*background:url(../img_/select_bar_bg.png) repeat-x top left; /* header image */
      width: 900px;

      min-height: 1060px;
      
      margin: auto;
      margin-top: -24px;

      z-index: 6;
           
      }


    .sb_img{
      
      margin: auto;
      margin-top: 8px;
      min-height: 1060px;
      
      /*background-color: #607C60;*/
      
      
      }
   
    .ff-items{
      position: relative;
      
      width: 800px;
      
            
    }

    .ff-items a{
      display: block;
      position: relative;
      margin-top: -6px;

      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      
      width: 155px;
      height: 175px;
    }
    .ff-items a span{
      display: block;
      background: rgba(39,68,39, 0.9);
      
      font-size: 14px;
      color: #fff;
      /*font-weight: bold;*/

      padding: 4px;
      
      position: absolute;
      bottom: -8px;
      left: 9px;
      width: 136px;
      height: 0px;
      overflow: hidden;
      opacity: 0;
      text-align: left;
      text-shadow: 1px 1px 1px #303857;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    .ff-items a span p{
      font-size: 10px;
      line-height: 12px;

      
      
    }
    .ff-items a:hover span{
      height: 98px;
      opacity: 0.8;
    }
    .ff-items li img{
      display: block;
      width: 155px;
      height: 185px;
      border: solid #fff 3px;

    }

    .ff-items li{
      list-style-type: none;
      margin-bottom: 3px;
      margin-left: 8px;
      
      float: left;
      width: 165px;
      height: 195px;
      -webkit-transition: opacity 0.6s ease-in-out;
      -moz-transition: opacity 0.6s ease-in-out;
      -o-transition: opacity 0.6s ease-in-out;
      -ms-transition: opacity 0.6s ease-in-out;
      transition: opacity 0.6s ease-in-out;
    }

    .modal_self{
      background-color: #606060;
      
      color: #fff;

    }

    .des_head{
      background-color: #606060;
      max-height: 16px;

      color: #fff;

    }


    .des_img{
      background-color: #E6ECEE;
      max-height: 600px;

      letter-spacing: 1px;
      line-height: 23px;
      text-align: left;

      color: #606060;

    }
    .des_img img {
      margin-bottom: 20px;
    }
    .des_img span.quote {
      padding-left: 20px;
      display: block;
      padding-top: 20px;
    }
    .des_img span.source {
      font-size: 12px;
      line-height: 1;
    }

    .des_img_hori{
      float: left;
      max-width: 180px;


    }
    .des_text_hori{
      float: left;
      margin-left: 24px; 
      max-width: 620px;

    }

    .des_text{
      background-color: #606060;
      max-height: 300px;

      letter-spacing: 1px;
      line-height: 20px;
      text-align: left;
      color: #fff;

    }

    
    .modal, .modal.fade.in {
      top: 0; /* was 10% */
      margin-top: 0px;
      margin: 0px 0 0 -450px;
      max-height: 800px;
      width: 880px;
    }

    footer {
      
      width: 100%;

      
    }

    footer p{
      width: 266px;
      margin: auto;
      font-size: 10px;
      color: #DBEAF0;
    }