* { 
    margin: 0; 
    padding: 0; 
}

#intro {height: 100%; width: 100%; position: absolute; left: 0 top: 0; background-color: black; z-index: 100;}
html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

h1 {float: left; overflow: visible; width: 400px; height: 220px; margin: 20px 20px 0 20px; background-image: url('images/ludmila_white.png'); text-indent: -999em;}
#navigation {background-image: url('images/nav_back.png');}
	#navigation ol {padding: 0 5px 0 5px;}
	#navigation ol li a {color: #e2e2e2; padding: 10px 7px 10px 7px;}
		#navigation ol li a:hover {color: white;}
		#navigation ol li.active a {border: 0; color: #fff;}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#container {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
	overflow: auto;
}