/** Global reset 
@author http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
.uutinen{ display: block; margin-top: 20px; margin-bottom: 12px; padding: 0; font-weight: bold; color: #a03a26; font-size: 10pt; border-bottom: 1px dashed #cccccc; 
padding-bottom: 2px;}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
label{
text-align: right;
font-weight: bold;
letter-spacing: 0.08em;
cursor:pointer;
float: left;
width: 160px;
margin-right: 10px;
}
.clr { clear: both; }
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/** Soderskar css
@author Joni Aaltonen <joni@joniaaltonen.info>
*/

html, body{ width: 100%; height: 100%; }
		body{
			font-family: Arial, helvetica, sans-serif;
			font-size: 12px;
			color: #000;
			background-color: #FFF;
		}
		
		#container{
			width: 100%;
			height: 100%;
		}
		
		#tblContainer{
			width: 100%;
			height: 100%;
			border: 0;
		}
		
		#tdMain{
			width: 851px;			
			height: 100%;
		}
		
		#tdBorder{
			width: 50px;
			height: 100%;
			background-image: url(images/border.gif);
			background-repeat: repeat-y;
		}
		
		#tdBackground{
			height: 100%;
			background-image: url(images/tausta.jpg);
		}
		
		#mainPic{
			background-image: url(images/mainpic.jpg);
			background-repeat: no-repeat;
			width: 851px;
			height: 356px;
		}
		
		#title{ width: 851px; height: 89px; }
		#footer{ 
/*			height: 117px; width: 851px; background-image: url(images/bgFooter.gif); background-repeat: repeat-x; */
			height: 90px; width: 851px; background-image: url(images/bgFooter.gif); background-repeat: repeat-x; 
			position: relative;
			bottom: 0;
			clear: both;
		}
		
		#mainLeft{
			float: left;
			width: 170px;
		}
		#mainLeftPadding{ margin-left: 27px; }
		#mainCenter{
			margin: 25px 200px 5px 170px;
			border: 1px dashed #ccc;
			border-top: 0;
			border-bottom: 0;
            min-height: 400px !important;
		}
		#mainCenterPadding{
			margin: 0 20px;
		}
		
		#mainRight{
			width: 200px;
			float: right;
		}
		
		/* TYPOGRAPHRY */
		h1, h2, h3, h4, b, strong{ line-height: 1.2em; color: #9d3c3a; font-weight: bold; }
        h1, h2, h3, h4{ margin-bottom: 12px; }
h1{
/*padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;*/
font-size: 18px;
text-transform: uppercase;
}

h2{
padding:20px 0;
/*letter-spacing:-1px;*/
font-size: 16px;
text-transform: uppercase;
}

h3{
font-size:14px;
font-weight:bold;
text-transform: uppercase;
}

h4{
font-size:12px;
font-weight:bold;
text-transform: uppercase;
}
.imgBorder{ border: 1px solid #a03a26;  padding: 2px; background-color: #f8f8f8; }
		
		p{
			line-height: 1.4em;
			margin-bottom: 12px;
		}
		
		/* NAVIGATION */
		#topNavi{ position: relative; top: 226px; left: 17px;} /* height used to be 313px before logo */
		.ulTopNavi{ list-style-type: none; }
		.ulTopNavi li{ list-style-type: none; display: inline;}
		.ulTopNavi li a{ 
			display: block;
			float: left;
			padding: 16px 7px 16px 0;
			color: #FFF;
			text-decoration: none;
			letter-spacing: 0.1em;
			font-size: 11px;
			text-transform: uppercase;
		}
		.ulTopNavi li a:hover{ 
			text-decoration: underline; 

		}
        
        .ulTopNavi .active a{ font-weight: bold; text-decoration: underline; }
		
		.sideNavi{}
		.sideNavi li{ list-style-type: none; margin-bottom: 8px; text-indent: -1em; }
		.sideNavi li:before{ content: "\00BB \0020"; }
		.sideNavi li a{
			color: #306ca9 !important;
			text-decoration: none !important;
			letter-spacing: 0.1em;
			font-size: 11px;		
			font-weight: bold;
			text-transform: uppercase;				
		}
		.sideNavi li a:hover{
			text-decoration: underline;
		}
        
        .sideNavi .active a{ color: #9d3c3a !important; }
		
		#contact_details{
			left:27px;
			margin-top:-110px;
			position:relative;
			font-size: 10px;
		}
		
		#mainRightPadding{
			margin: 0 16px 0 13px;
		}
		
		#mainRightPadding p{
			line-height: 1.5em;
			text-align: right;
		}
		
		
		#footerNavi{ position: relative; top: 21px; left: 27px; }
		#footerNavi ul li{
			list-style-type: none;
			margin: 0 5px 0 5px;
			display: inline;
		}
		
		#footerNavi ul li a{
			text-decoration: none;
			text-transform: uppercase;
			color: #a7a9ab;
		}
		#footerNavi ul li a:hover{
			color: #9d3c3a;
		}
		
		#mainBody a{ text-decoration: underline; color: #9d3c3a; }
		#mainBody a:hover{ text-decoration: none; }
		
		#mainRight a{ text-decoration: none; color: #9d3c3a; }
		#mainRight a:hover{ text-decoration: underline; }		
        #mainLogo{ position: relative; left: 0; top: 0; }
        
        #mainCenterPadding ul, #mainCenterPadding li{ list-style-type: disc; 
        list-style-position: inside;}
        #mainCenterPadding li{ margin-left: 10px; margin-bottom: 8px; }
        #mainCenterPadding img{ border: 1px solid #A03A26; padding: 2px; background: #fff; }