body { margin: 0; padding: 0; background: #fff; font: 12px Arial, sans-serif; color: #333; background: #2b2b2b URL("../images/backgrounds/site.png") repeat-x; }

#container { width: 936px; margin: 0 auto; overflow: hidden; }

/* Header */
#container .header { display: block; height: 332px; background: URL("../images/backgrounds/header.png") no-repeat; overflow: hidden; }
  #container .header .logo { float: left; display: inline; width: 290px; height: 147px; overflow: hidden; }
  #container .header .right { float: right; display: inline; width: 646px; height: 147px; overflow: hidden; }
    #container .header .right .feature { display: block; height: 100px; }
    #container .header .right ul { list-style: none; margin: 0; padding: 19px 0 0 0; text-align: right; }
      #container .header .right ul li { display: inline; margin: 0 10px; }
      #container .header .right ul li a { font: bold 11px Arial, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; }
      #container .header .right ul li a:hover { color: #ff0000; }
    
    /* Splash Header */
    #container .header .splash { clear: both; display: block; height: 183px; margin: 0; padding: 0; }
      #container .header .splash .image { float: left; display: inline; width: 300px; margin: 0 30px; }
      #container .header .splash .slogan { float: right; display: inline; width: 400px; font: italic 14px Arial; line-height: 21px; color: #555; margin: 15px 70px; }
      
#container .content { display: block; background: #fff URL("../images/backgrounds/content.png") no-repeat; overflow: hidden; }
  #container .content .column { float: left; display: inline; }
    #container .content .column .feature { display: block; margin: 0 0 10px 0; padding: 0 10px; border: 1px solid #ccc; background: #fff; }
    #container .content .column .feature2 { display: block; margin: 0 0 10px 0; padding: 0; overflow: hidden; }
      #container .content .column .feature2 .left { float: left; display: inline; width: 150px; margin: 0 25px 0 0; text-align: center; }
      #container .content .column .feature2 .right { float: left; display: inline; width: 350px; }
        #container .content .column .feature2 .right h1 { background: #000; color: #fff; padding: 10px 15px; margin: 0; }
          #container .content .column .feature2 .right h1 sup { color: #333; font-size: 12px; }
          #container .content .column .feature2 .right h1 em { color: #ff0000; font-weight: normal; font-style: normal; text-transform: uppercase; }
        #container .content .column .feature2 .right h2 { color: #ff0000; font-weight: normal; font-style: normal; }
          #container .content .column .feature2 .right h2 small { color: #ff0000; font-weight: normal; font-style: normal; font: bold 12px Arial; }
  #container .content .width-small { width: 325px; margin: 10px 15px 0 15px; }
  #container .content .width-large { width: 530px; margin: 10px 15px 0 15px; }
  #container .content .width-super { width: 610px; margin: 20px 30px; }
  #container .content .width-ultra { width: 100%; margin: 20px 30px; }
  #container .content .width-mini { width: 230px; margin: 20px 15px 0 15px; }
    #container .content .width-mini .box { border: 1px solid #ccc; background: #fff; padding: 10px; margin: 0 0 10px 0 }

  #container .content .static { display: block; overflow: hidden; margin: 20px 0 }
    #container .content .static .image { width: 70px; height: 100px; float: left; display: inline; margin: 0 25px 0 0; }
    #container .content .static .text  { width: 400px; float: left; display: inline; }
      #container .content .static .text h1 { color: #ff0000; margin: 0; padding: 0; }
        #container .content .static .text h1 sup { font-size: 12px; }
      #container .content .static .text h2 { color: #ff0000; margin: 0; padding: 0; }

  ul#slide { list-style: none; margin: 0; padding: 0; display: block; height: 241px; overflow: hidden; }

  #container .content .gallery-box { float: left; display: inline; width: 250px; padding: 10px; border: 1px solid #ccc; background: #fff; }
  #container .content .spacer { margin: 0 30px } 
  #container .content .gallery-image { padding: 10px; border: 1px solid #ccc; background: #fff; margin: 10px 15px 5px 10px; }
  
#container .footer { width: 936px; display: block; overflow: hidden; margin: 6px auto 0 auto; color: #777; }
  #container .footer .address { float: left; display: inline; width: 306px; height: 105px; background: #000; border: 1px solid #333; }
    #container .footer .address p { padding: 15px 20px 1px 20px; margin: 0; }
    #container .footer .address .left { float: left; display: inline; width: 100px; height: 51px; margin: 25px 25px 25px 25px; }
  #container .footer .margin { margin: 0 6px; }
  #container .footer p.foot { margin: 10px 0; padding: 10px 0; clear: both; }
  
table.table { }
table.table th { text-align: left; background: #555; color: #fff; padding: 4px 6px 6px 6px; }
table.table th sup { font-size: 10px; }
table.table td { padding: 8px; }

/* Splash */
.splash { margin: 100px 0 55px 0; }
a.splashA { -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 20px solid #333; background: #333; color: #fff; font: bold 16px Arial; text-decoration: none; padding: 0 120px; }
a.splashA:hover { -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 20px solid #3f4a65; background: #3f4a65; color: #fff; font: bold 16px Arial; text-decoration: none; padding: 0 120px;  }