body {
	background-image:url("images/tausta.jpg");
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
}

#wrapper {
	width:1000px;
	height:612px;
	margin-left:auto;
	margin-right:auto;
  margin-bottom:auto;
}

#col1 {
	width:181px;
	height:300px;
	float:left;
}

#col2 {
	width:240px;
	height:300x;
	float:left;
}

#col3 {
	width:579px;
	height:300px;
	float:left;
}

#col4 {
	clear:both;
	width:1000px;
	height:312px;
}

#logo {
	top:0px;
	left:0px;
	width:181px;
	height:237px;
	float:left;
}

#oliivi {
	width:240px;
	height:99px;
}

#menu {
	width:210px;
	height:165px;
	float:left;
}

#menu ul {
 	margin: 0;
 	float:left;
}

#menu li {
	display:inline;
	float:left;
	height:33px;
}

#menu a, visited, hover {
	height:27px;
	text-align:left;
	float:left;
	font-family: Arial, Sans-serif;
	color:#669900;
	font-size:16px;
	padding-left:12px;
	padding-top:3px;
	vertical-align:middle;
	background: url(images/menu.png) top left no-repeat;
	width:210px;
	text-decoration:none;
}

#maincontent {
	text-align:left;
	width:400px;
	float:left;
	top:85px;
	position:relative;
	font-family: Arial, Sans-serif;
	color:#ffffff;
	font-size:14px;
	text-decoration: none;
}

#alaauto {
  position:absolute;
  right:auto;
  left:auto;
  bottom:0;
  display:block;
  width:420px;
  height:217px;
  background:url(images/auto2.png) no-repeat;
}

#ylakulma {
	position:absolute;
	right:0;
	top:0;
	display:block;
	height:176px;
	width:191px;
	background:url(images/ylakulma.png) no-repeat;
}

#alakulma {
	position:fixed;
	right:0;
	bottom:0;
	display:block;
	height:206px;
	width:249px;
	background:url(images/alakulma.png) no-repeat;
}