html, body {
	font: 10px Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height:auto !important;
	height:100%;
	min-height:100%;
}

.left {
	z-index:3;
	position: absolute;
	top:0;
	left:0;
	width:197px;
	height:100%;
	background-color:#FFFFFF;
}

/*.right {
	z-index:2;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000000;
}*/

.portrait {
	z-index:4;
	position:absolute;
	top:72px;
	left:150px;
}

.kosmoglaz {
	font:16px Arial;
	color:#000000;
	font-weight:bold;
	z-index:4;
	position:absolute;
	top:230px;
	left:530px;
	width:480px;
	height:248px;
	background-image:url(images/kosmoglaz.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:232px;
}

.kosmoglaz a {
	font:16px Arial;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	}

.kosmoglaz a:hover {
	font:16px Arial;
	text-decoration:none;
	color:red;
	font-weight:bold;
	}


.textwhite {
	font:12px Arial;
	color:#000000;
	margin-top:200px;
	padding:25px 25px;
	background-image:url(images/red.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:justify;
}

.textblack {
	position:absolute;
	z-index:5;
	top:110px;
	left:300px;
	font:12px Arial;
	color:#FFFFFF;
	text-align: justify;
}

.bigtext {
	font:58px Arial;
	font-weight:bold;
	}

.smalltext {
	font:16px Arial;
	font-weight:bold;
	}

.book {
	float:right;
	padding-right:25px;
	}
