body { background: #ffffff url(../pics/bg_body.gif) repeat-x; font-family: georgia; color: #404040;  }

* { padding: 0; margin: 0; }

img { border: none; display: block; }

h1 { color: #404040; margin: 0 0 15px 0; font-size: 16px; font-weight: bold;}

a { color: #000; }

	a:hover { text-decoration: none; }

#container { 
	width: 890px; 
	background: #ffffff;
	margin: 14px auto;
	}

	a.logo { width: 170px; height: 106px; position: absolute; top: 5px; left: 30px;}

#header { 
	height: 140px; 
	
	position: relative;
	}


#main_navi {  position: absolute; bottom: 0; border-bottom: 4px solid #818181; width: 890px;   }

	#main_navi ul { list-style-type: none; margin: 0 0 0 30px; position: relative; height: 29px;  }
	
	#main_navi ul  li { float: left; display: inline; margin: 0 20px 0 0; height: 29px;
		 }
	
	#main_navi ul li a { 
		font: italic normal 20px georgia; 
		color: #E10718; 
		text-decoration: none;
		padding: 0 0 5px 0;
		}
	
	#main_navi ul li a.selected, #main_navi ul li a:hover { background: transparent url(../pics/bg_main_navi.gif) bottom no-repeat; }

	
#content_etusivu { postition: relative; width: 480px; padding: 35px 20px 0 30px; float:left;}

	#content_etusivu img { margin: 0 0 15px 0; }

	#content_etusivu  p, #content p { font-size: 12px; line-height: 18px; margin: 0 0 10px 0; }
	
	#content  { postition: relative; width: 530px; padding: 35px 20px 0 30px; float:left; min-height:250px; height:auto !important; height:250px; }
	
	#content .player { border: 1px solid #DCD7DD; background: #F4F4F4; padding: 15px; margin: 0 0 20px 0;   }
	
	#content .player img { position: relative; float: left; margin: 0 15px 5px 0; }
	
	#content .player h1 { color: #E10718; }
	
	#content a { color: #E10718; font-weight: bold; } 
	
	#content img.left  { position: relative; float: left; margin: 0 15px 15px 0;  }
	
	#content img.left2  { position: relative; float: left; margin: 0 10px 15px 0;  }
	
	
	
#news { 	
	margin: 35px 0 0 30px; 
	background: #F4F4F4; 
	border: 1px solid #DCD7DD; 
	position: relative; 
	width: 253px; 
	float: left;
	padding: 15px;
	}
	
	#news h2 { font: italic normal 17px georgia;  color: #E10718; margin: 0 0 10px 0; }
	
	#news ul { list-style-type: none; font-size: 12px; }
	
	#news ul li { border-bottom: 1px solid #DCD7DD; padding: 10px 0 10px 0;  }

	#news  #tshirt img { margin: 30px auto 0 auto;  }
	
	#news  #tshirt { text-align: center; font-weight: bold; font-size: 12px; }


#sub_navi  { width: 225px;   position: relative; float: left; padding: 35px 20px 20px 20px; }

	#sub_navi ul { list-style-type: none; postition; relative; float: left;  width: 220px; margin: 0 0 30px 0;  }
	
	#sub_navi ul li  { border-bottom: 1px solid #C0C0C0; padding: 3px 0 3px 0; margin: 0 0 5px 0; }
	
	#sub_navi ul li  a { color: #2C2C2C; font-size: 13px; font-style: italic; text-decoration: none; }
	
	#sub_navi ul li  a.selected { font-weight: bold; }
	
	#sub_navi ul li  a:hover { text-decoration: underline; }
	
	#sub_navi img { position: relative; float: left; margin: 0 0 10px 0; display: block; }
	
	#sub_navi p.kuvateksti { font-style: italic; font-size: 12px;  }

#footer { width: 890px; postion: relative; float: left; border-top: 3px solid #7D7D7D; margin: 50px 0 0 0; }

	#footer ul { list-style-type: none;  position: relative; float: left; padding: 20px 0 20px 30px; }
	
	#footer ul li { display: inline; float: left; margin: 0 50px 0 0; }
	
	

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}