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: 166px 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;

    line-height: 1.5em;
    font-size: 12px;
  }

   #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 a:link, #middle #content a:visited, #middle #content a:hover, #middle #content a:active
   {
    text-decoration: none;
    font-weight: normal;
    color: #174D83;
   }

   #middle #content a:hover
   {
    text-decoration: underline;
   }

   #middle #content ul#news
   {
    margin:  8px 0 0 0;
    padding: 0;

    font-weight: bold;

    list-style: none;
   }

    #middle #content ul#news li
    {
     margin: 0 0 12px 0;
    }

   #middle #content ul.padded li
   {
    padding: 5px 0;
   }

   #middle #content span.strong
   {
    font-weight: bold;
   }

   #middle #content span.block
   {
    display: block;
   }

   #middle #content address
   {
    font-style: normal;
   }

  #middle #application
  {
   margin:  0 0 0 4px;
   padding: 65px 33px 0 26px;

   width: 295px;
   float: left;
  }

   #middle #application form
   {
    margin:  0;
    padding: 19px 0 117px 0;

    position: relative;
    top: -3px;
    z-index: 2;

    text-align: center;

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

    #middle #application form label
    {
     margin:  0;
     padding: 0 9px 0 19px;

     width:  114px;
     height: 20px;
     float: left;

     line-height: 20px;
     vertical-align: middle;
     text-align: right;
     font-size: 11px;
     font-weight: bold;
     color: #4b3a44;
    }

    #middle #application form input, #middle #application form select
    {
     margin: 0 0 15px 0;
     padding: 0 0 0 9px;

     border: none;
     border-top: 1px solid #cfcfcf;
     border-left: 2px solid #cfcfcf;

     width:  128px;
     height: 20px;
     float: left;

     line-height: 20px;
     vertical-align: middle;
     text-align: left;
     font-size: 11px;
     color: #4b3a44;
    }

    #middle #application form select
    {
     margin: 1px 0 15px 2px;
     border: none;

     width: 138px;
    }

    #middle #application form label span
    {
     display: block;

     line-height: 12px;
    }

    #middle #application form input#form-submit
    {
     margin:  0 auto;
     padding: 0;
     border:  none;
     width:  240px;
     height: 31px;
     position: absolute;
     bottom: 80px;
     left: 30px;

        background: url( /images/button-submit.jpg ) no-repeat;

     cursor: pointer;
    }
	#middle #application form input#form-submit:hover {
	background: url(images/button-submit-hover.jpg) no-repeat;
}

    #middle #application form img
    {
     position: absolute; 
     bottom: 0px;
     left: 0px;
    }

   #middle #application address
   {
    margin:  0;
    padding: 0;

    font-style: normal;
   }

    #middle #application address span.telephone
    {
     margin:  0;
     padding: 0 0 0 38px;

     height: 51px;
     display: block;
     position: absolute;
     left: -15px;
     bottom: 20px;

     line-height: 16px;
     font-size: 12px;
     font-weight:;
     color: #000000;

     background: url( # ) no-repeat 1px 10px;
    }

    #middle #application address span.application
    {
     position: absolute;
     left: 66px;
     bottom: 23px;

     font-size: 11px;
     color: #174d83;
    }

     #middle #application address span.application a:link, #middle #application address span.application a:visited, #middle #application address span.application a:hover, #middle #application address span.application a:active
     {
      text-transform: uppercase;
      color: #174d83;
     }

     #middle #application address span.application a:hover
     {
      text-decoration: none;
     }

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

    position: absolute;
    top:  192px;
    left: 19px;
   }

  #top
  {
   width: 100%;
   height: 166px; 
   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 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;
     left: 4px;
    }

   #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;

     line-height: 30px;
     vertical-align: middle;
     text-align: center;
     text-transform: uppercase;
     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#menu-sub
   {
    margin:  0 5px 0 4px;
    padding: 0;

    width:  860px;
    height: 71px;
    position: absolute;
    top:  95px;

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

    #top div#menu-sub h3
    {
     margin:  0;
     padding: 0;

     position: relative;
     top: 15px;

     line-height: 13px;
     text-align: center;
     text-transform: uppercase;
     font-size: 18px;
     font-weight: bold;
     color: #85350d;
    }

    #top div#menu-sub ul 
    {
     margin:  0 auto;
     padding: 15px 0 0 0;

     width:  860px;
     height: 43px;
    }

     #top div#menu-sub ul li
     {
      margin:  0;
      padding: 0 0 0 12px;

      height: 43px;
      float: left;

      line-height: 43px;
      vertical-align: middle;
      font-size: 14px;
      font-weight: bold;

      list-style: none;
     }

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

     #top div#menu-sub ul li.active
     {
      background: url( /images/menu-sub-active.png ) no-repeat center bottom;
     }

      #top div#menu-sub ul li.active a:link, #top div#menu-sub ul li.active a:visited, #top div#menu-sub ul li.active a:hover, #top div#menu-sub ul li.active a:active
      {
       color: #818486;
      }

   #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-top-right
   {
    width:  3px;
    height: 3px;
    position: absolute;
    top:  95px;
    right: 5px;

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

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

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

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

   #top img.metalslug-fire-walk
   {
    z-index: 1;
    position: absolute;
    bottom: 10px;
    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;
   }

  br.clear
  {
   clear: both;
  }