#outer{
	height:99.9%;
	min-height:100%;
	width:906px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
	background-color:  #fff;
	margin-bottom:20px;
}

/* mac hide \*/
* html #outer{
	width:906px
}
/* end hide*/

html>body #outer{
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#inner{
	width:100%;
	padding-top:218px;
	background-image: url(gr/bg_main.gif);
	background-repeat: repeat-y;
	display:table;
} 

/* Vasen valikkoalue */

#vasen {
	position:relative;
	width:167px;
	top:0;
	float:left;
	z-index: 55;
}
#vas-inner {
	width: 150px;
	padding-left: 5px;
	text-align: left;
}
/* Oikea palsta, etusivu 

#oikea {
	position:relative;
	width:160px;
	top:0;
	float:left;
	z-index: 55;
	border-left:1px solid #FF473B;
}
*/

/* Yläosa */
#header{
	position:absolute;
	top:0;
	left:0;
	width:906px;
	height:224px;
	z-index:74;
	background-image: url(gr/ylapalkki_e-hkk.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color:#fff;	
}

#logo {
	display:block;
	position:absolute;
	top:50px;
	left:0;
	width:169px;
	height:162px;
	z-index:100;
	background-color:#317297;
}


/* Ylävalikko */

#ajaxmenu{
	position:absolute;
	float:left;
	top:0;
	left:0;
	width:680px;
	height:50px;
	z-index:300;
}

/* Alaosa */

#footer {
	color: #ffffff;
	width:906px;
	clear:both;
	height:30px;
	text-align:left;
	left:0px;
	bottom:0px;
	position: absolute;
	background-color: #03476D;
}
#footer p {
	margin-top: 10px;
}
#footer p a {
	text-decoration: none;
	color: #ffffff;
}
* html #footer{
	margin-bottom:-1px
}/* ie rounding bug*/

/* mac hide \*/
* html #footer {
	/*only ie gets this style*/
	height:30px;
	/* for ie*/
}
/* end hide*/

/* Sisältöosa */

#main {
	position:relative;
	width:720px;
	float:right;
	z-index: 150;
	background-image: url(gr/rengas_alaosa_samojedi.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#main-inner {
	margin-top:7px;
	text-align: left;
	float:left;
}
#clearfooter {
	width:100%;
	height:30px;
	clear:both;
} /* to clear footer */

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-37px;
} /*safari wrapper */
#content {
	z-index: 300;
	min-height:300px;
	margin: 30px 100px 20px 30px;
}

body.etusivu #content {
/*	z-index: 300;
	min-height:300px;
	padding: 20px 20px 20px 30px;
	width:300px;
	position:relative;
	float:left; */
}

#bannerit{
	width:160px;
	padding:10px;
}
#bannerit img{
	border:none;
	padding-top:10px;
	padding-bottom:10px;
}