/******************* BASE *******************/
body { margin: 0; padding: 0; background: #cc9 url(images/backgr-header.gif) 0 0 repeat-x; }

p { }

a:link, a:visited  { text-decoration: none; }
a:hover, a:active {  }

img, a img { border: none; }

h1, h2, h3  { margin: 0; padding: 0; }

#clear { clear: both; }

/******************* HEADER *******************/
#header { width: auto; background: #445449; clear: both; }

/******************* LOGO *******************/
#logo { display: block; width: 401px; height: 136px; text-indent: -5000px; overflow: hidden; }
a#logo:link, a#logo:visited { background: #d8dacc url(images/backgr-logo.gif) 0 0 no-repeat; }
a#logo:hover, a#logo:active { background: #d8dacc url(images/backgr-logo.gif) 0 -136px no-repeat; }

/******************* CONTENT *******************/
#content { width: auto; margin: 1px 0 0 0; background: #445449 url(images/backgr-content.gif) 1px bottom repeat-x; clear: both; }
#content #left-column { width: 401px; float: left; margin: 0; padding: 0; }
#content #right-column { width: 550px; margin: 0 0 0 401px; background: url(images/backgr-right-content.gif) 0 0 repeat-y; }

/******************* CONTENT * HOME *******************/
#home #content #left-column h2 { width: 401px; height: 90px; background: url(images/header-home.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; clear: both; }
#home #content #left-column p { width: 401px; height: 194px; margin: 0; padding: 0 0 1px 0; background: url(images/content-text-home.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; }
#home #content #right-column img { margin: 0 0 0 1px; padding: 0; }

/******************* CONTENT * CONTACT *******************/
#contact #content #left-column h2 { width: 401px; height: 90px; background: url(images/header-contact.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; clear: both; }
#contact #content #left-column p { width: 401px; height: 194px; margin: 0; padding: 0 0 1px 0; background: url(images/content-text-contact.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; }
#contact #content #right-column img { margin: 0 0 0 1px; padding: 0; }

/******************* CONTENT * ABOUT *******************/
#about #content #left-column h2 { width: 401px; height: 90px; background: url(images/header-company.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; clear: both; }
#about #content #left-column h2.bios { width: 401px; height: 90px; background: url(images/header-bios.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; clear: both; }
#about #content #left-column p { width: 401px; height: 368px; margin: 0; padding: 0 0 1px 0; background: url(images/content-text-company-left.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; }
#about #content #left-column p.bios-gregg { width: 401px; height: 408px; margin: 0; padding: 0 0 1px 0; background: url(images/content-text-bios-gregg.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; }
#about #content #left-column p.bios-don { width: 401px; height: 408px; margin: 0; padding: 0 0 1px 0; background: url(images/content-text-bios-don.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; }
#about #content #left-column p.bios-doug { width: 401px; height: 408px; margin: 0; padding: 0 0 1px 0; background: url(images/content-text-bios-doug.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; }
#about #content #right-column p { width: 548px; height: 275px; margin: 0; padding: 0; background: url(images/content-text-company-right.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; }
#about #content #right-column img { margin: 0 0 0 1px; padding: 0; }
#about #content #right-column img.bios { margin: 0 0 1px 1px; padding: 0; }

/******************* CONTENT * SALES *******************/
#sales #content #left-column h2 { width: 401px; height: 90px; background: url(images/header-sales.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; clear: both; }
#sales #content #left-column p { width: 401px; height: 555px; margin: 0; padding: 0 0 1px 0; background: url(images/content-text-sales.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; }
#sales #content #left-column .sales-text-left { display: none; }
#sales #content #right-column img { margin: 0 0 1px 1px; padding: 0; }

/******************* CONTENT * ADVERTISING *******************/
#graphics #content-graphics-wrapper { width: 100%; background: url(images/backgr-container-graphics.gif) 0 0 repeat-x; }
#graphics #content { width: 951px; }
#graphics #content #left-column h2.brochures { width: 401px; height: 91px; background: url(images/header-brochures.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; clear: both; }
#graphics #content #left-column h2.display-signage { width: 401px; height: 91px; background: url(images/header-display-signage.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; clear: both; }
#graphics #content #left-column h2.direct-mail { width: 401px; height: 91px; background: url(images/header-direct-mail.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; clear: both; }
#graphics #content #left-column h2.advertising { width: 401px; height: 91px; background: url(images/header-advertising.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; clear: both; }
#graphics #content #left-column p { width: 401px; height: 618px; margin: 0; padding: 0 0 1px 0; background: url(images/content-text-graphics.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; }
#graphics #content #left-column .graphics-text-left { display: none; }
#graphics #content #right-column { margin: 0 0 0 401px; border-left: 1px solid #fff; border-right: 1px solid #fff; width: 548px; height: 710px; background: url(images/backgr-graphics-right.gif) 0 0 no-repeat; }
#graphics #content #right-column img { margin: 0 0 0 1px; padding: 0; }

/******************* BOTTOM *******************/
#bottom { width: auto; margin: 0; background: #445449 url(images/backgr-content.gif) 1px bottom repeat-x; }
#sales #bottom, #graphics #bottom { background: #9aa57f url(images/backgr-content.gif) 1px bottom repeat-x; }

#bottom-backgr-wrapper { width: 951px; height: 90px; background: url(images/bottom-img.gif) 0 0 no-repeat; }
#bottom-backgr-wrapper-bios { width: 951px; height: 90px; background: url(images/bottom-img-faded.gif) 0 0 no-repeat; }

#home #bottom-backgr-wrapper { width: 951px; height: 90px; background: url(images/bottom-img-home.gif) 0 0 no-repeat; }

#about #bottom-backgr-wrapper { width: 951px; height: 187px; background: url(images/bottom-img-about-company.gif) 0 0 no-repeat; }
#about #bottom-backgr-wrapper img { width: 548px; margin: 0 0 0 402px; }

#graphics  #bottom-backgr-wrapper { width: 951px; height: 90px; background: url(images/bottom-img-graphics.gif) 0 0 no-repeat; }

.ichabods { display: block; float: left; display: inline; width: 400px; height: 89px; text-indent: -9999px; overflow: hidden; }

.home-bottom-bios { display: block; position: relative; top: 43px; left: 476px; width: 45px ; height: 26px; text-indent: -5000px; overflow: hidden; }
a.home-bottom-bios:link, a.home-bottom-bios:visited { background: url(images/nav/home-bottom-bios.gif) 0 0 no-repeat; }
a.home-bottom-bios:hover, a.home-bottom-bios:active { background: url(images/nav/home-bottom-bios.gif) 0 -26px no-repeat; }

/******************* TOP MENU  *******************/
#top-menu { position: absolute; top: 0; left: 401px; width: 550px; height: 136px; background: #d8dacc url(images/backgr-top-menu.gif) 0 0 no-repeat; }
#top-menu ul { list-style: none; margin: 110px 0 0 19px; padding: 0; }
#top-menu li { float: left; margin: 0 9px 0 0; }
#top-menu li a { display: block; margin: 0; padding: 0; height: 26px; text-indent: -5000px; overflow: hidden; }

#top-menu a.about { width: 57px; }
#top-menu a.about:link, #top-menu a.about:visited { background: url(images/nav/top-nav-backgr.gif) 0 0 no-repeat; }
#top-menu a.about:hover, #top-menu a.about:active { background: url(images/nav/top-nav-backgr.gif) 0 -26px no-repeat; }

#top-menu a.sales { width: 48px; }
#top-menu a.sales:link, #top-menu a.sales:visited { background: url(images/nav/top-nav-backgr.gif) -66px 0 no-repeat; }
#top-menu a.sales:hover, #top-menu a.sales:active { background: url(images/nav/top-nav-backgr.gif) -66px -26px no-repeat; }

#top-menu a.graphics { width: 176px; }
#top-menu a.graphics:link, #top-menu a.graphics:visited { background: url(images/nav/top-nav-backgr.gif) -123px 0 no-repeat; }
#top-menu a.graphics:hover, #top-menu a.graphics:active { background: url(images/nav/top-nav-backgr.gif) -123px -26px no-repeat; }

#top-menu a.contact { width: 68px; }
#top-menu a.contact:link, #top-menu a.contact:visited { background: url(images/nav/top-nav-backgr.gif) -308px 0 no-repeat; }
#top-menu a.contact:hover, #top-menu a.contact:active { background: url(images/nav/top-nav-backgr.gif) -308px -26px no-repeat; }

#top-menu a.home { width: 54px; }
#top-menu a.home:link, #top-menu a.home:visited { background: url(images/nav/top-nav-backgr.gif) -385px 0 no-repeat; }
#top-menu a.home:hover, #top-menu a.home:active { background: url(images/nav/top-nav-backgr.gif) -385px -26px no-repeat; }

/******************* TOP MENU  SELECTED WHEN ON PAGE *******************/
#about #top-menu a.about { background: url(images/nav/top-nav-backgr.gif) 0 -26px no-repeat; }
#sales #top-menu a.sales { background: url(images/nav/top-nav-backgr.gif) -66px -26px no-repeat; }
#graphics #top-menu a.graphics { background: url(images/nav/top-nav-backgr.gif) -123px -26px no-repeat; }
#contact #top-menu a.contact { background: url(images/nav/top-nav-backgr.gif) -308px -26px no-repeat; }
#home #top-menu a.home { background: url(images/nav/top-nav-backgr.gif) -385px -26px no-repeat; }

/******************* SUB MENU  *******************/
#about #sub-menu { position: absolute; top: 166px; left: 0; width: 160px; height: 32px; }
#about #sub-menu ul { list-style: none; margin: 0; padding: 0; }
#about #sub-menu a { display: block; margin: 0; padding: 0; height: 16px; text-indent: -5000px; overflow: hidden; }

#about #sub-menu a.company:link, #about #sub-menu a.company:visited { background: url(images/nav/about-left-top.gif) 0 0 no-repeat; }
#about #sub-menu a.company:hover, #about #sub-menu a.company:active { background: url(images/nav/about-left-top.gif) 0 -32px no-repeat; }

#about #sub-menu a.bios:link, #about #sub-menu a.bios:visited { background: url(images/nav/about-left-top.gif) 0 -16px no-repeat; }
#about #sub-menu a.bios:hover, #about #sub-menu a.bios:active { background: url(images/nav/about-left-top.gif) 0 -48px no-repeat; }


#graphics #sub-menu { position: absolute; top: 150px; left: 0; width: 170px; height: 64px; }
#graphics #sub-menu ul { list-style: none; margin: 0; padding: 0; }
#graphics #sub-menu a { display: block; margin: 0; padding: 0; height: 16px; text-indent: -5000px; overflow: hidden; }

#graphics #sub-menu a.brochures:link, #graphics #sub-menu a.brochures:visited { background: url(images/nav/graphics-left-top.gif) 0 0 no-repeat; }
#graphics #sub-menu a.brochures:hover, #graphics #sub-menu a.brochures:active { background: url(images/nav/graphics-left-top.gif) 0 -64px no-repeat; }

#graphics #sub-menu a.display-signage:link, #graphics #sub-menu a.display-signage:visited { background: url(images/nav/graphics-left-top.gif) 0 -16px no-repeat; }
#graphics #sub-menu a.display-signage:hover, #graphics #sub-menu a.display-signage:active { background: url(images/nav/graphics-left-top.gif) 0 -80px no-repeat; }

#graphics #sub-menu a.direct-mail:link, #graphics #sub-menu a.direct-mail:visited { background: url(images/nav/graphics-left-top.gif) 0 -32px no-repeat; }
#graphics #sub-menu a.direct-mail:hover, #graphics #sub-menu a.direct-mail:active { background: url(images/nav/graphics-left-top.gif) 0 -96px no-repeat; }

#graphics #sub-menu a.advertising:link, #graphics #sub-menu a.advertising:visited { background: url(images/nav/graphics-left-top.gif) 0 -48px no-repeat; }
#graphics #sub-menu a.advertising:hover, #graphics #sub-menu a.advertising:active { background: url(images/nav/graphics-left-top.gif) 0 -112px no-repeat; }

/******************* SUB MENU  SELECTED WHEN ON PAGE *******************/
#about #sub-menu  ul.company a.company:link, #about #sub-menu  ul.company a.company:visited { background: url(images/nav/about-left-top.gif) 0 -32px no-repeat; }
#about #sub-menu  ul.bios a.bios:link, #about #sub-menu  ul.bios a.bios:visited { background: url(images/nav/about-left-top.gif) 0 -48px no-repeat; }

#graphics #sub-menu ul.brochures a.brochures:link, #graphics #sub-menu ul.brochures a.brochures:visited { background: url(images/nav/graphics-left-top.gif) 0 -64px no-repeat; }
#graphics #sub-menu ul.display-signage a.display-signage:link, #graphics #sub-menu ul.display-signage a.display-signage:visited { background: url(images/nav/graphics-left-top.gif) 0 -80px no-repeat; }
#graphics #sub-menu ul.direct-mail a.direct-mail:link, #graphics #sub-menu ul.direct-mail a.direct-mail:visited { background: url(images/nav/graphics-left-top.gif) 0 -96px no-repeat; }
#graphics #sub-menu ul.advertising a.advertising:link, #graphics #sub-menu ul.advertising a.advertising:visited { background: url(images/nav/graphics-left-top.gif) 0 -112px no-repeat; }

/******************* SUB SUB MENU  *******************/
#about #sub-sub-menu { position: absolute; top: 647px; left: 172px; width: 125px; height: 68px; background: url(images/nav/backgr-bios-nav.gif) 0 0 no-repeat;}
#about #sub-sub-menu ul { list-style: none; margin: 12px 0 11px 0; padding: 0; }
#about #sub-sub-menu a { display: block; margin: 0; padding: 0; width: 125px; height: 15px; text-indent: -5000px; overflow: hidden; }

#about #sub-sub-menu a.gregg:link, #about #sub-sub-menu a.gregg:visited { background: url(images/nav/bios-nav.gif) 0 0 no-repeat; }
#about #sub-sub-menu a.gregg:hover, #about #sub-sub-menu a.gregg:active { background: url(images/nav/bios-nav.gif) 0 -45px no-repeat; }

#about #sub-sub-menu a.don:link, #about #sub-sub-menu a.don:visited { background: url(images/nav/bios-nav.gif) 0 -15px no-repeat; }
#about #sub-sub-menu a.don:hover, #about #sub-sub-menu a.don:active { background: url(images/nav/bios-nav.gif) 0 -60px no-repeat; }

#about #sub-sub-menu a.doug:link, #about #sub-sub-menu a.doug:visited { background: url(images/nav/bios-nav.gif) 0 -30px no-repeat; }
#about #sub-sub-menu a.doug:hover, #about #sub-sub-menu a.doug:active { background: url(images/nav/bios-nav.gif) 0 -75px no-repeat; }

/******************* SUB SUB MENU  SELECTED WHEN ON PAGE *******************/
#about #sub-sub-menu ul.gregg a.gregg:link, #about #sub-sub-menu ul.gregg a.gregg:visited { background: url(images/nav/bios-nav.gif) 0 -45px no-repeat; }
#about #sub-sub-menu ul.don a.don:link, #about #sub-sub-menu ul.don a.don:visited { background: url(images/nav/bios-nav.gif) 0 -60px no-repeat; }
#about #sub-sub-menu ul.doug a.doug:link, #about #sub-sub-menu ul.doug a.doug:visited { background: url(images/nav/bios-nav.gif) 0 -75px no-repeat; }

/******************* THUMBNAILS DISPLAY *******************/
#thumbnails { position: absolute; top: 228px; left: 402px; width: 65px; overflow: hidden; }
#thumbnails ul { list-style: none; margin: 0; padding: 0; }
#thumbnails li { margin: 0 0 19px 0; }
#thumbnails a { display: block; }
#thumbnails a:hover img { opacity: .75; }
#thumbnails a#last-thumb { padding: 2px 0 0 0; }

/******************* LARGE IMAGES DISPLAY *******************/
#large-image { position: absolute; top: 186px; left: 504px; z-index: 100; 
  background: url(images/shadow-img.png) no-repeat bottom left !important;
  background: url(images/shadow-img.gif) no-repeat bottom left;
  padding: 0 0 10px 8px !important;
}

/******************* CONTACT EMAIL *******************/
a.contact-email:link, a.contact-email:visited { display: block; width: 258px; height: 28px; position: absolute; top: 338px; left: 67px; background: url(images/nav/contact-email.gif) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; }
a.contact-email:hover, a.contact-email:active { background: url(images/nav/contact-email.gif) 0 -28px no-repeat; }

/******************* COPYRIGHT *******************/
#copyright { width: 980px; height: 150px; margin-bottom: 50px; text-indent: -5000px; overflow: hidden; background: url(images/copyright.gif) -4px 0 no-repeat; }

.extra { text-indent: 0; margin: 20px 0 0 20px; font-family: "Times New Roman", Georgia, Times, serif; color: #012844; text-transform: uppercase; }
.extra h3 { font-size: 15px; font-weight: normal; margin: 0; }
.extra ul { list-style: none; margin: 5px 0 0 0; padding: 0; }
.extra li { display: inline; margin: 0 10px 0 0; }
.extra p { font-size: 12px; margin: 5px 0 0 0; }
.extra a { color: #000020; }
.extra a:hover, .extra a:active { color: #ccc; }