body {background:#EFF2F3;}
#liquid-round {
width:980px;
margin:0px auto;
background:#fff url(../images/roundbox/leftside.gif) repeat-y left top;
z-index:10;
}
.top {
width:100%;
height:20px;
background:url(../images/roundbox/top.gif) no-repeat left top;
z-index:10;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(../images/roundbox/top-right.gif) no-repeat right top;
z-index:10;
}
.center-content {
position:relative;
background:url(../images/roundbox/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
z-index:10;

}
.bottom {
width:100%;
height:60px;
background:url(../images/roundbox/bottom.gif) no-repeat left bottom;
z-index:10;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(../images/roundbox/bottom-right.gif) no-repeat right top;
z-index:10;
}
p {margin:0 0 1em 0}

/* Second Style round box */
div#box{margin: 5px 5px;background: #edeafa}
#boxh1{margin: 0 10px;font-size: 150%;}
b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(../images/roundbox/rcGray1.jpg);
    background-repeat: no-repeat;}
b.btop b{background-position: 100% -10px;}
b.bbot{background-position: 0 -20px;}
b.bbot b{background-position: 100% -30px;}
/* example:
<div id="box">
<b class="btop"><b></b></b>
content here...
<b class="bbot"><b></b></b>
</div> 
*/