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