html,body { 
	height:100%;
	text-align: center;
	background: #FFF;
}

/* SIVUALUE. Keskitetty ja 100% korkea, toimii myös IE6:lla*/

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1000px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	overflow: hidden;
	background: url(../images/site_bg.png) no-repeat left top;
}

div#container_etusivu {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1000px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	overflow: hidden;
	background: url(../images/etusivu_bg.png) no-repeat left top;
}

div#hotspot { /* slooda logon päälle, josta linkki etusivulle*/
	width: 253px;
	height: 222px;
	float: left;
	padding: 0;
	display: block;
}

div#content {
	width: 1000px;
	height: 513px;
	float: left;
	padding: 0;
	display: block;
}
div#leftcolumn {
	width: 253px;
	height: 513px;
	float: left;
	padding: 0;
	display: block;
}
div#rightcolumn {
	width: 747px;
	height: 513px;
	float: right;
	padding: 0;
	text-align: left;
	display: block;
}
div#sisalto { /* sisältöalueen kehykset, jossa karusellisisältö*/
	width: 527px;
	height: 513px;
	float: left;
	text-align: left;
	vertical-align: top;
	display: block;
}
div#headline { /* sisältöalueen pääotsikko -> kuvana pageheader-xx.jpg*/
	width: 485px;
	height: 68px;
	float: left;
	display: block;
	text-align: left;
	margin: 0 21px;
	padding-bottom: 44px;
	padding-top: 110px;
}
div#content_text { /* sisältöalueen tekstit/kuvagalleria jne.*/
	width: 485px;
	height: 223px;
	margin: 0 21px;
	float: left;
	display: block;
}
div#contact { /* yhteystiedot-tekstit*/
	width: 243px;
	height: 92px;
	margin: 75px 0 54px;
	float: right;
	display: block;
}
div#contact_hiottu { /* Yhteystietojen taustakuva*/
	width: 485px;
	height: 220px;
	float: left;
	display: block;
	background: url(../images/contact_hiottu.jpg) no-repeat center top;
}
div#contact_velkku { /* Yhteystietojen taustakuva*/
	width: 485px;
	height: 220px;
	float: left;
	display: block;
	background: url(../images/contact_velkku.jpg) no-repeat center top;
}
div#contact_janne { /* Yhteystietojen taustakuva*/
	width: 485px;
	height: 220px;
	float: left;
	display: block;
	background: url(../images/contact_janne.jpg) no-repeat center top;
}
div#contact_jarkko { /* Yhteystietojen taustakuva*/
	width: 485px;
	height: 220px;
	float: left;
	display: block;
	background: url(../images/contact_jarkko.jpg) no-repeat center top;
}
div#contact_mikko { /* Yhteystietojen taustakuva*/
	width: 485px;
	height: 220px;
	float: left;
	display: block;
	background: url(../images/contact_mikko.jpg) no-repeat center top;
}
div#contact_petri { /* Yhteystietojen taustakuva*/
	width: 485px;
	height: 220px;
	float: left;
	display: block;
	background: url(../images/contact_petri.jpg) no-repeat center top;
}
div#product { /* tuotteiden leipis-tekstit*/
	width: 243px;
	height: 220px;
	float: right;
	display: block;
}
div#product_mugi { /* Tuotteiden sisäsivun taustakuva*/
	width: 485px;
	height: 220px;
	float: left;
	display: block;
	background: url(../images/tuotteet_mugi.jpg) no-repeat center top;
}
div#product_adsolut { /* Tuotteiden sisäsivun taustakuva*/
	width: 485px;
	height: 220px;
	float: left;
	display: block;
	background: url(../images/tuotteet_adsolut.jpg) no-repeat center top;
}
div#product_velemu { /* Tuotteiden sisäsivun taustakuva*/
	width: 485px;
	height: 220px;
	float: left;
	display: block;
	background: url(../images/tuotteet_velemu.jpg) no-repeat center top;
}
div#etusivu_sisalto { /* Etusivun karusellin pohja*/
	width: 485px;
	height: 220px;
	float: left;
	display: block;
}
div#submenu { /* sivukohtainen valikko -> sisällöt matrix-modeilla*/
	width: 485px;
	height: 68px;
	margin: 0 21px;
	float: left;
	display: block;
}
div#menu { /* vasenpuoleinen päävalikko*/
	width: 253px;
	height: 291px;
	float: left;
	padding: 0;
}
div#menu_ad_frame { /* oikeanpuoleinen tuotevalikko -> paikoituskehys*/
	width: 219px;
	height: 513px;
	float: right;
	margin-top: 222px;
	display: block;
	padding: 0;
}
div#menu_ad { /* oikeanpuoleinen tuotevalikko*/
	width: 219px;
	height: 291px;
	float: left;
}

div#footer {
	float: left;
	width: 1000px;
	height: 48px;
	text-align: center;
	clear: both;
	background: url(../images/footer_bg.png) no-repeat center top;
}