HTML {margin: 0; padding: 0;}
BODY {
	margin: 0px;
	padding: 0px;
	border: 0;
	font: normal .75em Arial, sans-serif;
	color: #000;
	background: #fff url(pics/bg.gif) repeat-x top;
}

/* Basic Elements
===================*/
A {
	text-decoration: none;
	outline: none;
	color: #f02828;
}
A:hover {
	text-decoration: underline;
}
H1 A, H2 A, H3 A,
H1 A:hover, H2 A:hover, H3 A:hover {
	text-decoration: none;
	color: #333;
}
H1 {
	font-size: 1.84em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0;
  	padding: 10px 0 5px 0;
  	color: #333;
}
H2 {
	font-size: 1.17em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0;
  	padding: 10px 0 5px 0;
  	color: #333;
}
H3 {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0;
  	padding: 10px 0 5px 0;
  	color: #333;
}
P {
	margin: 0;
	padding: 5px 0;
}
HR {
	clear: both;
	height: 1px;
	border: 0;
	margin: 10px 0;
	padding: 0;
	color: #ccc;
	background-color: #ccc;
}
INPUT, SELECT, TEXTAREA {
	font: 12px Arial, sans-serif;
}
FORM {
	margin: 0;
}
IMG {
	border-color: #dfdfdf;
}
TABLE {
	border-color: #dfdfdf;
}
TD {
	border-color: #dfdfdf;
}


/* sitemap
============*/
#pageList {padding: 10px 0;}
#pageList UL {margin: 0; padding: 0;}
#pageList UL LI {margin: 0; padding: 2px 0 2px 20px; list-style-type: none;}

/* Wrapper
===================*/
#wrapper {
	margin: 0 auto;
	width: 982px;
	height: auto;
	min-height: 100px;
	overflow: hidden;
}

/* Header
===================*/
#header {
	height: auto;
	min-height: 117px;
	overflow: hidden;
	position: relative;
	padding: 0 0 10px 0;
	background: url(pics/header.gif) no-repeat left 94px;
}

/* Lang
===================*/
.lang {
	width: 400px;
	height: 20px;
	position: absolute;
	top: 18px;
	right: 220px;
	overflow: hidden;
	text-align: right;
}
.lang A {
	text-decoration: none;
	margin: 0 0 0 20px;
}
.lang A.open {
	font-weight: bold;
}
.lang A IMG {
	margin: 0 7px 0 0;
	display: none;
}
.loginLink {
	position: absolute;
	right: 10px;
	top: 11px;
	background: url('pics/buttonGradient.png') repeat-x left top;
	border: 1px solid #ca4242;
	height: 25px;
}
.loginLink A { 
	color: #fff;
	background: url('pics/loginButton.png') no-repeat 10px 0;
	padding: 0 17px 0 35px;
}
/* Logo
===================*/
.logo {
	width: 265px;
	height: 40px;
	padding: 30px 0 5px 15px;
	overflow: hidden;
	position: relative;
	z-index: 100;
}

/* Nav
===================*/
#nav {
	width: 690px;
	height: 22px;
	padding: 13px 0 0 16px;
	overflow: hidden;
	background: url(pics/nav.jpg) no-repeat left top;
	position: absolute;
	top: 46px;
	right: 0px;
}
#nav UL {
	margin: 0;
	padding: 0;
}
#nav UL LI {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#nav UL LI.open {
}
#nav UL LI A {
	display: block;
	float: left;
	line-height: 22px;
	padding: 0 8px;
	font-size: 14px;
	text-decoration: none;
	color: #000;
}
#nav UL LI A:hover {
	text-decoration: none;
}
#nav UL LI A.open {
	color: #000;
	font-weight: bold;
}
#nav UL LI A.open:hover {
	text-decoration: none;
}


/* linkList
===================*/
.linkList {
	width: 982px;
	height: 26px;
	padding: 3px 0 5px 0;
	overflow: hidden;	
}
.linkListCenter {

}
.linkList UL {
	margin: 0;
	padding: 0;
}
.linkList UL LI {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	margin-right: -3px;
}
.linkList UL LI A {
	background: url(pics/linkListLeft.jpg) no-repeat left top;
	padding: 0 0 0 20px;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	color: #820053;
}
.linkList UL LI A.first {
	background: url(pics/linkListLeftFirst.jpg) no-repeat left top;
	padding: 0 0 0 36px;
}
.linkList UL LI A SPAN {
	background: url(pics/linkListRight.jpg) no-repeat right top;
	display: inline-block;
	height: 24px;
	padding: 0 20px 0 0;
	cursor: pointer; /* ie6 */
}
.linkList UL LI A:hover {
	text-decoration: underline;
}
.linkList UL LI A.open {
	font-weight: bold;	
}

.whiteBox {
	text-align: center;
	border: 1px solid #DFDFDF;
	padding: 15px 30px;
}
.whiteBox A {
	color: #ff0000;
	font-weight: normal !important;
	font-family: Georgia, serif;
}
.bigBox {
	margin-top: 10px;
	border: 1px solid #dfdfdf;
	border-bottom: 3px solid #dfdfdf;
	background: #fafafa url('pics/bigBoxBg.png') no-repeat left top;
	text-align: center;
}
.bigBox p {
	color: #979797;
	font-size: 11px;
	line-height: 14px;
}
.bigBoxCenter {
	padding: 5px 30px;
	border-bottom: 4px solid #e7e7e7;
}
.bigBox h3 {
	font-size: 14px;
	line-height: 18px;
	font-family: Georgia, serif;
	padding-bottom: 12px;
}
.bigBox h3 a {
	color: #ff0000;
}


/* breadCrumb
==============*/
.breadCrumb {
	width: 912px;
	padding: 0 35px;
	overflow: hidden;
	font-size: .9em;
	color: #818181;
}
.breadCrumb A {
	color: #818181;
}
SPAN.crumbMarker {
	display: inline-block;
	width: 20px;
	height: 10px;
	background: url(pics/crumbMarker.gif) no-repeat center 3px;
}
SPAN.crumbMarker SPAN {
	display: none; /* hide » */
}


/* SearchBox 
===================*/
.searchBox {
	width: 208px;
	border: 1px solid #dfdfdf;
	padding: 15px;
	overflow: hidden;
	margin-bottom: 10px;
}
.searchField {
	width: 210px;
	height: 21px;
	background: url(pics/searchField2.jpg) no-repeat right top;
	border-left: 1px solid #eaeaea;
}
.searchField TABLE {
	border-collapse: collapse;
}
INPUT.searchInput {
	border: 0;
	width: 164px;
	height: 19px;
	padding: 2px 10px 0 10px;
	background: none;
	color: #8f8787;
}
INPUT.searchSubmit {
	border: 0;
	width: 23px;
	height: 21px;
	background: none;
	text-indent: -1000px;
	cursor: pointer;
}

/* Content
===========*/
#content {
	padding: 0 20px 25px 20px;
	border: 1px solid #dfdfdf;
	border-top: 0;
	height: auto;
	min-height: 300px;
	overflow: hidden;
}
#contentGroup {
	width: 680px;
	height: auto; 
	min-height: 100px;
	overflow: hidden;
	float: right;
}
#main {
	height: auto;
	min-height: 1px;
	overflow: hidden;
}
.mainText {
	padding: 0 10px 0 20px;
}
#column1 {
	float: left;
	width: 240px;
	height: auto;
	min-height: 100px;
	overflow: hidden;
}
.column1Text {
	padding: 0 10px 0 15px;
}
#column2 {
	float: left;
	width: 360px;
	padding: 0 0 0 20px;
	height: auto;
	min-height: 1px;
	overflow: hidden;
}
#column3 {
	float: right;
	width: 255px;
	padding: 0 10px 0 0;
	height: auto;
	min-height: 1px;
	overflow: hidden;
}
#clearDiv,
.clearDiv {
	clear: both;
}

/* Banner
==================*/
.banner { position: relative; }
.banner IMG {
	padding: 0 0 10px 0;
}
.bannerText { 
	font: 24px/28px "Times New Roman",serif;
    height: 65px;
    left: 25px;
    padding: 0;
    position: absolute;
    top: 195px;
    width: 480px;
    color: #fff;
}
.bannerText P { margin: 0; padding: 0; } 

/* Sub Navigation
==================*/
#subnav {
	padding: 0 0 10px 0;
}
#subnav UL {
	margin: 0;
	padding: 0;
}
#subnav UL LI {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
#subnav UL LI A {
	display: block;
	margin: 0 0 1px 0;
	padding: 6px 20px 6px 15px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	background: #da1818 url(pics/subnav2.jpg) no-repeat left top;
}
#subnav UL LI A.open {
	background: #da1818 url(pics/subnavOpen2.jpg) no-repeat left top;
}
#subnav UL LI A:hover {
	text-decoration: underline;
}
#subnav UL LI.sub {
	background: none;
}

/* sub */
#subnav UL LI UL {
	padding: 11px 0;
	background: url(pics/border.gif) repeat-x left 10px;
}
#subnav UL LI UL LI A {
	color: #000;
	background: #fff url(pics/border.gif) repeat-x left bottom;
}
#subnav UL LI UL LI A.open {
	font-weight: bold;
	background: #fff url(pics/border.gif) repeat-x left bottom;
}

/* subsub */
#subnav UL LI UL LI UL {
	background: #fff url(pics/border.gif) repeat-x left bottom;
}
#subnav UL LI UL LI UL LI A {
	padding: 1px 20px 1px 30px;
	font-size: .9em;
	background: none;
}
#subnav UL LI UL LI UL LI A.open {
	background: none;
}

/* Footer
=================*/
#footerContainer {
	margin: 0 auto;
	width: 922px;
	padding: 15px 30px;
	position: relative;
	overflow: hidden;
}
.footerText {
	padding: 0 5px;
	font-size: .9em;
}
#copy {
	padding: 0 5px;
	color: #5f5f5f;
}
#really {
	padding: 5px 0;
}
#really A {
	color: #909090;
	padding: 2px 5px;
	font: bold 12px Arial Black, Arial, sans-serif;
	text-decoration: none;
}

#really A:hover {
	background-color: #000;
	color: #8fd71e;
	text-decoration: none;
}

/* Search results
=================*/
.search {
	padding: 0 10px 0 20px;
}
.searchResults {
}

/* linkBox
=================*/
.linkBox {
	border: 1px solid #dfdfdf;
	padding: 5px 15px 20px 10px;
	margin: 10px 0 0 0;
}
.linkBox H2 {
	padding-left: 5px;
	padding-bottom: 10px;
}
.linkBox UL {
	margin: 0;
	padding: 0;
}
.linkBox UL LI {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.linkBox UL LI A {
	display: block;
	padding: 4px 5px 4px 5px;
	background: #fff url(pics/border.gif) repeat-x left bottom;
}

/* linkBox2
=================*/
.linkBox2 {
	border: 1px solid #dfdfdf;
	padding: 5px 15px 10px 15px;
	margin: 10px 0 0 0;
}
.linkBox2 H2 {
	padding-bottom: 10px;
}
.linkBox2 UL {
	margin: 0;
	padding: 0 0 10px 0;
}
.linkBox2 UL LI {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.linkBox2 UL LI A {
	display: block;
	padding: 3px 0 3px 0;
}

/* pic
========*/
.pic {
	margin: 10px 0 0 0;
	padding: 0 10px 0 15px;
}

/* button
===========*/
A.button {
	background: url(pics/buttonLeft2.png) no-repeat left top;
	padding: 0 0 0 8px;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	color: #fff;
}
A.button SPAN {
	background: url(pics/buttonRight2.png) no-repeat right top;
	display: inline-block;
	height: 22px;
	padding: 0 24px 0 0;
	cursor: pointer; /* ie6 */
}
A.button:hover {
	text-decoration: none;
}
A.button:hover SPAN {
	text-decoration: underline;
}


/* purpleBox
=============*/
.purpleBox {
	padding: 5px 15px 10px 15px;
	margin: 10px 0 0 0;
	background-color: #820053;
	color: #fff;
}
.purpleBox H2 {
	color: #fff;
	font-weight: normal;
	font-size: 1.34em;
}
.purpleBox A {
	color: #fff;
	text-decoration: underline;
}
.purpleBox A:hover {
	text-decoration: none;
}
.purpleBox A.button {
	color: #fff;
	text-decoration: none;
}
.purpleBox A.button:hover {
	text-decoration: underline;
}

/* contact
=============*/
.contact {
	border: 1px solid #dfdfdf;
	padding: 5px 15px 10px 15px;
	margin: 10px 0 0 0;
}
.contact H2 {
	padding-bottom: 10px;
}

/* form
=============*/
.persistableForm {
	border: 1px solid #dfdfdf;
	padding: 5px 15px 10px 15px;
	margin: 10px 0 0 0;
}
.persistableForm .errors { color: #f00; }
.persistableForm SELECT {
	margin: 3px 0 0 0;
	width: 205px;
	border: 1px solid #c2c2c2;
}
.persistableForm INPUT.textInput {
	margin: 3px 0 0 0;
	width: 190px;
	padding: 3px 5px 3px 5px;
	border: 0;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	background: url(pics/textInput.jpg) repeat-x top;
}
.persistableForm DIV.textarea {
	margin: 3px 0 0 0;
	width: 190px;
	height: 90px;
	padding: 5px;
	border: 0;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	background: url(pics/textarea.jpg) repeat-x top;
}
.persistableForm DIV.textarea TEXTAREA {
	width: 190px;
	height: 85px;
	border: 0;
	overflow-y: auto;
}
.persistableForm INPUT.submit {
	border: 0;
	width: 60px;
	height: 25px;
	padding: 0 0 2px 0;
	color: #000;
	background: url(pics/submit.jpg) no-repeat center center;
	cursor: pointer;
}

/* services
=============*/
.services {
	padding: 0 0 10px 1px;
}
.services H2,
.services H2 A {
	color: #000;
}
.services TABLE {
	border-collapse: collapse;
	border: 1px solid #dfdfdf;
}
.services TABLE TD {
	border-collapse: collapse;
	border: 1px solid #dfdfdf;
	background: url(pics/servicesTableBg.jpg) repeat-x bottom;
}
.services TABLE TD TABLE {
	border: 0;
}
.services TABLE TD TABLE TD {
	border: 0;
	padding: 2px;
	background: none;
}

/* phone
=============*/
.phone {
	border: 2px solid #dfdfdf;
	padding: 5px 15px 10px 10px;
	margin: 10px 0 0 0;
}
.phone P {
	padding-left: 5px;
	font-size: 1.2em;
}
.phone H2 {
	color: #000;
	padding: 0;
	font-size: 1.5em;
}
.phone H2 IMG {
	vertical-align: middle;
}

/* phoneOrangeBox
==============*/

.phoneOrangeBox {
	padding: 5px 4px 4px 4px;
	margin: 10px 0 0 0;
	border: 1px solid #dfdfdf;	
}

.phoneOrangeBoxCenter {
	background: #f02828 url(pics/pattern2.jpg) no-repeat center bottom;
	color: #fff;
	padding: 10px;
}

.phoneOrangeBoxCenter A{
	color: #fff;
}

.phoneOrangeBoxCenter A:hover{
	color: #fff;
}

/* whiteOrangeBox
=============*/
.whiteOrangeBox {
	padding: 5px 4px 4px 4px;
	margin: 10px 0 0 0;
	border: 1px solid #dfdfdf;
}
.whiteOrangeBox H2 {
	padding-left: 11px;
	padding-right: 11px;
}
.whiteOrangeBox TABLE {
	background: #f02828 url(pics/pattern2.jpg) no-repeat center bottom;
	color: #fff;
}
.whiteOrangeBox TABLE TD IMG {
	padding: 5px 0 7px 0;
}
.whiteOrangeBox TABLE TD A {
	color: #fff;
}
.whiteOrangeBox TABLE TD {
	
}

.whiteOrangeBox A.button SPAN{
	width: 198px;
	text-align: center;
}

/* Kirjaudu nappi erilaiseksi
===============*/
DIV.orangeBg {
	margin: 10px 0;
	padding: 20px 10px;
	color: #fff;
	background-color: #f02828;
	text-align: center;
}
DIV.orangeBg A {
	font-weight: bold;
}