/* PAGE STRUCTURE AND LAYOUT */
      a:link    { color:#0039A3; text-decoration: none }
      a:visited { color:#0039A3; text-decoration: none }
      a:active  { color:#0039A3; text-decoration: none }
      a:hover   { color:#000000; text-decoration: underline }
      body { font-family:verdana,arial,times,serif; font-size:.8em; background-color:#6AABE1; margin-top:5px; margin-bottom:5px; }
      img, object {display:block; border:none; }
      h1, h2, h3, h4 { color:#11439A; }
      
      .container { width: 960px; color:#333; background-color:#fff; background-image:url(http://reprographix.com/i/nav/nav_bg_slice.jpg); background-repeat:repeat-y; border:1px solid #000; }
        #headercontainer { height: 147px; background-image:url(http://reprographix.com/i/head/normal_header/header_bg.jpg); display:block; }
          #header { float: left; }
          #storefront { float: right; }
        #addressbar { height: 41px; background-color:#002B9C; }
          #addressbar ul { margin-bottom: 0; padding-top: 2px; }
            #addressbar ul li { display: inline; }
              #indianapolis { float: left; }
              #evansville   { float: right;}
        #mainnav  { min-height:420px; background-image:url(http://reprographix.com/i/nav/nav_bg.jpg); background-repeat:no-repeat; }
          #mainnav span { visibility:hidden; display:none; }          /* hide text since we are serving up images for links (display:none; creates gap) */  
          #mainnav ul { margin-left:16px; padding-top:12px; list-style-type:none; }
            #mainnav ul li { padding-bottom:5px; }                  /* normal space between buttons */
              #mainnav ul li a { display:block; width:139px; height:32px; }
                #mainnav ul li a:hover { background-position:-139px 0; }    /* move background image left to reveal its hover state */  
                  #eplanroom   a { background-image:url(http://reprographix.com/i/nav/combined/eplanroom.jpg);   background-repeat:no-repeat; }
                  #home        a { background-image:url(http://reprographix.com/i/nav/combined/home.jpg);        background-repeat:no-repeat; }
                  #aboutus     a { background-image:url(http://reprographix.com/i/nav/combined/aboutus.jpg);     background-repeat:no-repeat; }
                  #products    a { background-image:url(http://reprographix.com/i/nav/combined/products.jpg);    background-repeat:no-repeat; }
                  #services    a { background-image:url(http://reprographix.com/i/nav/combined/services.jpg);    background-repeat:no-repeat; }
                  #helpsupport a { background-image:url(http://reprographix.com/i/nav/combined/helpsupport.jpg); background-repeat:no-repeat; }
                  #contactus   a { background-image:url(http://reprographix.com/i/nav/combined/contactus.jpg);   background-repeat:no-repeat; }
                  #downloads   a { background-image:url(http://reprographix.com/i/nav/combined/downloads.jpg);   background-repeat:no-repeat; }
                  #uploads     a { background-image:url(http://reprographix.com/i/nav/combined/uploads.jpg);     background-repeat:no-repeat; }
                  #eplanroom { height:66px; }                                /* extra space under these buttons */
                  #contactus { height:66px; }
                  #uploads   { height:40px; }
        #content { padding:5px; }
        #footer { clear:both; background-color:#fff; padding:0em .3em .3em .3em; text-align:right; font-size:.8em; font-style:italic; border-top:2px solid gray; }
        
/* PAGE SPECIFIC */
  /* FRONT PAGE */
          .ad-images { padding-left:30px; }
          .ad-images img, .ad-images .flashwrap { float:left; padding-right:35px; padding-bottom:20px; }
      #left-area { width:172px; margin-top:5px; margin-left:6px; }
        #loginbox { width:172px; margin-bottom:1em; padding:5px; border:1px solid #000; background:url(http://reprographix.com/i/login/login_bg.jpg) no-repeat; }                   
          #loginbox fieldset { margin-top:40px; margin-left:10px; padding-bottom:0; border:none; }
            #loginbox .login { text-align:center; margin-left:25px; }
            #loginbox .remember { font-size:x-small; }
          #planroomlinks { padding-left:12px; padding-bottom:1em; line-height:1.7em; font-size:.875em;}
        
/* UTILITY CLASSES */
   ul.arrow { list-style-type:none;padding:0;margin:0;line-height:150%; }
     .arrow li { background-image:url(http://reprographix.com/images/planroom/6E88BB_arrow_new.gif); background-repeat:no-repeat; background-position:2px 2px; padding-left:22px; }
     .arrow li { background-image:url(http://reprographix.com/images/blue_arrow_small.gif); }
  .picframe { margin:0 0 5px 5px; background-color:#fff; text-align:center; font-style:italic; font-size:.8em; }
    .picframe img { display:block; border: 1px solid #555; }
  .clearboth  { clear:both;   height:0; }
  .clearleft  { clear:left;   height:0; }
  .clearright { clear:right;  height:0; }
  .block  { display:block }
  .inline { display:inline; }
  .normlist { padding: 1em 0 1em 2em; }
      
/* LOCAL NAVIGATION (breadcrumb style) */
  #localnav { list-style-type:none; text-align:right; padding:.1em 1.4em .2em 0em; }
  #localnav h4 { padding:0; text-align:left; float:left; color:#11439A; }
  #localnav ol li { display:inline; }
  #localnav ol li a { text-decoration:none; }
  #localnav ol li a:hover { text-decoration:underline; }
  #localnav .here { color:#000; }
