/*Key Points*/
.styledBox div
{
	float : left;
}

.styledBox .mc div
{
	float : none;
}

/*engine*/
.styledBox .mc
{
	/*This is the content box, style this as you need*/
	background : #ffffff;
}

.styledBox .bl
{	
	background : url('8tiles/bl.gif') no-repeat bottom left;
	padding : 6px;/*change border sizes here*/
}

.styledBox .br
{
	background : url('8tiles/br.gif') no-repeat bottom right;	
}

.styledBox .tr
{
	background : url('8tiles/tr.gif') no-repeat top right;
}

.styledBox .tl
{
	background : url('8tiles/tl.gif') no-repeat top left;
}

.styledBox .ml
{
	background : url('8tiles/ml.gif') repeat-y left;
}

.styledBox .bc
{
	background : url('8tiles/bc.gif') repeat-x bottom;	
}

.styledBox .mr
{
	background : url('8tiles/mr.gif') repeat-y right;
}

.styledBox .tc
{
	background : url('8tiles/tc.gif') repeat-x top;
}

/*custom for this layout*/
#header .styledBox .bl
{
	padding-top : 4px;
}