@media all {
@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0
}
/*=html*/
/*body*/
body {
	font-family:Arial, Helvetica, sans-serif;
	background: #CCC;
	color:#000;
}
/*=h*/
h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:.9em;
	font-weight:lighter;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:130%;
	font-weight:bold;
	color: #6FF;
}

/*sivun pääelementit*/
div#container {
	position:relative;
	width:940px;
	margin:10px auto;
}
div#content {
	position: relative;
	width:940px;
	height:570px;
	margin:0;
}

/*photos*/
.kuva {
	position:absolute;
	left:0em;
	top:0em;
	border: none;
}
img {
	border:none;
}
div#banneri {
	position:relative;
	margin:.5em 0 0 .5em;
	width:340px;
	height:4.5em;
}
div#logo {
	position:absolute;
	top:1em;
	left:1em;
	float:left;
	width:46px;
	padding-right:6px;
}
div#designer1 {
	position:absolute;
	top:1em;
	left:68px;
}
div#designer2 {
	position:absolute;
	top:2em;
	left:68px;
}
div#tiedot {
	position:absolute;
	top:3em;
	left:1em;
	width:400px;
}
/*kellunavi*/
.banner {
	margin: 0;
	font-size: 90%;
	font-weight: bolder;
	line-height: 1.4;
	text-align: center;
	position: absolute;
	top: 5.3em;
	left: 1.5em;
	width:900px;
	list-style-type: none;
}
.banner li {
	margin: 0.3em 0em;
	padding: 0;
	float:left;
	font-family: Arial, sans-serif;
	background:url(../pngt/sini2x2b_32.png);
	border-right: solid 2px  #CCC;
	border-top: solid 1px #000;
}
.banner a, .banner em {
	display: block;
	margin: 0 0.5em;
}
.banner a, .banner em {
}
.banner a:first-child {
	border-top: none;
}
.banner em {
	color:white;
}
.banner a:link,.banner a:visited { text-decoration: none;	color: #DDD;}
.banner a:hover { background: #999;	color:white;}
.banner a span {
	display:none;
}
.banner a:hover span {
	position: absolute;
	top: 9em;
	left: 16em;
	z-index:3;
	display: block;
	width:310px;
	height:200px;
	color:black;
	font:normal 16px courier, sans-serif;
	padding:0 0;
	margin:0 0;
	overflow:hidden;
}
div.pystynavi {
	margin: 0;
	font-size: 90% /*smaller*/;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	position: relative;
	top: 10em;
	left: 57em;
	width: 10em;
	right:auto;
}
div.pystynavi li {
	margin: 0;
	padding: 0.3em 0em;
	font-family: Arial, sans-serif;
	background: url(../pngt/puna2x2b.png);
	border: thin outset #900;
	color: #333;
}
div.pystynavi a, div.pystynavi em {
	display: block;
	margin: 0 0.5em;
}
div.pystynavi a, div.pystynavi em {
	border-top: 2px groove #900;
}
div.pystynavi a:first-child {
	border-top: none;
}
div.pystynavi em {
	color: white;
}
div.pystynavi a:link {
	text-decoration: none;
	color: white;
}
div.pystynavi a:visited {
	text-decoration: none;
	color: #000;
}
div.pystynavi a:hover {
	background: #999;
	color: white;
	cursor: default;
}
div.pystynavi a span {
	display:none;
}
div.pystynavi a:hover span {
	position: absolute;
	top: -6em;
	left: -46em;
	z-index:3;
	display: block;
	width:600px;
	height:400px;
	color:black;
	font:normal 16px courier, sans-serif;
	padding:0 0;
	margin:0 0;
	overflow:hidden;
}
div.pystynavi a:focus {
	text-decoration: none;
	color: #900;
}
div.pystynavi a:focus span {
	position: absolute;
	top: -6em;
	left: -46em;
	z-index:2;
	display: block;
	width:600px;
	height:400px;
	color:black;
	font:normal 16px courier, sans-serif;
	padding:0 0;
	margin:0 0;
	overflow:hidden;
}
/*=ul*/
ul {
	margin:0;
	padding:0;
	position:absolute;
	top:33em;
	left:1.5em;
	list-style-type: none;
}
/*=li*/
li {
	list-style-type:none;/*mm. disc, circle, square, none*/
	margin:0 15px;
	padding:0;
}/*margin 10px, jotta circle näkyisi mozillassa*/
li#navi1 a{ position:absolute; top:3px; left:0em; width:30px; height:18px; background: url(../images/suomi.png) no-repeat;}
li#navi2 a{ position:absolute; top:3px; left:2em; width:30px; height:18px; background:url(../images/englanti.png) no-repeat;}
li#navi3 a{ position:absolute; top:3px; left:4em; width:30px; height:18px; background:url(../images/russia.png) no-repeat;}