@font-face {
    font-family: prnormal;
    font-style:  normal;
    font-weight: normal;
    src: url(../fonts/prnormal.eot);
  }
  @font-face {
    font-family: prbold;
    font-style:  normal;
    font-weight: 700;
    src: url(../fonts/prbold.eot);
  }
  @font-face {
    font-family: fgbnormal;
    font-style:  normal;
    font-weight: normal;
    src: url(../fonts/fgbnormal.eot);
  }
  @font-face {
    font-family: perp;
    font-style:  normal;
    font-weight: normal;
    src: url(../fonts/perp.eot);
  }
  @font-face {
    font-family: berl;
    font-style:  normal;
    font-weight: normal;
    src: url(../fonts/berl.eot);
  }
  
/* real styles with native and embedded font calls */

/* */
p.header-main  { font-family:  'Poor Richard', prnormal, serif; font-size: 36pt }
p.footer  { font-family: 'Franklin Gothic Book', fgbnormal, Helvetica, sans-serif; font-size: 8pt }

.menu-item-caps   { font-family:  'Poor Richard', prnormal, serif; font-size: 16pt }
.menu-item   { font-family:  'Poor Richard', prnormal, serif; font-size: 12pt; text-transform:uppercase }
.menu-item-small   { font-family:  'Poor Richard', prnormal, serif; font-size: 10pt }

a { text-decoration:none; color:#000000 }
a:hover      { text-decoration: underline }

a.menu-left { text-decoration:none; color:#000000 }
a:hover.menu-left { text-decoration:none; background-color: #CCCC99}
a:hover.soaps { text-decoration:none; background-color: #CCCC99}
a:hover.skin { text-decoration:none; background-color: #CCCC99}

.section-text    { font-family:  'Poor Richard', prnormal,serif; font-size: 10pt; text-transform:uppercase }
.section-text-current    { font-family:  'Poor Richard', prnormal,serif; font-size: 10pt; text-transform:uppercase; font-weight:bold }

.numbers    { font-family: 'Berling Antiqua', berl, serif }
.percent  { font-family:  'Poor Richard', prnormal,serif; font-size: 12pt }
.price    { font-family: 'Berling Antiqua', berl, serif; font-size: 16pt }

.home-text    { font-family: 'Perpetua', perp, serif; font-size: 16pt }
.contact-text    { font-family: 'Perpetua', perp, serif; font-size: 16pt }
.mailing-text    { font-family: 'Perpetua', perp, serif; font-size: 16pt }
.making-text    { font-family: 'Perpetua', perp, serif; font-size: 16pt }
.wholesale-text    { font-family: 'Perpetua', perp, serif; font-size: 16pt }
.ordering-text    { font-family: 'Perpetua', perp, serif; font-size: 16pt }
.soaps-text    { font-family: 'Perpetua', perp, serif; font-size: 16pt }
.skin-text    { font-family: 'Perpetua', perp, serif; font-size: 16pt }

.soaps-list    { font-family:  'Poor Richard', prnormal,serif; font-size: 14pt }
.soaps-name    { font-family:  'Poor Richard', prnormal,serif; font-size: 24pt }
.soaps-description    { font-family: 'Perpetua', perp, serif; font-size: 16pt }
.soaps-weight    { font-family: 'Perpetua', perp, serif; font-size: 12pt }

.skin-list    { font-family:  'Poor Richard', prnormal,serif; font-size: 18pt }
.skin-name    { font-family:  'Poor Richard', prnormal,serif; font-size: 24pt }
.skin-description    { font-family: 'Perpetua', perp, serif; font-size: 16pt }
.skin-weight    { font-family: 'Perpetua', perp, serif; font-size: 12pt }