@CHARSET "UTF-8";

body { padding: 0; margin: 0; overflow-y: scroll; }
body { font-family: Verdana; }

#bg_overlay { z-index: 1; position: absolute; width: 100%; height: 831px; background: url(../img/layout/mks_bg_overlay.png) center top no-repeat; }
#bg_overlay div { position: relative; left: -50%; width: 1883px;  }

#topnav-wrap { position: relative; z-index: 2; border-top: 6px solid #d51e00; }
 #topnav { width: 1000px; margin: 0 auto; position: relative; }
 #logo { float: left; width: 283px; height: 69px; }
 #navigation { display: block; float: right; list-style: none; padding: 0; margin: 40px 0 0 0; }
  #navigation li { display: inline-block; padding: 0; margin: 0; }
  #navigation li a:link,
  #navigation li a:visited { font-size: 16px; color: #484848; display: inline-block; padding: 5px 10px; margin: 0; text-decoration: none; }
  #navigation li a:hover,
  #navigation li a:active,
  #navigation li a.active { color: #fff; background: #d51e00; }
 #toptoolbar { text-align: right; }
  #toptoolbar .tool { margin: 0 0 0 10px; }

#mainpagetop { position: relative; z-index: 2; width: 1000px; margin: 0 auto; position: relative; }
 #slider_wrapper { height: 343px; padding: 9px; background: #fff; border: 1px solid #deddde; margin: 10px 0; }
  #top_slider { }
 #main_banners { font-family: Arial; color: #444444; height: 164px; background: #fff; position: relative; border: 1px solid #deddde; margin: 20px 0 0 0; }
  #main_banners .banner { position: absolute; height: 233px; width: 180px; top: -16px; }
  #main_banners .banner.one { left: 30px; background: url(../img/uploaded/mks_home_banner1.png) 0 0 no-repeat; }
  #main_banners .banner.two { left: 500px; background: url(../img/uploaded/mks_home_banner2.png) 0 0 no-repeat; }
  #main_banners .bannertext { position: absolute; height: 100px; width: 240px; top: -5px; padding: 20px 0; }
  #main_banners .bannertext.one { left: 220px; }
  #main_banners .bannertext.two { left: 690px; }
  #main_banners .bannertext h1 { padding: 0; margin: 0; font-size: 20px; text-transform: uppercase; }
  #main_banners .bannertext p { padding: 0; margin: 10px 0 0 0; font-size: 12px; }
 #gmap { padding: 11px; background: #fff; border: 1px solid #deddde; margin: 20px 0 0 0; }

#title-area { position: relative; z-index: 2; width: 1000px; margin: 20px auto; position: relative; font-family: 'Verdana'; }
 #title-content { height: 67px; background: url(../img/layout/mks_titles.png) 0 0 no-repeat; }
  #title-content h1 { color: #d51e00; padding: 10px 0 0 0; margin: 4px 10px; width: 360px; display: inline-block; font-size: 30px; text-transform: uppercase; }
  #title-content h2 { color: #484848; padding: 10px 0 0 0; margin: 4px 10px; width: 560px; display: inline-block; float: right; font-size: 30px; text-transform: uppercase; }
 #pagebanner { background: #fff; padding: 5px 10px 10px 10px; margin: 10px 0; }
  #subnav { list-style: none; margin: 18px 0; background-color: white; padding: 8px 0px;} 
  #subnav li { display: inline-block; margin: 0; padding: 0; margin-right: -6px; }
  #subnav a:link,
  #subnav a:visited { padding: 10px 25px; text-decoration: none; font-size: 16px; font-family: 'Arial'; }
  #subnav a:hover,
  #subnav a:active,
  #subnav a.active { color: #FFFFFF; background-color: #D51E00; }
  #pagebanner img { width: 980px; display: block; padding: 0; margin: 0; }
  
#root { position: relative; z-index: 2; width: 1000px; margin: 10px auto; position: relative; }

#copyright { position: relative;  z-index: 2; font-size: 12px; margin: 10px auto; width: 980px; position: relative; background: #fff; padding: 10px; border: 1px solid #deddde; }
 #copyright .left { float: left; }
 #copyright .right { float: right; }