.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; }

/* ---------- logo preview ----------------------- */
#head { position: relative; background: #fff; }
#head img { float:left; border: none; }

#head img.logo {
	position: absolute;
	border: none;
	left: 700px;
	top: -15px;
	float: none;
}
#head img.logot {
	position: absolute;
	border: none;
	left: 0px;
	top: -15px;
	float: none;
}
.main-bg {
	background: url(ima/middle/bg.png) repeat-y 50% 0;
}
.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #ff0000;

}

a.red:link {color: red; text-decoration: none; }
a.red:visited {color: purple; text-decoration: none; }
a.red:hover {color: orange; text-decoration: underline; }
a.red:active {color: blue; }