body {
  padding-left: 56px;
  margin-top: 172px;
  background: #f3f8fd url(../images/bkgrndGradient.gif) repeat-x;
}

#sunflower {
  background-image: url(../images/bkgrnFlower01.gif);
  background-repeat: no-repeat;
  width: 300px;
  height: 700px;
  position: absolute;
  left: 0;
  top: 0;
  /*
  when using z-index, in order to be cross-browser compatable,
  a body z-index of 0 should be assumed/enforced.
  all other elements that are related to the elements you wish to position
  should have a position value, and a z-index value.
   - Daniel - Carrollton Web Design
  */
  z-index: 0;
}

/*
  add a class flower# for every extra flower you wish to use.
  Numbers must start at 1, and be consecutive.
  If more classes are added, the javascript embeded in the index
  must have the number increased to make use of them.
   - Daniel - Carrollton Web Design
*/

#sunflower.flower1 {
  background-image: url(../images/bkgrnFlower01.gif);
}

#sunflower.flower2 {
  background-image: url(../images/bkgrnFlower02.gif);
}

#sunflower.flower3 {
  background-image: url(../images/bkgrnFlower03.gif);
}

#sunflower.flower4 {
  background-image: url(../images/bkgrnFlower04.gif);
}

#sunflower.flower5 {
  background-image: url(../images/bkgrnFlower05.gif);
}

/* ----- HEADER ----- */
#header {
  width: 840px;
  z-index: 4;
  position: relative;
}

#logo {
  float: left;
  padding-bottom: 5px;
}

/* ----- MAIN CONTENT ----- */
#content { 
  width: 815px;
  min-height: 210px; /* for modern browsers */
  height: auto !important; /* for modern browsers */
  height: 210px; /* for IE5.x and IE6 */
  clear: both;
  border: solid 12px #fff;
  z-index: 2;
  position: relative;
}

.quote {
  font-size: 1.1em;
  font-family:Georgia, "Times New Roman", Times, serif;
  left: 410px;
  position: absolute;
}

.bigword {
  float: left;
}

.transparency {
  background-color: #fff;
  opacity: 0.60;
  -moz-opacity: 0.60;
  filter: alpha(opacity=60);
  width: 835px;
  height: 210px;
  display: block;
  position: absolute;
  top: 215px;
  z-index: 1;
}

/* ----- FOOTER ----- */
#footer { 
  width: 840px;
  height: 100px;
  line-height: 12px;
  margin-left: -1px;
  z-index: 2;
  position: relative;
}