<style type="text/css">
/* This will be the same size as the width of your drop shadow box. The margin styles cause the container to be centered */
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
/* This is the top of the shadow. You want to make sure your background does not repeat, and the height is exactly the same as the image you cropped for the bg*/
#round-top {
	background: url(images/frame_top.png) no-repeat center top;
	height: 30px;
}
/* This is where your content will go. You apply the "repeat y" style so that your background image repeats down with your content. You can put additional divs for columns or whatever you want in here, just remember to use the clear class on either a div or br element before your footer to avoid gaps in IE */
#round-content {
	background: url(images/frame_center.png) repeat-y center top;
	padding-right: 14px;
	padding-left: 14px;
}
/* This is the bottom of the shadow. Same with the top, you want the div to be the same height as the image you cropped */
#round-bottom {
	background: url(images/frame_bottom.png) no-repeat center top;
	height: 31px;
}
/* Use this with an element after all of your content, but before the bottom div */
.clear {
	clear:both;
}
</style>
