@import url("reset.css");

@import url("form.css");

body{
background:#fff url("bg_main.jpg") repeat-x 50% 0;
min-height:100%;
color:#01323a;
font-family:"Segoe UI",Tahoma,Arial,Verdana,sans-serif;
font-size:12px;
line-height:1.618em;
}

p{
margin:15px 0;
text-align:justify;
}

blockquote p{
margin:0;
padding:0;
}

strong em, em strong{
color:#000;
}

a:link, a:visited{
text-decoration:none;
color:#7aba51;
}

a:hover{
text-decoration:underline;
}

h1, h2, h3, h4, h5, h6, legend {
color:#5fc401;
font-family:"Trebuchet MS",Arial,Tahoma,Verdana,sans-serif;
font-weight:normal;
letter-spacing:-0.05em;
margin:1em 0 0.5em 0;
}

h1{
font-size:20px;
margin-top:0;
}

h2{
font-size:20px;
}

#leftcol h2, #rightcol h2{
margin-bottom:1em;
}

#leftcol h2{
font-size: 11pt;
line-height:1.2em;
}

#leftcol h2.first{
font-size:20pt;
line-height:1em;
}

h3, legend{
font-size:16px;
}

table {
border-collapse:collapse;
width:100%;
margin:1em 0 0.5em 0;
}

table th {
background: url("table_bg.gif") no-repeat 50% 50%;
padding:9px 0 8px 15px;
font-weight:bold;
text-align:left;
color:#fff;
}

table td {
border-bottom:1px solid #dbdbdb;
padding:2px 10px;
font-size:11px;
}

table td.odd{
background:#fafafa url("odd.jpg") repeat-x left top;
}

ul, ol {
margin:20px 0 20px 10px;
}

ul li, ol li {
list-style:none;
margin:0 0 0 5px;
padding:4px 0 0px 20px;
font-size:11px;
background:url("bullet.jpg") no-repeat 3px 11px;
}

ul li p, ol li p{
font-size:12px;
}

ol {
list-style-type: decimal;
list-style-position: outside;
} 

ol li{
list-style-type: decimal;
list-style-position:outside;
padding:4px 0 0px 0;
margin-left:24px;
background:transparent
}

blockquote {
margin:1em 0;
padding:2em;
background:#e9fff9;
}

#wrapper {
width:940px;
margin:0 auto;
}

#header {
float:left;
width:100%;
overflow:hidden;
}

#header a.logo{
float:left;
width:160px;
height:94px;
display:block;
border-bottom:none;
margin:20px 0 -5px 0px;
}

#header ul li{
background:none;
}

ul#mainmenu{
margin:30px 0 20px 0;
padding:0;
list-style-type: none;
float:right;
width:690px;
height:45px;
}

ul#mainmenu li{
float:left;
margin:0;
padding:9px 0 0 0;
}

ul#mainmenu li a{
font-size:13px;
padding-left:10px;
background: url("mainmenuseparator.gif") no-repeat center right;
color:#272626;
cursor:pointer;
}

ul#mainmenu a span{
padding:3px 10px 0 0;
cursor:pointer;
}

ul#mainmenu a.on{
background: transparent url("l_menuonbg.jpg") left top no-repeat;
color:#272626;
}

ul#mainmenu li a.on:hover{
text-decoration:none;
}

ul#mainmenu a.on span{
background: url("r_menuonbg.jpg") right top no-repeat;
}

ul#mainmenu a, ul#mainmenu a span
{
float:left;
height:29px;
}

div#banner{
display:block;
width:942px;
height:207px;
/*background: url("banner.png") right top no-repeat;*/
margin-left:-2px;
margin-bottom:20px;
}

a.readon{
background:url("arrow.jpg") right center no-repeat;
padding-right:17px;
}

#leftcol{
width:230px;
float:left;
}

#leftcol table, #rightcol h2{
margin-top:0;
}

#leftcol table{
margin-bottom:0;
}

table th.first{
background-position:left center;
}


table th.last{
background-position:right center;
}

a.net{
background:url("net_w.jpg") left center no-repeat;
display:block;
width:233px;
height:60px;
text-indent:-9999px;
margin-left:-22px;
}

a.text{
background:url("text_w.jpg") left center no-repeat;
display:block;
width:233px;
height:75px;
text-indent:-9999px;
margin-left:-22px;
margin-top:10px;
}

#leftcol a.net{
background:url("net.jpg") right center no-repeat;
display:block;
width:240px;
height:60px;
text-indent:-9999px;
margin-left:-10px;
}

a.puhel{
background:url("puhelimitse_w.jpg") left center no-repeat;
display:block;
width:233px;
height:75px;
text-indent:-9999px;
margin-left:-22px;
margin-top:5px;
margin-bottom:14px;
}

#rightcol h2.disalign{
margin-left:-10px;
}

#leftcol a.puhel{
margin-top:-4px;
margin-left:-10px;
background:url("puhelimitse.jpg") left center no-repeat;
display:block;
width:240px;
}

#leftcol a.text{
background:url("text.jpg") right center no-repeat;
display:block;
width:240px;
height:75px;
text-indent:-9999px;
margin-left:-10px;
margin-top:5px;
}

#leftcol fieldset{
background:url("vormi.png") no-repeat 0 0;
padding:3px 0 3px 9px;
margin-top:20px;
}

#leftcol fieldset label{
width:97px;
color:#fff;
margin:4px 0 0 0;
font-size:13px;
}

#leftcol fieldset input, #leftcol fieldset select{
width:105px;
background-color:#d1ff9e;
border-color:#5ec401;
}

#leftcol fieldset select{
width:117px;
}

#leftcol span{
color:#01323a;
float:left;
font-size:11px;
margin-bottom:10px;
}

#leftcol span span{
color:#fff;
float:none;
}

#leftcol fieldset input.submit{
width:117px;
margin-left:96px;;
color:#01323a;
background: url("submit_white.jpg") no-repeat 50% 50%;
}

#rightcol{
width:203px;
padding:0px 5px 18px 15px;
float:right;
background:url("contact.jpg") left bottom no-repeat;
margin:-36px 0 5px 20px;
line-height:1.6em;
overflow:show;
}

#rightcol h2{
margin:0 0 10px 0;
}

#leftcol #rightcol{
margin-top:10px;
padding:18px 15px;
width:203px;
background:url("contact_wider.jpg") left top no-repeat;
}

#rightcol span{
float:left;
width:60px;
font-weight:bold;
}

#rightcol a:link{
color:#01323a;
}

#content{
float:left;
width:450px;
padding:0 0 20px 0;
position:relative;
left:1px;
}

#contentwrapper{
width:690px;
float:right;
}

#news{
border-top:1px solid #dbdbdb;
}

#news div{
float:left;
width:215px;
padding:0 10px;
line-height:1em;
border-right:1px solid #dbdbdb;
}

#news a{
display:block;
font-weight:bold;
color:#01323a;
}

#news span{
color:#696a6a;
font-size:9px;
float:left;
margin-top:5px;
}

#news div.first{
padding-left:0;
}

#news div.last{
padding-right:0;
border:0;
}


#footer{
width:923px;
padding:8px 10px;
margin:20px 0 1px -3px;
float:left;
clear:both;
background:transparent url("footer.gif") no-repeat 0 0;
font-size:11px;
color:#696a6a;
}

#footer div{
float:left;
}

#footer span{
float:right;
}

#footer span a, a#author{
color:#999999;
}

a#author{
float:right;
margin-left:10px;
font-size:9px;
}

#footer em{
color:#5fc401;
font-weight:bold;
font-style:normal;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}

.half{
width:50%;
float:left;
}

.half.first{
width:49%;
padding-right:1%;
}

.half.second{
width:49%;
padding-left:1%;
}

.third{
width:33%;
float:left;
}

.third.first{
width:32%;
padding-right:1%;
}

.third.last{
width:32%;
padding-left:1%;
}


img.helper{
cursor:help;
}

p.disclaimer{
color:#b1b1b1;
font-size:9px;
line-height:1.6em;
}

#contentwrapper h2 {
font-size:16pt;
color:#5fc401;
font-family:"Trebuchet MS",Arial,Tahoma,Verdana,sans-serif;
font-weight:normal;
letter-spacing:-0.05em;
margin:1em 0 0.5em 0;



}

#contentwrapper h3 {
font-size:13pt;

color:#5fc401;
font-family:"Trebuchet MS",Arial,Tahoma,Verdana,sans-serif;
font-weight:bold;

}

#contentwrapper h4 {
font-size:12pt;
color:#5fc401;
font-family:"Trebuchet MS",Arial,Tahoma,Verdana,sans-serif;
font-weight:bold;




}



/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash div#contentwrapper h1 {
  visibility:hidden;
  font-size:18pt;
  line-height:1em;
  letter-spacing:-9px;
}

.sIFR-hasFlash h2, .sIFR-hasFlash #leftcol h2 {
  visibility:hidden;
  font-size:18pt;
  line-height:1em;
  letter-spacing:-9px;
}

ul.faq, ul.faq p{
margin:5px 0;
}

span.date{
color:#98a090;
display:block;
margin:-20px 0 5px 0;
}

ul.faq{
margin-left:0;
}

ul.faq li{
display:block;
border-left:1px solid #fff;
}

blockquote.testimonial{
background:transparent url("testimonial.gif") no-repeat top right;
padding:0;
}

blockquote p.author{
margin:0;
float:left;
background:url("avatar.jpg") no-repeat 0 0;
width:50px;
padding-top:50px;
}

blockquote cite{
float:left;
width:560px;
margin:10px 0 0 60px;
font-style:normal;
}

blockquote p.date{
margin:0;
width:595px;
float:right;
font-size:11px;
font-style:italic;
color:#61877d;
border-bottom:1px solid #d1ece7;
text-align:right;
padding-right:5px;
margin-top:-20px;
}


div.half .testimonial{
background-image:url("testimonial_home.gif");
background-position:60px 0;
}

div.half .testimonial cite{
margin-left:35px;
width:230px;
word-wrap:break-word;
overflow-x:hidden;
}

div.half .testimonial p.date{
width:250px;
margin-right:17px;
padding-top:18px;
border:0;
background:url("testimonial_home.gif") no-repeat -13px 100%;
}

p.captionword{
font-size:11px;
margin:0 0 6px 0;
text-align:center;
}


#homepagetext{
font-size:11px;
line-height:1.4em;
color:#a1a1a1;
}

#homepagetext .sIFR-hasFlash h2{
  visibility:hidden;
  font-size:14pt;
  line-height:1em;
  letter-spacing:-9px;
}


#kisa {
width: 400px;
}