/*
		 Chris Coyier
		 http://css-tricks.com
*/

*					{ margin: 0; padding: 0; }
body				
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }

div#page-wrap		{ width: 500px; margin: 25px auto; }

.box-one			{ width: 350px; background: url(design/box-one-middle.png) center repeat-y; margin: 10px 0 ;}
.box-one .inside	{ padding: 0 20px; }

.box-two			{ width: 300px; background: #fbeac3; border: 1px solid #534515; position: relative; margin: 10px 0;}
.box-two .tl		{ position: absolute; width: 14px; height: 14px; background: url(design/box-two-tl.png); top: -1px; left: -1px; }
.box-two .tr		{ width: 14px; height: 14px; background: url(design/box-two-tr.png); position: absolute; top: -1px; right: -1px; }
.box-two .bl		{ width: 14px; height: 14px; background: url(design/box-two-bl.png); position: absolute; bottom: -1px; left: -1px; }
.box-two .br		{ width: 14px; height: 14px; background: url(design/box-two-br.png); position: absolute; bottom: -1px; right: -1px; }
.box-two .inside	{ padding: 20px; }

.box-three			{ width: 300px; background: #fbeac3; border: 1px solid #534515; -moz-border-radius: 12px; margin: 10px 0;}
.box-three .inside	{ padding: 20px; }

.box-four			{ width: 300px; background: #fbeac3; border: 1px solid #534515; margin: 10px 0;}
.box-four .inside	{ padding: 20px; }

.box-five			{ width: 300px; background: #fbeac3; border: 1px solid #534515; position: relative; margin: 10px 0;}
.box-five .tl		{ position: absolute; width: 14px; height: 14px; background: url(design/box-two-tl.png); top: -1px; left: -1px; }
.box-five .tr		{ width: 14px; height: 14px; background: url(design/box-two-tr.png); position: absolute; top: -1px; right: -1px; }
.box-five .bl		{ width: 14px; height: 14px; background: url(design/box-two-bl.png); position: absolute; bottom: -1px; left: -1px; }
.box-five .br		{ width: 14px; height: 14px; background: url(design/box-two-br.png); position: absolute; bottom: -1px; right: -1px; }
.box-five .inside	{ padding: 20px; }