/* CSS Document */

body {
	background-image:  url(images/bg.jpg);
	margin-top: 30px;
}

#container {
	height: 100%;
	width: 755px;
	clear: both;
}
* html #container{
		width: 770px;
	}
#header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 112px;
	width: 750px;
}

#sloganspace {
	background-image: url(images/sloganspace.jpg);
	background-repeat: no-repeat;
	height: 56px;
	width: 750px;
	float: left; 
	clear: both;
}
#contactbox {
	height: 50px;
	width: 230px;
	float: left;
	clear: right;
	padding: 5px 0px 10px 10px;
}
* html #contactbox {
	width: 240px;
	padding: 10px 0px 10px 10px;
}

#looppi {
	background-image: url(images/looppi.jpg);
	height: auto;
	width: 750px;
	float: left;
	clear: both;
}
#leftcolumn {
	height: auto;
	width: 242px;
	float: left;
}
#rightcolumn {
	height: auto;
	width: 400px;
	padding: 10px 0px 40px 42px;
	float: left;
}
#footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 50px;
	width: 749px;
	bottom: 0px;
}
.yhteystiedot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}
.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a8c008;
	text-decoration: none;
}
.leipa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	}
.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #a8c008;
	}