.mod {
   position:relative;
   z-index:0;
   width: 870px;
   margin-top:32px;
   margin-left: auto;
   margin-right: auto;
}
.mod .content{
   background:#fff;
   position:relative;
   z-index:2;

}
/* x1 = top and left edges;
   x1a = top right corner;
   x2 = right and bottom edges;
   x2a = bottom left corner */
.mod .x1,
.mod .x1a,
.mod .x2,
.mod .x2a {
   display:block;
   background:url(/images/shadow-bottomless.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent;
   width:100%;
   height:100%;
   position:absolute;
}
.mod .x1{
   background-position:0 0;
   z-index:-2;
   top:-32px; /* set to the size of the glow */
   left:-32px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 32px 32px 0;
}
.mod .x1 .x1a {
   height:32px;
   width:45px;
   background-position:100% 0;
   right:-45px;
   top:0;
}
.mod .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-32px;
   right:-38px;
   padding:32px 0 0 32px;
}
.mod .x2 .x2a {
   height:32px;
   width:42px;
   background-position:0 100%;
   left:-42px;
   bottom:0;
}