body {
	margin: 0 ;
	padding: 0;
	background-image: url(images/backgrounds/jukebox.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
	/* This next one is for IE6 */
	background-attachment: fixed;
	overflow-x: hidden;
	

}

img#expando {
	padding: 0;
	margin: 0;
	position: absolute;
	display: none;
	z-index: 1;
	-ms-interpolation-mode: bicubic;
}
 
.wide img#expando,
.tall img#expando {
	display: block;
}
 
.wide img#expando {
	width: 100%;
	height: auto;
}
 
.tall img#expando {
	width: auto;
	height: 100%;
}
 
.ie6fixed {
	position: ;
	top: expression((ignoreMe = document.documentElement.scrollTop ?
	document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}

img {border: none;}


.container_main {
	position: relative;
	top: 100px;
	left: 50px;
	width: 630px;
	height: 100%;
	margin: 0;
	
}

.container_header{
	width: 630px;
	height: 137px;
	margin: 0;
	background-image: url(images/header_1.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
	
}

.container_header2 {
	width: 630px;
	height: 137px;
	margin: 0;
	background-image: url(images/header_2.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
	
}

.container_header3 {
	width: 630px;
	height: 137px;
	margin: 0;
	background-image: url(images/header_3.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
	
}

.container_header4 {
	width: 630px;
	height: 137px;
	margin: 0;
	background-image: url(images/header_4.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
	
}

.container_header5 {
	width: 630px;
	height: 137px;
	margin: 0;
	background-image: url(images/header_5.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
	
}


a#nayta, a#sulje {
	display: block;
	float: right;
	margin-top:62px;
	width: 26px;
	height: 89px;
	margin-right: 17px;
	background-image: url(images/uutisnappi.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0 0;
	
}

a#nayta:hover, a#sulje:hover {
	display: block;
	width: 26px;
	height: 89px;
	background-image: url(images/uutisnappi.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: -26px 0;
	
}

#uutispaneeli {
	position: absolute;
	top: 200px;
	left: 620px;
	width: 200px;
	height: auto;
	background-color: #444;
	display: none;
	
}




#uutiscontent {
	
	margin: 10px 0 10px 10px;
	width: 180px;
	
}

#twitter {
	
	position: absolute;
	left: 576px;
	top: 300px;
	width: 37px;
	height:210px;
	
	
	
}


/*päänavigaatio*/

.ylanavi1 {
	
	display: inline;
	float: left;
	width: 121px;
	height: 137px;
	margin:0 -26px 0 20px;
	background-image: url(images/navi/1.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
}

.ylanavi1a {
	
	display: inline;
	float: left;
	width: 121px;
	height: 137px;
	margin:0 -26px 0 20px;
	background-image: url(images/navi/1a.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
}

.ylanavi1:hover {
	
	background-image: url(images/navi/1a.png);
}

.ylanavi2 {
	
	display: inline;
	float: left;
	width: 123px;
	height: 137px;
	margin:0 -15px 0 0px;
	background-image: url(images/navi/2.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
}

.ylanavi2a {
	
	display: inline;
	float: left;
	width: 123px;
	height: 137px;
	margin:0 -15px 0 0px;
	background-image: url(images/navi/2a.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
}

.ylanavi2:hover {
	
	background-image: url(images/navi/2a.png);
}

.ylanavi3 {
	
	display: inline;
	float: left;
	width: 125px;
	height: 137px;
	margin:0 -20px 0 0px;
	background-image: url(images/navi/3.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
}

.ylanavi3a {
	
	display: inline;
	float: left;
	width: 125px;
	height: 137px;
	margin:0 -20px 0 0px;
	background-image: url(images/navi/3a.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
}

.ylanavi3:hover {
	
	background-image: url(images/navi/3a.png);
}

.ylanavi4 {
	
	display: inline;
	float: left;
	width: 118px;
	height: 137px;
	margin:0 -15px 0 0px;
	background-image: url(images/navi/ea.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
}

.ylanavi4a {
	
	display: inline;
	float: left;
	width: 118px;
	height: 137px;
	margin:0 -15px 0 0px;
	background-image: url(images/navi/eaa.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
}

.ylanavi4:hover {
	
	background-image: url(images/navi/eaa.png);
}

.ylanavi5 {
	
	display: inline;
	float: left;
	width: 131px;
	height: 137px;
	margin:0;
	background-image: url(images/navi/5.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
}

.ylanavi5a {
	
	display: inline;
	float: left;
	width: 131px;
	height: 137px;
	margin:0;
	background-image: url(images/navi/5a.png);
	background-repeat: no-repeat;
	background-color: transparent;
	
}

.ylanavi5:hover {
	
	background-image: url(images/navi/5a.png);
}

/* alinavigaatio */

#navi {

height: 21px;
width: 630px;
position: absolute;
top: 137px;
left: 0px;
z-index: 5;

}


#navi ul {
position: relative;
margin: 0;
padding: 0 0 0 0;
list-style: none;
left: 0px;
font-family: Georgia, Times;
}

#navi li {
float: left;
height: 21px;
margin: 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
}

#navi li a {
float: left;
display: block;
height: 21px;
width: 100%;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

	

#n1, #n1 a { background:transparent url("images/navi.png") 0 0 no-repeat; width:114px;}
#n2, #n2 a { background:transparent url("images/navi.png") -119px 0 no-repeat; width:60px; }
#n3, #n3 a { background:transparent url("images/navi.png") -179px 0 no-repeat; width:82px; }
#n4, #n4 a { background:transparent url("images/navi.png") -261px 0 no-repeat; width:80px; }
#n5, #n5 a { background:transparent url("images/navi.png") -341px 0 no-repeat; width:78px; }

#n1a, #n1a a, #n1 a:hover { background:transparent url("images/navi.png") 0 -22px no-repeat; width:114px; }
#n2a, #n2a a, #n2 a:hover { background:transparent url("images/navi.png") -119px -22px no-repeat; width:60px;}
#n3a, #n3a a, #n3 a:hover { background:transparent url("images/navi.png") -179px -22px no-repeat; width:82px; }
#n4a, #n4a a, #n4 a:hover { background:transparent url("images/navi.png") -261px -22px no-repeat; width:80px;}
#n5a, #n5a a, #n5 a:hover  { background:transparent url("images/navi.png") -341px -22px no-repeat; width:78px;}


.container2 {
	width: 630px;
	height: auto;
	margin: 0;
	
	
	
}

.container_content {
	width: 630px;
	height: auto;
	margin: 0 auto;
	background-image: url(images/content_1.png);
	background-repeat: repeat-y;
	background-color: transparent;
	display: inline;
	float: left;
	
	
}

.container_content2 {
	width: 630px;
	height: auto;
	margin: 0 auto;
	background-image: url(images/content_2.png);
	background-repeat: repeat-y;
	background-color: transparent;
	display: inline;
	float: left;
	
	
}

.container_content3 {
	width: 630px;
	height: auto;
	margin: 0 auto;
	background-image: url(images/content_3.png);
	background-repeat: repeat-y;
	background-color: transparent;
	display: inline;
	float: left;
	
	
}

.container_content4 {
	width: 630px;
	height: auto;
	margin: 0 auto;
	background-image: url(images/content_4.png);
	background-repeat: repeat-y;
	background-color: transparent;
	display: inline;
	float: left;
	
	
}

.container_content5 {
	width: 630px;
	height: auto;
	margin: 0 auto;
	background-image: url(images/content_5.png);
	background-repeat: repeat-y;
	background-color: transparent;
	display: inline;
	float: left;
	
	
}

#text, #text2 {
	
	width: 450px;
	height: auto;
	margin: 50px 0 0 40px;
	
	
}


.container_footer {
	width: 788px;
	height: 73px;
	margin: 0 auto;
	background-image: url(images/footer_1.png);
	background-repeat: no-repeat;
	background-color: transparent;
	display: inline;
	float: left;
	
}

.container_footer2 {
	width: 788px;
	height: 73px;
	margin: 0 auto;
	background-image: url(images/footer_2.png);
	background-repeat: no-repeat;
	background-color: transparent;
	display: inline;
	float: left;
	
}

.container_footer3 {
	width: 788px;
	height: 73px;
	margin: 0 auto;
	background-image: url(images/footer_3.png);
	background-repeat: no-repeat;
	background-color: transparent;
	display: inline;
	float: left;
	
}

.container_footer4 {
	width: 788px;
	height: 73px;
	margin: 0 auto;
	background-image: url(images/footer_4.png);
	background-repeat: no-repeat;
	background-color: transparent;
	display: inline;
	float: left;
	
}

.container_footer5 {
	width: 788px;
	height: 73px;
	margin: 0 auto;
	background-image: url(images/footer_5.png);
	background-repeat: no-repeat;
	background-color: transparent;
	display: inline;
	float: left;
	
}

img {

	border: none;

}

/* Tyylit */

#text p, #text ul {

	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.6em;
	color: #ddd;
	text-align: left;
	margin-top: 0px;

}

#uutispaneeli p {

	font-family: Verdana, sans-serif;
	font-size: 0.6em;
	font-weight: normal;
	line-height: 1.6em;
	color: #ddd;
	text-align: left;
	margin-top: 0px;

}

#text2 p, #text2 ul {

	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.6em;
	color: #333;
	text-align: left;
	margin-top: 0px;

}


#text h1 {
	
	font-family: Georgia, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	margin-top: 0px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	
	
}

#text2 h1 {
	
	font-family: Georgia, serif;
	font-size: 1em;
	font-weight: bold;
	color: #666;
	text-align: left;
	margin-top: 0px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	
	
}

#text h2 {
	
	font-family: Georgia, serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	margin-top: 0px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	
	
}

#text2 h2 {
	
	font-family: Georgia, serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #666;
	text-align: left;
	margin-top: 0px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	
	
}

#text h3 {
	
	font-family: Georgia, serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	margin-top: 0px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	
	
}

#text2 h3 {
	
	font-family: Georgia, serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #666;
	text-align: left;
	margin-top: 0px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	
	
}

#uutispaneeli h1 {
	
	font-family: Georgia, serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	margin-top: 0px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	
	
}

 a {

	text-decoration: underline;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #ddd;
	text-align: left;
	margin-top: 0px;
}

 a:hover {

	
	color: #fff;
	

}

#text2 a {

	text-decoration: underline;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #333;
	text-align: left;
	margin-top: 0px;
}

#text2 a:hover {

	
	color: #666;
	

}


#uutispaneeli a {

	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	width : 100px;
	color: #fff;
	text-align: left;
	margin: 0;
	text-decoration: none;

}

#close a {

	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	width : 100px;
	color: #ddd;
	text-align: left;
	margin: 0;
	text-decoration: none;

}

#close a:hover {

	
	color: #fff;
	

}

.clearaus {
	
	display: block;
	clear: both;
	height: 250px;
}

#uutispaneeli a:hover {
	
	color: #fff;
}

/*Yhteyslomakkeen tyylit */

.clear{
	clear:both;
}


td{
	white-space:nowrap;
}

label{
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

.tutorial-info{
	color:white;
	text-align:center;
	padding:10px;
	margin-top:10px;
}