<div class="h">
<div class="h1">
<div class="h2">
</div>
</div>
</div>
<div class="right">
<div class="left">

</div>
</div>
<div class="f">
<div class="f1">
<div class="f2">
<div class="f3">
</div>
</div>
</div>
</div>

.h {
 background-image: url(img/alma_02.gif);
 background-repeat: repeat-x;
}
.h1 {
 background-image: url(img/alma_03.gif);
 background-repeat: no-repeat;
 background-position: right top;
}
.h2 {
 background-image: url(img/alma_01.gif);
 background-repeat: no-repeat;
 background-position: left top;
 height: 264px;
}
.right {
 background-attachment: scroll;
 background-image: url(img/alma_06.gif);
 background-repeat: repeat-y;
 background-position: right;
 padding-right: 45px;
}
.left {
 background-attachment: scroll;
 background-image: url(img/alma_04.gif);
 background-repeat: repeat-y;
 background-position: left;
 padding-left: 55px;
}
.f {
 background-image: url(img/alma_20.gif);
 background-repeat: repeat-x;
 height: 172px;
}
.f1 {
 background-image: url(img/alma_21.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
}
.f2 {
 background-image: url(img/alma_22.gif);
 background-repeat: no-repeat;
 background-position: center bottom;
}
.f3 {
 background-image: url(img/alma_19.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
 height: 172px;
}