@charset "utf-8";
@media all {

/* BODY AND FONTS: =body
----------------------------------------------- */
   body { background: #fff url("/images/bg-body.gif") top left repeat-x; color: #000; margin:0; padding: 0; text-align: center;  } 
   body, input, textarea, select { font: 12px/19px Verdana, Arial, Helvetica, sans-serif; }
   
/* LINKS AND IMAGES: =links
----------------------------------------------- */
   a img { border: none; }
   a:link, a:visited { color: #ba0f0c; }
   a:hover { color: #000; }
   img.floatimg { float: right; margin: 0 0 20px 20px; }
   .floatimg { float: right; margin: 0 0 20px 20px; }
   img.lgimg { border: 1px solid #b0b0b0; margin: 0 0 20px 0; }
   a.specs { background: url("/images/file.png") 0 50% no-repeat; padding: 2px 0 2px 20px; font-size: 12px; font-weight: bold; }
   
/* TYPOGRAPHY: =typography-
----------------------------------------------- */ 
   h1, h2, h3, h4, h5, h6 { margin: 0 0 4px 0; padding: 0;  }
   h1 { height: 80px; margin: 0 0 18px 0; } 
   h1 span { display: block; padding-top: 15px; }
   h1.body { height: auto; font-size: 22px; text-transform: uppercase; }
   h2 { font-size: 20px; text-transform: uppercase; margin: 0 0 8px 0; }
   h3 { font-size: 15px; }
   h3.date { color: #808080; font-weight: normal; margin: 0 0 20px 0; }
   body.home h2 { font-size: 14px; }
   p, blockquote, table { margin: 0 0 18px 0; }

/* LAYOUT: =layout
----------------------------------------------- */
   #wrapper, #content, #footer { float: left; width: 100%; clear: both; }
   #wrapper { padding: 0 0 20px 0; }

   .container { width: 870px; text-align: left; margin: 0 auto; padding: 0 18px;  }

   
   .left { float: left; }
   .right { float: right; }
   .twocol { width: 278px; }
   .threecol { width: 426px; }
   .fourcol { width: 574px; }
   
   .box { border: 1px solid #b0b0b0; margin: 0 0 18px 0; padding: 21px 12px 17px 12px; }
   .boxtop { margin: -12px 0 0 0; position: relative; top: 12px; left: 12px; }
   .box p { margin: 2px 0; }
   .boxtop h2 { text-indent: -999em; background-position: top left; background-repeat: no-repeat; height: 23px; margin: 0; padding: 0; }
   .boxtop h2.affiliates { background-image: url("/images/subtitle-affiliates.gif"); width: 80px; }
   .boxtop h2.mfg { background-image: url("/images/subtitle-mfg.gif"); width: 189px; }
   .boxtop h2.section { background-image: url("/images/subtitle-section.gif"); width: 116px; }
   
/* HEADER: =header
----------------------------------------------- */
   #header { position: relative; height: 140px; }
   #header img { float: left; margin-top: 40px; }

/* NAVIGATION: =nav
----------------------------------------------- */
   /* tiny nav */
   #nav span { color: #000; padding-right: 5px; }
   #nav p { position: absolute; right: 0; bottom: 54px; font-size: 11px; text-align: right; color: #e3e3e3; margin: 0; padding: 0; }
   
   /* add this */
   #addthis { position: absolute; right: 0px; bottom: 80px; font-size: 11px; text-align: right; color: #e3e3e3; margin: 0; padding: 0; }

   /* global nav */
   #nav ul { background: #000 url("/images/bg-gnav.gif") top left repeat-x; position: absolute; right: 0; bottom: 0; list-style: none; height: 43px; margin: 0; padding: 0; }
   #nav li { float: left; margin: 0; padding: 0; line-height: 22px;  }
   #nav li.selected { background: #ba0f0c; }
   #nav li.selected a, #nav li a:hover { color: #fff; }
   #nav li a { display: block; float: left; text-decoration: none; color: #d5d5d5; font-size: 13px; padding: 12px 19px; }
   
   /* subnav */
   ul.subnav { list-style: none; margin: 0; padding: 0; }
   ul.subnav li a { text-decoration: none; text-transform: uppercase; background: url("/images/arrow.gif") 0 50% no-repeat; padding: 2px 0 2px 15px; }
   ul.subnav li a:hover, ul.subnav li.selected a { background: url("/images/arrow-hover.gif") 0 50% no-repeat; }
   ul.subnav li.selected a { font-weight: bold; color: #000; }
   ul.subnav li.selected a:hover { cursor: default; }
   
/* LISTS: =lists
----------------------------------------------- */
   ul { margin: 0 0 18px 0; padding: 0 0 0 20px; }
   ol { margin: 0 0 18px 0; padding: 0 0 0 22px; }
   li { margin: 0 0 3px 0; padding: 0; }
   
   dl { margin: 0 0 18px 0; padding: 0; }
   dt { font-weighT: bold; margin: 0 0 3px 0; padding: 0; }
   dd { margin: 0 0 18px 0; }
   
/* HOMEPAGE: =home
----------------------------------------------- */
   body.home { background: url("/images/bg-body-home.gif") top left repeat-x; }
   #intro { color: #fff; line-height: 18px; height: 317px; }
   #intro h1#tagline { background: url("/images/tagline.gif") top left no-repeat; text-indent: -999em; width: 278px; height: 63px; margin: 0 0 14px 0; }
   #intro .twocol { padding-top: 48px; }
   ul.servicelinks { list-style: none; width: 582px; float: left; margin: 18px 0 0 -2px; padding: 0; position: absolute; z-index: 100; }
   ul.servicelinks li { float: left; width: 284px; }
   ul.servicelinks li.left { margin-right: 10px; }
   ul.servicelinks li a:active { position: relative; top: 2px; }
   ul.introbuttons { float: left; list-style: none; margin: 0 0 0 -2px; padding: 0; position: absolute; width: 286px; white-space: nowrap; }
   ul.introbuttons li { margin: 0 4px 0 0; float: left; line-height: 25px; }
   ul.introbuttons a { outline: none; color: #fff; display: block; background: url("/images/bg-intro-button.gif") top left no-repeat; width: 139px; height: 32px; text-align: center; text-decoration: none; }
   ul.introbuttons a:active { position: relative; top: 2px; }
   
   body.home #bottom { clear: both; }
   body.home #bottom .twocol { padding-top: 18px; }
   body.home #bottom .fourcol { padding-top: 67px; }

   .affiliates div { width: 248px; }
   .affiliates div img { border: 1px solid #b0b0b0; float: left; }
   .affiliates div p strong { font-size: 12px; }
   .affiliates div p { float: right; width: 158px; font-size: 11px; line-height: 14px; }
   
   .testimonial{ background-color:#edf6fd; margin-top:22px; padding:10px;}
   .testimonial, .introtext { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 16px; line-height: 24px; }
   .testimonial .source { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 16px; margin-top: -12px; }
   
   dl.news { font-size: 11px; }
   dl.news dt { margin: 0; padding: 0; }
   dl.news dd { margin: 0 0 9px 0; }
   
/* INTERIOR PAGES: =interior
----------------------------------------------- */
   /* company */
   h1.company { background: url("/images/companytop.gif") bottom right no-repeat; margin: 0; }
   img.companybottom { margin: 0 0 20px 0; }
   #awards{ float:left; width:400px;}
   
   
   /* services */
   body.services ul.servicelinks { position: static; margin: 0 0 12px 0; }
   body.services #intro { height: auto; }
   
   /* glossary */
   body.glossary dd { color: #666;  }
   ul.glossnav { list-style: none; margin: 0 0 24px 0; padding: 0; }
   ul.glossnav li { display: inline; margin-right: 5px; }
   ul.glossnav li a { padding: 5px 6px; background: #efefef; text-decoration: none; text-transform: uppercase; }
   ul.glossnav li.tabs-selected a,
   ul.glossnav li.tabs-selected a:hover { background: #000; color: #fff; text-decoration: none; }
   .tabs-hide { display: none; }
   
   /* glossary */
   #map{ float:right; width:286px; clear:both;}
   #map p{ font-size:11px; font-weight:bold;}
/* FOOTER: =footer
----------------------------------------------- */
   #footer { border-top: 1px solid #000; padding: 20px 0; clear: both; }
   #footer div.footnav { float: right; width: 610px; }
   #footer p { text-align: right; }
   #footer p.copyright { text-align: left; float: left; width: 260px; }
   #footer p.invis { color: #848484; font-size: 11px; }
   #footer p a,
   #footer p a.invis:hover { color: #848484; }
   #footer p a.invis,
   #footer p a.invis:hover { text-decoration: none; cursor: default; }
   #footer ul { list-style: none; margin: 0; padding: 0; text-align: right; }
   #footer li { display: inline; margin: 0 0 0 13px; }
   
/* SIFR: =sifr
----------------------------------------------- */
   .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
   .sIFR-replaced { visibility: visible !important; }
   .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
   .sIFR-active h1 span { visibility: hidden; line-height: 1em; font-size: 40px; line-height: 1em; }
   .sIFR-active #title p { visibility: hidden; font-size: 18px; }
   
   /* 
     Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
     Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
   */
   
   .sIFR-replaced > div { display: none !important; }
   
/* MISC: =misc
----------------------------------------------- */ 
   .clearboth { clear: both; }
   .nowrap { white-space: nowrap; }
   .skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
   .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
   .clearfix { display: inline-block; }
   html[xmlns] .clearfix { display: block; }
   * html .clearfix { height: 1%; }
}