.up1{
 background-image:url('bluecss/images/Untitled-1_08.gif');
 background-repeat:repeat-x;
 height:29px;
}
.up2{
 background-image:url('bluecss/images/Untitled-1_06.gif');
 background-repeat:no-repeat;
 height:29px;
 width:37px;
 float:left;
 
}
.up3{
 background-image:url('bluecss/images/Untitled-1_10.gif');
 background-repeat:no-repeat;
 height:29px;
 width:50px;
 float:right;
}
.down1{
 background-image:url('bluecss/images/Untitled-1_22.gif');
 background-repeat:repeat-x;
 height:30px;
}
.down2{
 background-image:url('bluecss/images/Untitled-1_21.gif');
 background-repeat:no-repeat;
 height:30px;
 width:37px;
 float:left;
}
.down3{
 background-image:url('bluecss/images/Untitled-1_23.gif');
 background-repeat:no-repeat;
 height:30px;
 width:50px;
 float:right;
}
.3mod1{
    background-image:url('bluecss/images/Untitled-1_04.gif');
    height:100%;
}
.3mod2{
 background-image:url('bluecss/images/Untitled-1_16.gif')repeat-y right;
 height:100%;
}
.3mod3{
 background-image:url('bluecss/images/Untitled-1_17.gif')repeat-y left;
    height:100%;
    padding-left:26px;padding-right:26px;
}

<div class="up1">
<div class="up2"></div>
<div class="up3"></div>
</div>
<div class="3mod1">
<div class="3mod2">
<div class="3mod3">
</div>
</div>
</div>
<div class="down1">
<div class="down2"></div>
<div class="down3"></div>
</div>