body { 
	margin: 0; 	
	background: url(../pics/bg.jpg) no-repeat;
	background-color: #f7b0b9;
	}
	
#sub { 
	margin: 0; 	
	background: url(../pics/bg_sub.jpg) no-repeat;
	background-color: #f7b0b9;
	}	
	
#centered { 
	width: 861px;
	margin: 0 auto;		
	}
	
#page { 
	float: left;
	text-align: left; 
	width: 998px;
	}	
	
/*** navigaatio ***/		
#navigation { 
	float: left;
	height: 137px;
	padding: 0 0 0 496px;
	}	
	
/*** flash ***/		
#flash { 
	float: left;
	padding: 12px 0 0 60px;
	}			
	
#imageBlock { 
	float: left;
	padding: 12px 0 20px 60px;
	}
		
/*** content ***/	
#contentIndex { 
	float: left;
	width: 951px;
	padding: 14px 0 0 47px;
	}		
	
/*** etusivu ***/
#indexTextBlockLeft {
	float: left;
	width: 595px;	
	padding: 30px 35px 0 0;
}

	#levy { 
		float: left;
		padding: 0 14px 0 0;
	}	

	#levyText { 
		float: left;
		width: 425px;
		padding: 0;
	}
	
	#line { 
		float: left;
		width: 595px;
		height: 1px;
		margin: 5px 0 0 0;
		background-color: #db848c;
	}
	
	#ajankohtaista { 
		float: left;
		padding: 22px 0 0 0;
	}	
	
	span.date {
		font: normal 11px verdana, arial, trebuchet ms, sans-serif;
		color: #db5971;	
	}


#indexTextBlockRight {
	float: left;
	width: 321px;
	height: 645px;
	background: url(../pics/keikkatytto.gif) no-repeat;	
	padding: 0;
}	

#keikatIndex {
	float: left;
	text-align: center;
	width: 190px;
	padding: 370px 0 0 67px;
}	

	#keikatIndex p {
		font: normal 13px verdana, arial, trebuchet ms, sans-serif;
		color: #787ec8;	
		margin: 0px 0px 16px 0px;
		line-height: 14px;
	}

	span.dateKeikat {
		font: normal 13px verdana, arial, trebuchet ms, sans-serif;
		color: #262c73;	
	}

	#keikatIndex a  {
	font: normal 13px verdana, arial, trebuchet ms, sans-serif;
	color: #262c73;	
	text-decoration: none;
	}	


/*** jatkosivut ***/	
.textBlockLeft {
	float: left;
	width: 470px;	
	padding: 30px 20px 0 0;
}


.textBlockLeftTuotteet {
	float: left;
	width: 470px;	
	padding: 0px 20px 0 0;
}

#tuotteetTitle {
	float: left;
	width: 890px;	
	padding: 30px 0px 0px 0px;
}


.textBlockLeft img, .textBlockRight img, .textBlockLeftTuotteet img, .textBlockRightTuotteet img {
	float: left;
	border: solid 6px #fff;	
	padding: 0px 0px 0 0;
	margin: 0 8px 16px 0;
}

.textBlockRight {
	float: left;
	width: 460px;	
	padding: 30px 0px 0 0;
}

.textBlockRightTuotteet {
	float: left;
	width: 460px;	
	padding: 0px 0px 0 0;
}


	#lineGalleria { 
		float: left;
		width: 460px;
		height: 1px;
		margin: 18px 0 0 0;
		background-color: #db848c;
	}
	
	#lineSub { 
		float: left;
		width: 595px;
		height: 1px;
		margin: 10px 0 30px 0;
		background-color: #db848c;
	}	
	
	
#textBlockRightImage {
	float: left;
	width: 321px;
	padding: 20px 0 0 0;
}	

.tuotteet {
	float: left;
	width: 460px;	
	padding: 0px 0px 10px 0px;
}	


#textBlockGalleria img {
	border: solid 1px #c7c6c6;
	margin: 0px 3px 3px 0px;
}

/*******************/	

p {
	font: normal 12px verdana, arial, trebuchet ms, sans-serif;
	color: #860005;	
	margin: 0px 0px 20px 0px;
	line-height: 18px;
}
	
a  {
	font: normal 12px verdana, arial, trebuchet ms, sans-serif;
	color: #860005;	
	text-decoration: underline;
	}	
	
a:hover, #keikatIndex a:hover {
	font: normal 12px verdana, arial, trebuchet ms, sans-serif;
	text-decoration: underline;
	}	
		
	
h1 {
	font: bold 17px verdana, arial, trebuchet ms, sans-serif;
	color: #860005;	
	margin: 0px 0px 15px 0px;
	line-height: 18px;
}

h2 {
	font: bold 14px verdana, arial, trebuchet ms, sans-serif;
	color: #860005;	
	margin: 20px 0px 20px 0px;
}

h3 {
	font: bold 14px verdana, arial, trebuchet ms, sans-serif;
	color: #860005;	
	margin: 0px 0px 10px 0px;
}

ul{
	font: normal 12px verdana, arial, trebuchet ms, sans-serif;
	color: #860005;	
	margin: 0px 0px 20px 20px;
	padding: 0;
}

li{
	font: normal 12px verdana, arial, trebuchet ms, sans-serif;
	color: #860005;	
	margin: 0px 0px 10px 10px;
	padding: 0;
}

input {
	width: 185px;
	height: 18px;
	padding: 5px 0 0 5px;
	border: solid 1px #abaaaa;
	background-color: #dfdede;
	font: normal 1em verdana, arial, trebuchet ms, sans-serif;
}

textarea {
	width: 380px;
	height: 130px;
	padding: 5px 0 0 5px;
	border: solid 1px #abaaaa;
	background-color: #dfdede;
	font: normal 0.75em verdana, arial, trebuchet ms, sans-serif;	
}

.button {
	width: 80px;
	height: 25px;
	margin-top: 5px;
	padding: 0 0 2px 0;
	border: solid 1px #e34444;
	background-color: #f16e6e;
	font: bold 1em verdana, arial, trebuchet ms, sans-serif;
	color: #fff;
}

img {
	border: none;
}


#footer {
	float: left;	
	width: 951px;
	text-align: left;
	font: normal 10px verdana, arial, trebuchet ms, sans-serif;
	color: #db5971;
	padding-top: 10px;
	margin: 15px 0 10px 0;
	border-top: solid 1px #db848c;
}

#footer a {
	font: normal 10px verdana, arial, trebuchet ms, sans-serif;
	color: #db5971;
	text-decoration: none;
}

