body	{
		font-family: Arial, Helvetica, sans-serif;
		color: #330000;
		background-color:#ffcc99;
		background-image:url(images/bg_pattern.gif);
		background-repeat:repeat;
		text-align:center;


		}

/* LAY-OUT*/

#container 		{
		margin:0 auto;
		width:809px;
		padding: 40px 0 0 0;
	
			-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
			-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
			box-shadow: 0 1px 10px rgba(0,0,0,.1);


		}

.bg_image 		{

		position:relative;
		float:left;
		z-index: -1;
		top:0px;
		margin:0;
		padding:0;

		}

		
#info		{
		position:relative;
		float:right;
		left: 190px;
		top:-150px;
		padding: 35px 25px 25px 25px;
		width:200px;
		height:130px;
		background-image:url(images/yhteystiedot_box.png);
		background-repeat:no-repeat;

		}

#info2		{
		position:relative;
		float:right;
		left: 190px;
		top:130px;
		padding: 35px 25px 25px 25px;
		width:200px;
		height:130px;
		background-image:url(images/yhteystiedot_box.png);
		background-repeat:no-repeat;

		}
		
#container2 		{
		margin:0 auto;
		width:820px;
		height:1218px;
		padding: 10px 0 0 0;
		background-image:url(images/background_paper_big.jpg);
		background-repeat:no-repeat;

		}

#header 		{
		position:relative;
		width:700px;
		height:350px;
		top:40px;
		left:60px;
		border:none;
		text-align:left;
		

		}
		
#header2 		{
		position:relative;
		width:700px;
		height:180px;
		top:60px;
		left:60px;
		border:none;
		text-align:left;

		}

#content 		{
		position:relative;
		text-align:center;
		padding:10px;
		top:0px;
		left: 140px;
		width:500px;
		height:830px;
		overflow:auto;

		}
		
#navigation 		{
		position:relative;
		width:680px;
		left:65px;
		top:85px;
		padding: 0 0 0 0;
		border-bottom: 2px solid #6c0d35;
		border-top: 2px solid #6c0d35;
		
		}
		
#navigation2 		{
		position:relative;
		width:680px;
		left:65px;
		top:50px;
		padding: 0 0 0 0;
		border-bottom: 2px solid #6c0d35;
		border-top: 2px solid #6c0d35;
		}
		
#footer		{
		float:right;
		text-aling:right !important;
		padding: 0 10px 0 0;
		width:820px;
		height:20px;
		margin:-20px 0 0 0;

		}

#footer2		{
		float:right;
		margin-top:135px;
		text-aling:right !important;
		padding: 0 10px 0 0;
		width:820px;
		height:20px;


		}

#logo		{
		position:relative;
		padding: 0 0 0 0;
		top:70px;
		text-aling:center !important;
		width:800px;

		}
		
img		{
	border:none;
		padding:0;
		margin:0;
		}
/* ie PNG FIX*/		
img { behavior: url(iepngfix.htc) }

/* TYOGRAPHY*/

p 		{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: justify;
		font-size: 12px;
		line-height: 15px;
		padding: 0 0 0 0;

		}

		
#info p 		{
		text-align: center;
		font-size: 22px;
		line-height: 24px;		
		color:#FFFFFF;
		font-style:italic;

		}


#info2 p 		{
		text-align: center;
		font-size: 22px;
		line-height: 24px;		
		color:#FFFFFF;
		font-style:italic;

		}
				
h1		{
				margin: 0 0 0 0;
				padding: 10px 0 20px 0;
				text-align: center;
				font-size: 20px;
				line-height: 24px;
				letter-spacing: 0;
				font-weight: 100;
				}
				

h2			{		
				
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 12px;
				line-height: 40px;
				letter-spacing: 1px;
				font-weight:900;
				text-transform:uppercase;

				}
				
h3			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 11px;
				line-height: 20px;
				letter-spacing: 0px;
				font-weight:900;
				text-transform:uppercase;

				}
h4			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 9px;
				letter-spacing: 0px;
				color:#cc9966;
				text-align:right;
				}
				


.ingress 	{
				font-size: 12px;
				line-height: 16px;
				letter-spacing: 0;
				font-style:italic;
				
			}	

				
.bold 		{ font-weight:bold;}


.italic 		{ 
				font-size: 10px;
				line-height: 16px;
				font-style:italic;}
				
.italic_big 		{ 
				font-size: 14px !important;
				line-height: 16px;
				font-style:italic;
				font-weight:lighter !important;
				
				}		


.capitals 			{
				font-size: 14px;
				line-height: 20px;
				text-transform: uppercase;
				float: left;
				}
.open 			{
				font-size: 16px;
				line-height: 20px;
				}

.smallcaps	{ 
				font-size: 88%;
				text-transform:uppercase;
				}

.right	{ 
float:right;
margin: 20px 60px 0 0;
				}
.left	{ 
float:left;
margin: 20px 0 0 60px;
				}

.left_big	{ 
float:left;
margin: 20px 0 0 60px;
font-size:14px !important;
font-weight:bold !important;
				}




li			{		
				margin: 0 0 0 0;
				list-style:none;
				display:inline;
				font-size: 10px;
				line-height: 15px;
				padding: 0 7px 0 0;


				}
ul		{		
				margin: 0 0 0 0;
				padding: 0 0 7px 0;
				text-align:center;
				

				}
				

				

				
/* Navigation */

#navigation a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	padding: 0 0 0 0;
	color: #6c0d35;
	text-decoration: underline;
	}
	
#navigation a:active {
	color: #6c0d35;
	text-decoration:none; !important;

	}

#navigation a:visited {
	font-size: 10px;
	line-height: 15px;
	padding: 0 0 0 0;
	color: #6c0d35;
	text-decoration:underline;
	}
	
#navigation a:hover {
	color: #6c0d35;
	text-decoration:none; !important;
	}

#navigation2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	padding: 0 0 0 0;
	color: #6c0d35;
	text-decoration: underline;
	}
	
#navigation2 a:active {
	color: #6c0d35;
	text-decoration:none; !important;

	}

#navigation2 a:visited {
	font-size: 10px;
	line-height: 15px;
	padding: 0 0 0 0;
	color: #6c0d35;
	text-decoration:underline;
	}
	
#navigation2 a:hover {
	color: #6c0d35;
	text-decoration:none; !important;
	}

/* Links */				
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 0 0;
	color: #6c0d35;
	text-decoration: underline;
	}
	
a:active {
	color: #6c0d35;
	text-decoration:none;
	}

a:visited {
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 0 0;
	color: #6c0d35;
	text-decoration:underline;
	}
	
a:hover {
	color: #6c0d35;
	text-decoration:none;
	}

#footer a:link			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 9px;
				letter-spacing: 0px;
				color:#cc9966;
				text-decoration:underline;
				}
#footer a:visited			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 9px;
				letter-spacing: 0px;
				color:#cc9966;
				text-decoration:underline;
				}
#footer a:hover			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 9px;
				letter-spacing: 0px;
				color:#cc9966;
				text-decoration:none;
				}
#footer a:active			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 9px;
				letter-spacing: 0px;
				color:#cc9966;
				text-decoration:none;
				}

#footer2 a:link			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 9px;
				letter-spacing: 0px;
				color:#cc9966;
				text-decoration:underline;
				}
#footer2 a:visited			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 9px;
				letter-spacing: 0px;
				color:#cc9966;
				text-decoration:underline;
				}
#footer2 a:hover			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 9px;
				letter-spacing: 0px;
				color:#cc9966;
				text-decoration:none;
				}
#footer2 a:active			{		
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-size: 9px;
				letter-spacing: 0px;
				color:#cc9966;
				text-decoration:none;
				}
