body, h1, h2, h3, p, ul {margin: 0; padding: 0;}
body {background-color: #eee;}
img {border: none;}

div#framework {margin: 20px; width: 970px; background-color: #fff;}
div#logo {position: absolute; left: 70px; top: 235px; z-index: 2; padding: 5px 0 10px 0; font-size: 40px; font-family: Klavika, 'Trebuchet ms', sans; font-weight: normal; color: #ffffff;}
div#container {margin: 0 20px 0 20px; font-family: Tahoma, sans; color: #504838;}
div#content {font-size: 16px; line-height: 20px;}
div#content a {color: #b90000;}
div#content a:hover {color: #fff; background-color: #b90000; text-decoration: none;}
	#content h1 {padding: 10px 0 15px 0; font-size: 18px; font-family: Klavika, 'Trebuchet ms', sans; font-weight: bold; color: #b90000;}
	#content h2 {padding: 5px 0 10px 0; font-size: 20px; line-height: 30px; font-weight: normal;}
	#content h3 {padding: 5px 0 10px 0; font-size: 40px; font-family: Klavika, 'Trebuchet ms', sans; font-weight: normal; color: #bd0000;}
div#footer {line-height: 14px; margin-top: 5px; clear: both; background: url('../images/jalus-tst.png') repeat-y;}
	#footer p {font-size: 11px; padding: 5px 20px 5px 30px;}

div.menu {height: 42px; background-color: #e50000; color: #fff;}
ul.mainmenu {font-size: 16px; margin-left: 24px; float: left;}
	.mainmenu li {float: left; padding-right: 4px; display: inline;}
	.mainmenu a {float: left; padding: 10px 8px 0 8px; color: #fff; text-decoration: none; height: 32px;}
	.mainmenu a:hover {background-color: #b70000;}
	.mainmenu a.activeA {color: #fff; background: url('../images/menyy-esi-aktiivne-tst.png') repeat-x; padding-left: 5px;}
ul.langmenu {font-size: 9px; padding-top: 15px; margin-right: 20px; float: right;}
	.langmenu li {float: left; text-transform: uppercase; padding-right: 4px; display: inline;}
	.langmenu a {color: #fff; text-decoration: none; padding: 4px;}
	.langmenu a:hover {color: #b70000; background-color: #fff;}
	.langmenu a.activeA{color: #fff; background-color: #b70000;}
div.intro {padding: 20px 30px 5px 30px; line-height: 28px; clear: both; font-size: 14px;
		background: #aca994 url('../images/intro-esi-tst.png') repeat-x;}
	div.intro p {padding-bottom: 10px;}
	div.intro img.illustration {margin: 5px 0 5px 15px; float: right; border: solid 3px #bbb7ae;}

div.subpage {}
	div.subpage img.logo {padding: 34px 0 10px 30px;}
	div.subpage div.menu {background: #e50000 url('../images/menyy-sisu-tst.png') no-repeat;}
	div.subpage div.intro {padding-bottom: 0px; background: #f1f1ea url('../images/intro-sisu-tst.png') no-repeat; margin-bottom: 10px;}
	div.subpage div.intro img.system {margin-left: -30px; padding-top: 10px;}
	div.subpage div.intro p {min-height: 50px; font-size: 14px; line-height: 20px;}
	div.subpage ul.mainmenu a.active {background: url('../images/menyy-sisu-aktiivne-tst.png') repeat-x;}
	div.subpage div#footer {margin-top: 15px;}
div.submenu {height: 40px;}
	ul.submenu {font-size: 12px; padding: 15px 0 0 30px; float: left;}
	.submenu li {float: left; display: inline; padding-right: 8px;}
	.submenu a {padding: 2px 4px 2px 4px; color: #bd0000; text-decoration: underline;}
	.submenu a:hover, .submenu a.active {color: #fff; background-color: #b70000; text-decoration: none;}
div.block {padding: 10px 20px 0 20px; clear: both;}
	.block img {float: left; margin: 0 20px 10px 0; border: solid 3px #bbb7ae;}
	.block li {float: left; display: inline; padding: 10px 5px 0 0; font-size: 20px;}
	.block li img {border: none; margin: 0;}
	.block li.number {font-size: 20px; margin: 5px 0 0 5px; width: 40px;}
	.block li.text {font-size: 14px; font-weight: bold; margin: 5px 0 0 5px;}
	.block a:hover img {border-color: #b70000;}

img.system {display: block;}
div.gallery {z-index: 4; position: absolute; top: 50px; left: 0; text-align: center; width: 100%;}
div.gallery img {border: solid 3px #fff;}
div.gallery a:hover img {border-color: #b70000;}
#screen {z-index: 3; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #aca994;
		opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70;}