<!-- content box -->
#box {border:0.5em solid #66CC33; border-width:0.5em 0; width:auto;}
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:20px 0;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ddd; border-left:1px solid #66CC33; border-right:1px solid #66CC33;}
.xb1 {margin:0 5px; background:#66CC33;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block;  background:#ddd; border:0 solid #66CC33; border-width:0 1px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
				background-image:url(img/bg.php); background-position:right bottom; }	
.xboxcontent, .xtop, .xbottom {
		z-index:1;
		filter: alpha(opacity=90);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		-moz-opacity: 0.90; 
		opacity:0.9;
}
<!-- content box -->

/* caixa */
.caixa {background: transparent; width:100%; border:0px;}
.caixa h1, .caixa p {margin:0 10px;}
.caixa h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.caixa p {padding-bottom:0.5em;}

.caixa_top, .caixa_bottom {display:block; background:transparent; font-size:1px;}
.caixa_1, .caixa_2, .caixa_3, .caixa_4, .caixa_1b, .caixa_2b, .caixa_3b, .caixa_4b {display:block; overflow:hidden;}
.caixa_1, .caixa_2, .caixa_3, .caixa_1b, .caixa_2b, .caixa_3b {height:1px;}
.caixa_2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.caixa_3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.caixa_4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.caixa_4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.caixa_3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.caixa_2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.caixa_1 {margin:0 5px; background:#fff;}
.caixa_2, .caixa_2b {margin:0 3px; border-width:0 2px;}
.caixa_3, .caixa_3b {margin:0 2px;}
.caixa_4, .caixa_4b {height:2px; margin:0 1px;}
.caixa_1b {margin:0 5px; background:#999;}
.caixa_content {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999; padding: 0px 10px 0px 10px;}


/* Barrel cutout Borders*/
.barrel {background: transparent; margin:0px;}
.barrel h1, .barrel p {margin:0 10px;}
.barrel h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.barrel p {padding-bottom:0.5em;}

.barrel .top, .barrel .bottom {display:block; background:transparent; font-size:1px;}
.barrel .b1, .barrel .b2, .barrel .b3, .barrel .b4, .barrel .b5 {display:block; overflow:hidden; height:1px; background:#66CC33;}
.barrel .b1 {border-left:10px solid #66CC33; border-right:10px solid #66CC33;}
.barrel .b2 {border-left:5px solid #66CC33; border-right:5px solid #66CC33;}
.barrel .b3 {border-left:3px solid #66CC33; border-right:3px solid #66CC33;}
.barrel .b4 {border-left:2px solid #66CC33; border-right:2px solid #66CC33;}
.barrel .b5 {border-left:1px solid #66CC33; border-right:1px solid #66CC33;}
.barrel .b1 {margin:0 33%;}
.barrel .b2 {margin:0 20%;}
.barrel .b3 {margin:0 12%;}
.barrel .b4 {margin:0 5%;}
.barrel .b5 {margin:0 1px;}

.barrel .content {display:block; background:#66CC33; border-left:1px solid #66CC33; border-right:1px solid #66CC33; display:block;}
/* Barrel cutout Borders*/


/* Inset 3D Raised */
.raised {background: transparent; width:100%;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}


/* Chamfer Borders*/
.chamfer {background: transparent; width:100%; left:20px; top:20px; position:static;}
.chamfer h1, .chamfer p {margin:0 10px;}
.chamfer h1 {font-size:2em; color:#000; letter-spacing:1px;}
.chamfer p {padding-bottom:0.5em;}

.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {display:block; overflow:hidden; height:1px; background:#66cc66; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b1 {margin:0 5px; background:#000;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer_boxcontent {display:block; background-image:url(img/menu_bg.gif); border-left:1px solid #000; border-right:1px solid #000;}