/* aroma CSS Document */

#productGroup
{
  height: 28em;
}

#productGroup li
{
  list-style: none;
}

#productGroup a
{
  outline: none;
  font-family: "Monotype Corsiva";
  color: #FFEA03;
  outline: none;
}

#productGroup img
{
  position: relative;
  top: 6em;
  display: block;
  margin: auto;
}

.energyProducts
{
  position: absolute;
  top: 9.5em;
  left: 17.5em;
  font-size: 110%;
}

.mastersProducts
{
  position: absolute;
  top: 14.5em;
  left: 32em;
  width: 8em;
  text-align: center;
  font-size: 110%;
}

.angelProducts
{
  position: absolute;
  top: 14.5em;
  left: 10.5em;
  width: 8em;
  text-align: center;
  font-size: 110%;
}

.meditationProducts
{
  position: absolute;
  top: 23em;
  left: 20em;
  width: 10em;
  text-align: center;
  font-size: 110%;
}
/*
.artProducts
{
  position: absolute;
  top: 24.5em;
  left: 20em;
  width: 10em;
  text-align: center;
  font-size: 110%;
}
*/
.crystalsProducts
{
  position: absolute;
  top: 24.5em;  /* 26em; <== this is used when '.artProducts' is active */
  left: 20em;
  width: 10em;
  text-align: center;
  font-size: 110%;
}

.spiritualEmpowerment
{
  position: absolute;
  top: 26em;
  left: 16.5em;
  text-align: center;
  font-size: 110%;
}

#intro
{
  width: 19em;
  text-align: center;
  margin: auto;
  font-family: "Perpetua";
  font-size: 1.25em;
  color: #FFEA03;
  margin-top: 9em;
}