.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { margin: 0; background: #1b1b1b; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
/* ---------- preview name text ----------------------- */
.tbl { clear:left; position: relative; background: #c30a6b; }
.tbl h1 { position: absolute; top: 465px; left: 0px; background: url(ima/png/txt.png) no-repeat; width: 361px; height: 56px; }
.tbl h1 span { display: block; margin: 4px 60px 10px 60px; color: #000; font-size: 36px; text-align: center; background: #fff; }
.tbl h1 { margin:0; padding:0; }
/* ---------- logo preview ----------------------- */
#head { position: relative; background: #fff; }
#head img { float:left; border: none; }

#head img.logo {
	position: absolute;
	border: none;
	left: -40px;
	top: -50px;
	float: none;
}
#head img.hd {
	position: absolute;
	border: none;
	left: 880px;
	top: 402px;
	float: none;
}

#head img.one{
	position: absolute;
	border: none;
	left: 10px;
	top: 370px;
	float: none;
}


#head img.back{
	position: absolute;
	border: none;
	left: 290px;
	top: 285px;
	float: none;
}
#head img.front{
	position: absolute;
	border: none;
	left: 360px;
	top: 378px;
	float: none;
}