/* Properties for Decorative Elements */

div#decorCL {
  top: 40%;
  width: 4em;
  height: 12em;
  background: url('../../img/decorcl.png') no-repeat left center; }

div#decorCR {
  top: 40%;
  width: 4em;
  height: 12em;
  background: url('../../img/decorcr.png') no-repeat right center }

div#gradientTop {
  height: 5em;
  background: url('../../img/gradbacktop.png') repeat-x center top; }

div#gradientBottom { 
  height: 5em;
  background: url('../../img/gradbackbottom.png') repeat-x center bottom; }


/* Hides Decor for Handheld Devices */

@media handheld {

  #decorCL {
    display: none; }

  #decorCR {
    display: none; }

  #gradientTop {
    display: none; }

  #gradientBottom {
    display: none; }
}