.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:142px; 
float:left; 
margin:0 2px;
}

.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:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#FE0000;
color:#000;
}
.color_b {
background:#ffffff; 
color:#000;
}
.color_c {
background:#4040ff; 
color:#000;
}
.color_d {
background:#b2ab9b; 
color:#000;
}

<style type="text/css">
body {
	margin: 0;
	padding: 5em;
	font: small Georgia, serif;
	color: #333;
	background: #d3d0c2;
	}
#page {
	width: 24em;
	margin: 0 auto;
	padding: 0 0 18px 0;
	background: url(shadow.gif) no-repeat bottom right;
	}
#page-contents {
	padding: 2em;
	border: 2px solid #fff;
	background: #efecdc;
	}
#page-contents h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
	color: #933;
	border-top: 1px solid #d3d0c2;
	border-bottom: 1px solid #d3d0c2;
	}
#page-contents p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	}