body
{
 margin:  0;
 padding: 0;

 text-align: center;

 font-family: arial, sans-serif;

 background: url( /images/body-bg.png );
}

 #constraint
 {
  margin:  16px auto 90px auto;
  padding: 0;

  width:  869px;
  position: relative;

  text-align: left;
 }
 
  #middle
  {
   margin:  0;
   padding: 364px 0 13px 0;

   background-color: red;
   background: url( /images/middle-bg.png ) repeat-y 0px 0px;
  }

  #middle #content
  {
   margin:  0 5px 0 0;
   padding: 27px 22px 0 0;

   width: 484px;
   float: right;
  }

   #middle #content h1
   {
    margin:  0;
    padding: 0 0 17px 0;
    border-bottom: 1px solid #a7a0a4;

    line-height: 18px;
    font-size: 24px;
    color: #174d83;
   }

   #middle #content p
   {
    font-size: 12px;
    line-height: 1.5em;
   }

  #middle .resources
  {
   margin:  0 0 0 4px;
   padding: 65px 23px 0 26px;

   width: 305px;
   float: left;
  }

   #middle .resources div
   {
    margin:  12px 0 0 0;
    padding: 0;
    border: 1px solid #d2d5da;

    width: 303px;

    background: url( /images/body-bg.png );
   }

    #middle .resources div h5
    {
     margin:  0;
     padding: 0 12px 2px 10px;

     height: 30px;

     line-height: 32px;
     font-size: 14px;
     color: white;

     background: url( /images/resource-h5-bg.png ) repeat-x;
    }

    #middle .resources div span
    {
     margin:  17px 12px 0 0;
     padding: 0 0 0 10px;

     display: block;

     font-size: 14px;
     font-weight: bold;
    }

    #middle .resources div q
    {
     margin:  17px 12px 0 0;
     padding: 0 0 0 10px;

     display: block;

     font-size: 11px;
    }

    #middle .resources div a.learn-more
    {
      margin:  17px 12px 11px 0;
      padding: 0;

      display: block;

      text-align: right;
      text-transform: uppercase;
      text-decoration: none;
      font-size: 12px;
      font-weight: bold;
      color: #174d83;

      background: url( /images/icon-arrow.png ) no-repeat 198px 2px;
    }

   #middle .resources img#apply-now
   {
    margin: 0 0 3px 0;
    border: 0;

    position: absolute;
    top:  390px;
    left: 25px;
   }

  #top
  {
   width: 100%;
   height: 364px; 
   position: absolute;
   top:  0px;
   left: 0px;

   background: url( /images/body-bg.png );
  }

   #top h2#domain
   {
    margin:  0;
    padding: 0;

    position: absolute;
    top:  0px;
    left: 73px;

    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: bold;
    color: #174d83;
   }

    #top h2#domain span
    {
     text-transform: none;
    }

   #top address
   {
    margin:  0;
    padding: 0 0 0 4px;

    height: 65px;
    display: block;

    font-style: normal;
   }

    #top address img#location
    {
     position: absolute;
     top:  95px;
     left: 4px;
    }

    #top address span.telephone
    {
     margin:  0px;
     padding: 0 0 0 39px;

     height: 53px;
     display: block;
     position: absolute;
     top:   0px;
     right: 4px;
     cursor: pointer;

     line-height: 53px;
     vertical-align: middle;
     font-size: 18px;
     font-weight: bold;
     color: #174d83;

     background: url( /images/icon-telephone.png ) no-repeat 1px 2px;
    }

    #top address span.bf-division
    {
     position: absolute;
     top:  29px;
     left: 73px;
 
     letter-spacing: 0.5px;
     font-size: 12px;
     font-weight: bold;
     color: #8a3b14;
    }

    #top address img#logo-bf
    {
     border: 0;
 
     position: absolute;
     top: 0px;
    }

   #top ul#menu
   {
    margin:  0 0 0 4px;
    padding: 0;

    width: 860px;
    height: 30px;
    position: relative;
    top: 0px;
    overflow: hidden;

    background: url( /images/menu-bg.png ) repeat-x;
   }

    #top ul#menu li
    {
     padding-left: 32px;

     float: left;

     text-align: center;
     text-transform: uppercase;
     vertical-align: middle;
     line-height: 30px;
     font-size: 12px;
     font-weight: bold;
     color: white;

     list-style: none;
    }

     #top ul#menu li a:link, #top ul#menu li a:visited, #top ul#menu li a:hover, #top ul#menu li a:active
     {
      text-decoration: none;
      color: white;
     }

     #top ul#menu li a:hover
     {
      color: #993300;
     }

    #top ul#menu li.border-left
    {
     padding-left: 17px;

     background: url( /images/menu-bg-left.png ) no-repeat;
    }

    #top ul#menu li.application
    {
     padding: 0 15px 0 0;

     width: 118px;
     float: right;

     text-align: right;

     background: url( /images/menu-bg-apply-now.png ) no-repeat;
    }

     #top ul#menu li.application a:hover
     {
      color: black;
     }

   #top div.resources
   {
    width:  529px;
    height: 269px;
    position: absolute;
    top:  95px;
    left: 335px;

    background: url( /images/resources-bg.png ) repeat;
   }

    #top div.resources div
    {
     margin:  0;
     padding: 0px 20px 0px 20px;

     width:  173px;
     height: 123px;
     overflow: hidden;

     background: url( /images/resource-bg.png ) repeat-y;
    }

     #top div.resources div h5
     {
      margin:  8px 0 0 0;
      padding: 0;

      height: 30px;

      text-transform: uppercase;
      line-height: 32px;
      font-size: 14px;
      color: #174d83;
     }

     #top div.resources div span
     {
      margin:  8px 0 0 0;
      padding: 0;

      display: block;
      position: relative;
      top: -4px;

      font-size: 12px;
      font-weight: bold;
     }

     #top div.resources div a.learn-more
     {
       margin:  0;
       padding: 0 0 0 17px;

       position: absolute;
       bottom: 11px;       
       left:   20px;

       text-transform: uppercase;
       text-decoration: none;
       font-size: 12px;
       font-weight: bold;
       color: #174d83;

       background: url( /images/icon-arrow.png ) no-repeat 0px 2px;
     }

     #top div.resources div span.top
     {
      margin:  0;
      padding: 0;

      width:  213px;
      height: 9px;
      display: block;
      position: absolute;
      top:  0px;
      bottom: 0px;
      left: 0px;
 
      background: url( /images/resource-top.png ) no-repeat;
    }

    #top div.resources div span.bottom
    {
     margin:  0;
     padding: 0;

     width:  213px;
     height: 10px;
     display: block;
     position: absolute;
     top: auto;
     bottom: 0px;
     left:   0px;

     background: url( /images/resource-bottom.png ) no-repeat;
    }

    #top div.resources div.top-left
    {
     position: absolute;
     top:  10px;
     left: 38px;
    }

    #top div.resources div.top-right
    {
     position: absolute;
     top:  10px;
     left: 279px;
    }

    #top div.resources div.bottom-left
    {
     position: absolute;
     top:  133px;
     left: 38px;
    }

    #top div.resources div.bottom-right
    {
     position: absolute;
     top:  133px;
     left: 279px;
    }

   #top span.corner-top-left
   {
    width:  3px;
    height: 3px;
    position: absolute;
    top:  95px;
    left: 4px;

    background: url( /images/top-corners.gif ) 0px 3px;
   }

   #top span.corner-bottom-left
   {
    width:  3px;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left:   4px;

    background: url( /images/top-corners.gif ) no-repeat;
   }

   #top span.corner-bottom-right
   {
    width:  3px;
    height: 3px;
    position: absolute;
    right:  5px;
    bottom: 0px;

    background: url( /images/top-corners.gif ) no-repeat -3px 0px;
   }

   #top img.metalslug-troops
   {
    z-index: 2;
    position: absolute;
    top:  133px;
    left: 4px;
   }

   #top img.metalslug-machine
   {
    z-index: 1;
    position: absolute;
    bottom: 0px;
    left:   4px;
   }

   #top img.metalslug-fire
   {
    z-index: 3;
    position: absolute;
    bottom: 0px;
    left:   179px;
   }

   #top img.metalslug-fire-walk
   {
    z-index: 1;
    position: absolute;
    bottom: 0px;
    left:   134px;
   }

  #bottom 
  {
   position: relative;
   bottom: 0px;

   text-align: center;

   background: url( /images/middle-bg-footer.png ) no-repeat 0px 0px;
  }

   #bottom ul
   {
    margin:  0 0 13px 0;
    padding: 83px 0 0 0;

    font-size: 12px;
    color: black;
   }

    #bottom ul li
    {
     margin:  0;
     padding: 0 17px;
     border:  0;
     border-left: 1px solid black;

     display: inline;
    }

    #bottom ul li.border-none
    {
     border: 0;
    }

     #bottom ul li a:link, #bottom ul li a:visited, #bottom ul li a:hover, #bottom ul li a:active
     {
      text-decoration: none;
      color: black;
     }

     #bottom ul li a:hover
     {
      text-decoration: underline;
      color: #174d83;
     }

   #bottom img#logo-business-factors
   {
    margin:  0;
    padding: 0;
    border:  0;

    position: absolute;
    top: 31px;
    left: 349px;
   }
 
   #bottom address
   {
    font-size: 10px;
    font-style: normal;
   }

   #bottom address span
   {
    display: block;

    font-size: 12px;
   }

   #bottom address span a
   {
    text-decoration: none;
    color: #174D83;
   }

  br.clear
  {
   clear: both;
  }