.box {
 margin:0px auto;
 min-width:400px;
 max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
}

.box .hd .c,
.box .ft .c {
 font-size:1px; /* ensure minimum height */
 height:12px;
}

.box .ft .c {
 height:16px;
}

.box .hd {
 background:transparent url(../images/box/tl.png) no-repeat 0px 0px;
 margin-right:15px; /* space for right corner */
}

.box .hd .c {
 background:transparent url(../images/box/tr.png) no-repeat right 0px;
 margin-right:-21px; /* pull right corner back over "empty" space (from above margin) */
}

.box .bd {
 background:transparent url(../images/box/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.box .bd .c {
 background:transparent url(../images/box/mr.png) repeat-y right 0px;
 margin-right:-12px;
}

.box .bd .c .s {
 margin:0px 8px 0px 0px;
 background:#fefefe url(../images/box/ms.png) repeat-x 0px 0px;
 padding:1em;
}

.box .ft {
 background:transparent url(../images/box/bl.png) no-repeat 0px 0px;
 margin-right:15px;
}

.box .ft .c {
 background:transparent url(../images/box/br.png) no-repeat right 0px;
 margin-right:-22px;
}