body {
	width: 100%;
	height: 100%;
	background: top right no-repeat url('smoula.png') fixed white;
	
}
.page {
    margin: 20px 20px 20px 20px;
	padding: 0 20px;
	max-width: 920px;
}
img {
	padding: 10px;
	border: 1px solid #ccc;
	background: white;
}
h1 {
	font-weight: bold;
}
h2 {
	font-size: 32pt;
	margin: 0.5em 0 0.2em;
}
h3 {
	font-size: 22pt;
	color: #08e;
	font-weight: bold;
	margin: 0.5em 0 0;
	
}
h2, p, li {
	color: #444;
} 
strong {
	color: #07b;
}
.coll, .collf, .colr, .colf {
	margin-top: 1.5em;
	padding-top: 10px;
	padding-right: 10px;
	width: 380px;
	float: left;
	background: white;
	opacity: .95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
}
.collf {
	margin-top: 0.5em;
}
.colr {margin-left: 30px;
	padding-left: 30px;
	border-left: 5px solid #ddd;
	
}
.colf {
	width: 330px;
	margin-left: 80px;
	padding-left: 30px;
	margin-top: 0.4em;
	
}
.first-colr {
	margin-top: 200px;
}
.cleare, h2, h3 {
	clear: left;
}
.cleare {
	width: 1px; height: 1px; text-indent: -9999px;
}
p, li {
	font-size: 11pt;
}
.smoulova, h1, a, h1 a {
	color: #08e;
}
h1 a {	text-decoration: none; }
.menu {
	padding: 0; margin-left: 0;
	margin-left: -5px;
	border-bottom: 5px solid #08e;
}
.menu li {
	margin: 0; padding: 0; display: inline; list-style-type: none;
	background: white;
	padding: 4px;
	font-size: 16pt;
	white-space: nowrap;
}
.menu li a {
	padding: 5px;
	text-decoration: none;
}
.menu li a:hover, .selected, h1 a:hover {
	color: white;
	background: #08e;
}