body, html {
	background-color: #002909;
	margin: 0000;
	text-align: center;
	height: 100%;
}

p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#002909;
	font-size: 12px;
	font-variant:small-caps;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#002909;
	font-size: 20px;
	font-variant:small-caps;
}

a, a:active, a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#002909;
	font-weight:bold;
	font-size: 12px;
	font-variant:small-caps;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

a.menulinks, a.menulinks:active, a.menulinks:visited {
	margin-left:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#002909;

	font-size: 13px;
	font-variant:small-caps;
	text-decoration:none;
}
a.menulinks:hover {
	text-decoration:underline;
}

ul {
	margin:0px 15px;
	padding:0px;
	}

.top {
	background-image:url(pics/background_top.gif);
	background-repeat:repeat-x;
}

#keskitys {
		margin: 0 auto;
		text-align: left;
		width: 750px;
		z-index:auto;


}

#sisalto {
		left:0px;
		position:relative;
		width: 750px;
		top: 60px;

		
}

#tausta {
		left:0px;
		z-index:auto;
		position:absolute;
		width:100%;
		height: 100%;
}

#leipisalue {
		width:750px;
		left:0px;
		top:80px;
		position:absolute;
		background-color:#d0ad53;
		background-image:url(pics/taustagradient.jpg);
		background-repeat:no-repeat;

}

#index {
		width:750px;
		left:0px;
		top:80px;
		position:absolute;
}

#logo {
	margin: 0 auto;
	text-align: left;
	width: 310px;
	position:absolute;
	z-index:1;
	left: 218px;
	top: 0px;
}

#menu {
	position:absolute;
	z-index:1;
	left: -105px;
	top: 300px;
	height:100px;
	width:125px;
	z-index: auto;
}
#menurus {
	position:absolute;
	z-index:1;
	left: -110px;
	top: 300px;
	height:100px;
	width:125px;
	z-index: auto;
}

.hide {
/*	position: absolute;*/
	display: none;
/*	visibility: hidden;
	height:auto;*/
}
.show{
	display: block;
}