/* corners and borders of the box */

.tl {
  max-width : 1024px; /* maximum images will allow */
  background : transparent url("box_tl.png") no-repeat scroll top left;
  height :  1%; /* Hack for guess who? */
  background-color : #EEE; /* fill colour */
}

.bl {
  background : transparent url("box_bl.png") no-repeat scroll bottom left;
  padding-left : 11px; /* move content and backround colour away from top left corner*/
}

.br {
  background : transparent url("box_br.png") no-repeat scroll bottom right;
  padding-bottom : 11px; /* move content and backround colour away from bottom left corner */
}

.tr {
  background : transparent url("box_tr.png") no-repeat scroll top right;
  /* move content and backround colour away from top right corner */
  padding-top : 11px;
  padding-right : 11px;
}

/* something to clear with */

div.clear {clear: left; line-height: 0; height: 0;}