body, html {
	background: #E3E3E3;
	font-family: "Lucida Grande", Verdana, arial, helvetica, sans-serif;
}

html {
	width: 100%;
}

a {outline: none;}

#frame_header {
	width: 100%;
	height: 70px;
	background: url(../images/io_ylapalkki.jpg) no-repeat center bottom;
}

#frame_content {
	background: #fff;
	width: 100%;
/*	height: 500px;*/
}

#frame_footer {
	background: url(..images/io_alapalkki.jpg) repeat-x;
	border-top: 2px solid #000;
	height: 300px;
	width: 100%;
}

#frame_content:after, .wrap:after, ul#pages:after, .four:after  {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.wrap {
	background: yellow;
	margin: 0px auto;
	width: 850px;
	height: 100%;
}

#frame_header .wrap {background: url(../images/io_ylapalkki4.jpg) no-repeat center bottom;}
#frame_content .wrap {background: #fff url(../images/io_03.jpg) no-repeat right bottom;}
#frame_footer .wrap {background: #E3E3E3 url(../images/io_05.jpg) no-repeat center top; padding: 15px 0 0 0;}

body#io2 #frame_content .wrap {background: #fff url(../images/alapalkki2_03.jpg) no-repeat right bottom;}
body#io2 #frame_footer .wrap {background: #E3E3E3 url(../images/alapalkki2_05.jpg) no-repeat center top; padding: 15px 0 0 0;}

body#io3 #frame_content .wrap {background: #fff url(../images/alapalkki3_03.jpg) no-repeat right bottom;}
body#io3 #frame_footer .wrap {background: #E3E3E3 url(../images/alapalkki3_05.jpg) no-repeat center top; padding: 15px 0 0 0;}


.four {
	width: 100%;
	padding: 15px 0;
}

.three {
	width: 630px;
}

.two {
	width: 420px;
}

.one {
	width: 195px;
}

.right {
	float: right;
	padding: 15px 0;
}

.left {
	float: left;
	padding: 15px 0;
}