/*
Theme Name: Vihta
Theme URI: http://www.pixelcrayons.com/
Description: The  Vihta WordPress theme.
Version: 1.0
Author: Vinove Software & Services
Author URI: http://www.pixelcrayons.com/
Tags: Vihta
*/

body{ background:#002e21 ; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#393939; font-size: 13px;}

.widgettitle {
  padding-bottom: 5px;
  padding-top: 25px;
}

p.postmetadata a {

  color: #00996F;
}

em {

  color: #004e39;
}

blockquote {
  border-left:5px solid #a8d9ad;
  margin:15px 30px 0 10px;
  padding-left:20px;
}


p {

 margin: 5px 0 10px 0;
}

.inner p {

 margin: 5px 15px 10px 0;
}

ul.firm li a {

 color: #00996f !important;
}


/* BUTTON */

input.submit {

/*  background-color: #005a41; */
  background-image: url(images/button-bg.png);
  background-repeat: repeat-x;
  
  color: #fff;
  padding: 10px 5px;
  border: 1px solid #45A286;
  width: 300px; 
  height: 36px;

 -moz-border-radius:9px;
 -webkit-border-radius:9px;
 border-radius:9px;
}



/* contactform */
.wpcf7-validates-as-required, .wpcf7-form-control-wrap input {

  color:#54716c;

  height:33px;

  background: url(images/text_bg_big.png) no-repeat 0 0 #FFFFFF;
  width: 300px;

  border: 0px solid;
  
  font:18px arial,sans-serif;
  padding-left:6px;
  padding-right:10px;
  vertical-align:top;

}

.wpcf7-form-control-wrap textarea {

  background-image: url(images/textarea_bg.png);
  background-repeat: no-repeat;
  width: 300px;
  height: 131px;
  border: 0;

  color: #54716c;

  font: 14px arial,sans-serif;

  padding: 10px;
}

.wpcf7-not-valid-tip  {
  
  background:none repeat scroll 0 0 #ffd0cf !important;
  border:1px solid #FF0000;
  font-size:10pt;
  left:0 !important;
  padding:6px !important;
  position:absolute;
  top:0px !important;
  width:286px !important;
  z-index:100;

  -moz-border-radius:9px;
  -webkit-border-radius: 9px;
   border-radius: 9px;
}



/* UKK */
h2.ukk { background:url(images/sprite1.gif) no-repeat left -145px;padding:8px 10px 8px 35px !important;}

.ukk-box {

  border: 1px solid #6eb28a;
  height: 220px;
  line-height: 20px;
  width: 450px;

  background-color: #f1fff7;

  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}

.ukk-box-2 {
  border: 1px solid #6eb28a;
  height: 220px;
  line-height: 20px;
  width: 450px;

  background-color: #d4ffe6;

  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;

}

.ukk-box ul {

  list-style-type: disc;
  margin: 15px;

}

.ukk-box ul li {

  padding-bottom: 4px;
}

.ukk-box {

  margin-bottom: 10px;
}

/* asiakkaat */
ul.clientList {

  padding: 0 !important;
}

li a.cl_01 span {
background:none repeat scroll 0 0 #E1007A;
}
li a.cl_02 span {
background:none repeat scroll 0 0 #283886;
}
li a.cl_03 span {
background:none repeat scroll 0 0 #E71010;
}
li a.cl_04 span {
background:none repeat scroll 0 0 #004E83;
}
li a.cl_05 span {
background:none repeat scroll 0 0 #1D3F89;
}
li a.cl_06 span {
background:none repeat scroll 0 0 #000000;
}
li a.cl_07 span {
background:none repeat scroll 0 0 #1631AA;
}
li a.cl_08 span {
background:none repeat scroll 0 0 #959490;
}
li a.cl_09 span {
background:none repeat scroll 0 0 #007A35;
}
li a.cl_10 span {
background:none repeat scroll 0 0 #942F31;
}
li a.cl_11 span {
background:none repeat scroll 0 0 #488247;
}
li a.cl_12 span {
background:none repeat scroll 0 0 #165AAB;
}
li a.cl_13 span {
background:none repeat scroll 0 0 #265989;
}
li a.cl_14 span {
background:none repeat scroll 0 0 #4BA3FB;
}
li a.cl_15 span {
background:none repeat scroll 0 0 #184C8C;
}
li a.cl_16 span {
background:none repeat scroll 0 0 #184C8C;
}
li a.cl_17 span {
background:none repeat scroll 0 0 #F74949;
}
li a.cl_18 span {
background:none repeat scroll 0 0 #005CAB;
}
li a.cl_19 span {
background:none repeat scroll 0 0 #546A57;
}
li a.cl_20 span {
background:none repeat scroll 0 0 #000000;
}
li a.cl_21 span {
background:none repeat scroll 0 0 #2F68D6;
}
li a.cl_22 span {
background:none repeat scroll 0 0 #2002AD;
}
li a.cl_23 span {
background:none repeat scroll 0 0 #CEAE23;
}
li a.cl_24 span {
background:none repeat scroll 0 0 #FE0000;
}
li a.cl_25 span {
background:none repeat scroll 0 0 #03741F;
}
li a.cl_26 span {
background:none repeat scroll 0 0 #0057F0;
}
li a.cl_27 span {
background:none repeat scroll 0 0 #0057F0;
}
li a.cl_28 span {
background:none repeat scroll 0 0 #006C28;
}
li a.cl_29 span {
background:none repeat scroll 0 0 #006835;
}
li a.cl_30 span {
background:none repeat scroll 0 0 #000000;
}
li a.cl_31 span {
background:none repeat scroll 0 0 #9DB21C;
}
ul.clientList li a.cl_01 {
background:url("images/asiakkaat/cl_dna.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_02 {
background:url("images/asiakkaat/cl_axession.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_03 {
background:url("images/asiakkaat/cl_kmt.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_04 {
background:url("images/asiakkaat/cl_starateam.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_05 {
background:url("images/asiakkaat/cl_bitti.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_06 {
background:url("images/asiakkaat/cl_spu.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_07 {
background:url("images/asiakkaat/cl_tmedia.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_08 {
background:url("images/asiakkaat/cl_lahivakuutus.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_09 {
background:url("images/asiakkaat/cl_saastopankki.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_10 {
background:url("images/asiakkaat/cl_lanwan.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_11 {
background:url("images/asiakkaat/cl_pajulahti.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_12 {
background:url("images/asiakkaat/cl_psakk.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_13 {
background:url("images/asiakkaat/cl_softera.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_14 {
background:url("images/asiakkaat/cl_nettis.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_15 {
background:url("images/asiakkaat/cl_ipp.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_16 {
background:url("images/asiakkaat/cl_lpo.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_17 {
background:url("images/asiakkaat/cl_finnzymes.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_18 {
background:url("images/asiakkaat/cl_hedengren.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_19 {
background:url("images/asiakkaat/cl_leimet.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_20 {
background:url("images/asiakkaat/cl_midastouch.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_21 {
background:url("images/asiakkaat/cl_vmgroup.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_22 {
background:url("images/asiakkaat/cl_kankaanpaa.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_23 {
background:url("images/asiakkaat/cl_eurajoki.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_24 {
background:url("images/asiakkaat/cl_kemi.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_25 {
background:url("images/asiakkaat/cl_huittinen.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_26 {
background:url("images/asiakkaat/cl_aanekoski.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_27 {
background:url("images/asiakkaat/cl_ypaja.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_28 {
background:url("images/asiakkaat/cl_akiltojenliitto.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_29 {
background:url("images/asiakkaat/cl_specsavers.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_30 {
background:url("images/asiakkaat/cl_alvi.gif") no-repeat scroll 0 0 transparent;
}
ul.clientList li a.cl_31 {
background:url("images/asiakkaat/cl_polli.gif") no-repeat scroll 0 0 transparent;
}
.clientList {
display:block;
height:480px;
margin:0;
padding:0;
width:930px;
}
ul {
list-style:none outside none;
}
ul.clientList li {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
display:block;
float:left;
height:95px;
text-align:center;
width:131px;
}
ul.clientList li.onTheEdge {
border-right:0 none;
}
ul.clientList li.bottom {
border-bottom:0 none;
}
ul.clientList li a {
cursor:pointer;
display:block;
height:96px;
text-decoration:none;
width:132px;
}
ul.clientList li a span {
color:#FFFFFF;
display:block;
left:-99999em;
line-height:96px;
position:absolute;
width:132px;
}
ul.clientList li a:focus span, ul.clientList li a:hover span {
left:0;
position:relative;
}









/* asiakkaat */


.vihta_box_wide ul, vihta_box ul, vihta_box_wide ol, vihta_box ol {

  padding: 10px 0 10px 20px;
}

.vihta_box_wide h2 {
  
  padding-top: 15px;
  padding-bottom: 5px;
}

.rss h2, .rss h3, .twitter h2 {

  margin: 0;
  padding: 0 0 10px 0;
}

h1.title {
  margin-bottom: 20px !important;
  display: block;

}

h1 {

  font-size: 22px;
  font-weight: normal;
  color:#004530;
}


h2 {

  font-size: 20px;
  font-weight: normal;
  color:#004530;
}


h2 a {

  color:#45a286;
}

h2 a:hover {

  color:#416057;
}


h3 {

  font-size: 18px;
  font-weight: normal;
  color:#004530;
}


h4 {

  font-size: 16px;
  font-weight: normal;
  color:#004530;
}


.left{float:left}
.right{float:right;}
.clear{ clear:both;}
img{ border:none}
a{ text-decoration:none; color:#416057;}
a:hover{ color:#45a286;}

#layout_outer{float:left; width:100%; background:url(images/body_bg.jpg) repeat-y center 0;}
#layout{ margin:0 auto; width:980px;}
#main{float:left; width:980px; }
#header{float:left; width:920px; padding:5px 30px 0 30px; position:relative; height:125px;}
#header h1{float:left; padding:6px 0 0 0;}
#header h2{float:right; width:auto; text-align:right; font: "Myriad Pro",Arial, Helvetica, sans-serif; margin-top:12px; color:#004734; }
#header .top_links{float:right; width:auto!important;}
#header .top_links .languages{float:right; background:url(images/top_link_left.jpg) no-repeat 0 0; display: none;}
#header .top_links .languages .inner{float:left; width:auto; background:url(images/top_link_right.jpg) no-repeat right 0;}
#header .top_links .languages .inner ul{float:left; width:auto; background:url(images/top_link_strip.jpg) repeat-x 0 0; height:28px; margin:0 7px 0; display:inline;}
#header .top_links .languages .inner ul li{float:left; margin:8px 5px 0; display:inline;}
#header .top_links .languages .inner ul li img{float:left;}
#header .top_links .languages .inner ul li.last{ margin-right:0;}

#header .top_links .social{float:right; width:auto!important; background:url(images/top_link_strip.jpg) repeat-x 0 0; height:28px; margin:0 5px 0 0; display:inline;}
#header .top_links .social p{float:left; width:auto!important; font-size:11px; line-height:27px; padding-right:10px; margin: 0;}
#header .top_links .social .inner{float:left; width:176px; }
#header .top_links .social .inner a{float:left;}
#header .top_links .social .inner img{float:left; margin:5px 3px 0; display:inline }

#menu{ position:absolute; right:30px; bottom:-1px;}
#menu ul{float:left; width:auto; list-style:none}
#menu ul li{float:left; width:auto; padding:0 0 0 1px;}
#menu ul li a{float:left; width:auto; background:url(images/menu_left.gif) no-repeat 0 0; padding-left:5px;text-decoration:none;}
#menu ul li a span{float:left; width:auto; background:url(images/menu_right.gif) no-repeat right 0; height:32px; font:normal 18px/18px "Myriad Pro",Arial, Helvetica, sans-serif;  color:#fff; padding:10px 15px 0 10px; cursor:pointer}
#menu ul li a:hover{float:left; width:auto; background:url(images/menu_left.gif) no-repeat 0 bottom; padding-left:5px;text-decoration:none;}
#menu ul li a:hover span{float:left; width:auto; background:url(images/menu_right.gif) no-repeat right bottom; height:32px; font:normal 18px/18px "Myriad Pro",Arial, Helvetica, sans-serif;  color:#28dba8; padding:10px 15px 0 10px; cursor:pointer}
#menu ul li a.active,#menu ul li a.active:hover{float:left; width:auto; background:url(images/menu_left.gif) no-repeat 0 -90px; padding-left:5px;text-decoration:none;}
#menu ul li a.active span,#menu ul li a.active:hover span{float:left; width:auto; background:url(images/menu_right.gif) no-repeat right -90px; height:32px; font:normal 18px/18px "Myriad Pro",Arial, Helvetica, sans-serif;  color:#004530; padding:10px 15px 0 10px;}

#body_container{float:left; width:980px; padding-bottom:20px;}
#caraousal{float:left; width:970px; background:url(images/caraousal_bg.gif) no-repeat 0 0; height:328px; padding:10px 0 0 10px; margin:0; position:relative}
#caraousal img{float:left;}
#caraousal a.left_arrow{width:36px; height:61px; background:url(images/left_arrow.gif) no-repeat 0 0; position:absolute; left:50px; top:135px; z-index:999;}
#caraousal a.left_arrow:hover{ background-position:bottom}
#caraousal a.right_arrow{width:36px; height:61px; background:url(images/right_arrow.gif) no-repeat 0 0; position:absolute; right:50px; top:135px; z-index:999;}
#caraousal a.right_arrow:hover{ background-position:bottom}

#col2-left{float:left; width:980px; padding-top:15px;}
#col2-left #left_container{float:left; width:340px;}



#col2-left #left_container .left_box{float:left; width:307px; height: 380px; background:#fff url(images/left_box_bottom.gif) no-repeat 0 bottom; }
#col2-left #left_container .left_box .inner{float:left; widtH:282px; background:url(images/left_box_top.gif) no-repeat 0 0; padding:20px 0 30px 25px;}
#col2-left #left_container .left_box .inner h3{float:left; width:282px; font: "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif;}
#col2-left #left_container .left_box .inner h4{float:left; width:auto; font:bold 18px/18px "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif; color:#004530;  padding-bottom:15px;}
#col2-left #left_container .left_box .inner h4 a{ color:#45a286; text-decoration:none}
#col2-left #left_container .left_box .inner h4 a:hover{  color:#28dba8}
#col2-left #left_container .left_box .inner h5{float:left; width:270px; font-size:14px; line-height:16px; padding-bottom:2px; letter-spacing:-1px; }
#col2-left #left_container .left_box .inner h5 a{ color:#000; text-decoration:none}
#col2-left #left_container .left_box .inner h5 a:hover{ color:#28dba8}
#col2-left #left_container .left_box .inner p{float:left; width:270px; font-size:13px; line-height:18px; color:#393939; padding-bottom:10px;}
#col2-left #left_container .left_box .inner span.time{float:left; width:270px; font-size:11px; line-height:15px; color:#98a59f;}
#col2-left #left_container .left_box .inner .rss{float:left; width:282px; padding-top: 20px;}
#col2-left #left_container .left_box .inner .rss h2 {float:left; background:url(images/sprite1.gif) no-repeat scroll left -145px transparent;padding:8px 0px 8px 35px !important; padding-top:0;}

#col2-left #left_container .left_box .inner .twitter{float:left; width:282px; padding-bottom:17px;}
#col2-left #left_container .left_box .inner .twitter h2 { background:url(images/sprite1.gif) no-repeat left -40px;padding:8px 0px 8px 35px;}
#col2-left #left_container .left_box .inner .twitter p{ color:#416057}



/* left_container_wide*/

#col2-left #left_container_wide{float:left; width:980px;}

#col2-right #left_container_wide .vihta_box_wide{float:left; width:980px; background:#fff url(images/left_bottom_curve_wide.png) no-repeat 0 bottom;}

#col2-right #left_container_wide .vihta_box_wide .inner{float:left; width:955px; background:url(images/left_top_curve_wide.png) no-repeat 0 0; padding:25px 0 30px 25px;}

#col2-right #left_container_wide .vihta_box_wide .inner h3 {

float:left;
font: "InterFaceDaMa","Myriad Pro",Arial,Helvetica,sans-serif;
padding:16px 0 30px 0;
width:100%;
}

#banner_noPicture {float:left; width:970px; background:url(images/caraousal_bg_short.png) no-repeat 0 0; height:53px; padding:0 0 0 10px; margin:0; position:relative}

#banner_noPicture .menu_section{float:left; width:960px; background:url(images/mid_menu.jpg) repeat-x 0 0;}
#banner_noPicture .menu_section .inner{float:left; width:960px; background:url(images/right_menu.jpg) no-repeat right 0; height:44px;}

#banner_noPicture .menu_section .left_bg_m{float:left; width:960px; background:url(images/left_menu.jpg) no-repeat 0 0; list-style:none; }

#banner_noPicture .menu_section .inner ul{float:left; width:auto; background:url(images/left_menu.jpg) no-repeat 0 0; list-style:none; height:36px; padding-top:8px;}
#banner_noPicture .menu_section .inner ul li{float:left; background:url(images/sep.gif) no-repeat right 12px; padding:0 4px 0 2px;}
#banner_noPicture .menu_section .inner ul li.last{ background:none}
#banner_noPicture .menu_section .inner ul li a{float:left;  font:normal 14px/35px Arial, Helvetica, sans-serif; color:#21625b; padding:0 0 0 5px;}
#banner_noPicture .menu_section .inner ul li a span{float:left;  padding:0 10px 0 5px ; cursor:pointer}

#banner_noPicture .menu_section .inner ul li a:hover,#banner .menu_section .inner ul li a.active{float:left; background:url(images/left_curve.png) no-repeat 0 0; font:normal 14px/35px Arial, Helvetica, sans-serif; color:#000; padding:0 0 0 5px; text-decoration:none}

#banner_noPicture .menu_section .inner ul li a:hover span,#banner .menu_section .inner ul li a.active span {float:left; 
background:url(images/right_curve.png) no-repeat right 0; padding:0 10px 0 5px ;}

#banner_noPicture .img_section{float:left; width:100%}
#banner_noPicture .img_section img{float:left;}


/* left_container_wide loppuu */





#col2-left #right_container{float:left; width:640px;}
#col2-left #right_container .right_box{float:left; width:639px; background:#fff url(images/right_box_bottom.gif) no-repeat 0 bottom; margin-bottom:12px;}
#col2-left #right_container .right_box_inner{float:left; width:639px; background:url(images/right_box_top.gif) no-repeat 0 0; position:relative}
#col2-left #right_container .right_box_inner .col1{float:left; width:317px;}
#col2-left #right_container .right_box_inner .col1 ul{float:left; width:317px; list-style:none}
#col2-left #right_container .right_box_inner .col1 ul li{float:left; width:307px; height:69px; font:normal 18px/68px "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif;  color:#004530;  padding-left:10px; }
#col2-left #right_container .right_box_inner .col1 ul li a{float:left; width:290px; background:url(images/arrow.gif) no-repeat right 28px;text-decoration:none; color:#004530;} 
#col2-left #right_container .right_box_inner .col1 ul li a span.link1{float:left; background:url(images/sprite2.gif) no-repeat 0 3px; padding:0 0 0 70px;}
#col2-left #right_container .right_box_inner .col1 ul li a span.link2{float:left; background:url(images/sprite2.gif) no-repeat 0 -65px; padding:0 0 0 70px;}
#col2-left #right_container .right_box_inner .col1 ul li a span.link3{float:left; background:url(images/sprite2.gif) no-repeat 0 -130px; padding:0 0 0 70px;}
#col2-left #right_container .right_box_inner .col1 ul li.class1{float:left; width:307px; height:69px; background:url(images/top_bg.gif) no-repeat 0 0;}
#col2-left #right_container .right_box_inner .col1 ul li.class2{float:left; width:307px; height:69px; background:url(images/mid_bg.gif) no-repeat 0 0; }
#col2-left #right_container .right_box_inner .col1 ul li.class3{float:left; width:307px; height:69px; background:url(images/bottom_bg.gif) no-repeat 0 0;}
#col2-left #right_container .right_box_inner .col2{float:left; width:320px!important; }


#col2-left #right_container .right_box_inner .col2 ul{float:left; width:270px; list-style:none; padding-left:50px;}
#col2-left #right_container .right_box_inner .col2 ul li{float:left; width:200px; background:url(images/sprite1.gif) no-repeat 0 -73px; font-size:14px; line-height:20px!important; color:#393939; padding:25px 0 0 40px;}
#col2-left #right_container .right_box_inner .missa{float:left; width:277px; background:url(images/sprite2.gif) no-repeat 0 -219px; margin:0 0 0 10px; display:inline; padding:15px 0 23px 70px;}
#col2-left #right_container .right_box_inner .missa h3{float:left; width:277px;  font:normal 21px/34px "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif;  color:#004530;}
#col2-left #right_container .right_box_inner .missa h3 a{ color:#004530;}
#col2-left #right_container .right_box_inner .missa h3 a:hover{color:#28dba8}
#col2-left #right_container .right_box_inner .missa p{float:left; font-size:13px; line-height:15px;}
#col2-left #right_container .right_box_inner .btn{float:right; margin:14px 20px 0 10px; display:inline;}
#col2-left #right_container .right_box_inner .kasto{float:left; width:100%; height:90px;}
#col2-left #right_container .right_box_inner .col_kasto{float:left; width:50%; }
#col2-left #right_container .right_box_inner .col_kasto .inner{float:left; width:auto; background:url(images/sprite2.gif) no-repeat 0 -330px; padding:0 0 10px 65px; margin:15px 0 0 15px; display:inline;}
#col2-left #right_container .right_box_inner .col_kasto .inner h3{ display:block; font:normal 21px/23px "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif;  color:#004530;}
#col2-left #right_container .right_box_inner .col_kasto .inner h3 a{ color:#004530; }
#col2-left #right_container .right_box_inner .col_kasto .inner h3 a:hover{ color:#28dba8}
#col2-left #right_container .right_box_inner .col_kasto .inner p{ display:block; font-size:13px; line-height:25px;}
#col2-left #right_container .right_box_inner .col_ota{float:left; width:289px; padding-right:30px; }
#col2-left #right_container .right_box_inner .col_ota .inner{float:left; width:260px; background:url(images/sprite2.gif) no-repeat 0 -446px; padding:0 0 10px 72px; margin:15px 0 0 15px; display:inline;}
#col2-left #right_container .right_box_inner .col_ota .inner h3{ display:block; font:normal 21px/23px "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif;  color:#004530;}
#col2-left #right_container .right_box_inner .col_ota .inner h3 a{ color:#004530; }
#col2-left #right_container .right_box_inner .col_ota .inner h3 a:hover{color:#28dba8}
#col2-left #right_container .right_box_inner .col_ota .inner p{ display:block; font-size:13px; line-height:25px;}



#banner{float:left; width:970px; background:url(images/caraousal_bg.gif) no-repeat 0 0; height:338px; padding:0 0 0 10px; margin:0; position:relative}
#banner .menu_section{float:left; width:960px; background:url(images/mid_menu.jpg) repeat-x 0 0;}
#banner .menu_section .inner{float:left; width:960px; background:url(images/right_menu.jpg) no-repeat right 0; height:43px; border-bottom:1px solid #b9ded7;}

#banner .menu_section .left_bg_m{float:left; width:960px; background:url(images/left_menu.jpg) no-repeat 0 0; list-style:none; }

#banner .menu_section .inner ul{float:left; width:auto; background:url(images/left_menu.jpg) no-repeat 0 0; list-style:none; height:36px; padding-top:8px;}
#banner .menu_section .inner ul li{float:left; background:url(images/sep.gif) no-repeat right 12px; padding:0 4px 0 2px;}
#banner .menu_section .inner ul li.last{ background:none}
#banner .menu_section .inner ul li a{float:left;  font:normal 14px/35px Arial, Helvetica, sans-serif; color:#21625b; padding:0 0 0 5px;}
#banner .menu_section .inner ul li a span{float:left;  padding:0 10px 0 5px ; cursor:pointer}

#banner .menu_section .inner ul li a:hover,#banner .menu_section .inner ul li a.active{float:left; background:url(images/left_curve.png) no-repeat 0 0; font:normal 14px/35px Arial, Helvetica, sans-serif; color:#000; padding:0 0 0 5px; text-decoration:none}
#banner .menu_section .inner ul li a:hover span,#banner .menu_section .inner ul li a.active span {float:left; background:url(images/right_curve.png) no-repeat right 0; padding:0 10px 0 5px ;}
#banner .img_section{float:left; width:100%}
#banner .img_section img{float:left;}









#col2-right{float:left; width:980px; padding-top:15px;}
#col2-right #left_container{float:left; width:680px; padding-right:30px;}
#col2-right #left_container .vihta_box, #col2-right #left_container_wide .vihta_box{float:left; width:679px; background:#fff url(images/left_bottom_curve.jpg) no-repeat 0 bottom;}
#col2-right #left_container .vihta_box .inner{float:left; width:654px; background:url(images/left_top_curve.jpg) no-repeat 0 0; padding:15px 0 30px 25px;}
#col2-right #left_container .vihta_box .inner h1{float:left; width:100%; "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif; }
#col2-right #left_container .vihta_box .inner ul.list{float:left; width:654px; list-style:none;}
#col2-right #left_container .vihta_box .inner ul.list li{float:left; width:654px; padding:0;}
#col2-right #left_container .vihta_box .inner ul.list li .img_section{float:left; width:80px;}
#col2-right #left_container .vihta_box .inner ul.list li .content_section{float:left; width:190px;height: 225px;}
#col2-right #left_container .vihta_box .inner ul.list li .content_section h4{float:left; width:190px; font:normal 18px/21px Arial, Helvetica, sans-serif; color:#00543e;padding:5px 0 10px 0;}
#col2-right #left_container .vihta_box .inner ul.list li .content_section p{float:left; width:190px; font-size:13px; line-height:18px; padding-bottom:10px;}
#col2-right #left_container .vihta_box .inner ul.list li .content_section a.read_more{float:left; font-size:13px; line-height:18px;}
#col2-right #left_container .vihta_box .inner ul.list li .col_out{float:left; width:270px; background:none; padding:10px; cursor:pointer; margin-right:35px; display:inline; border: 1px solid #fff;}
#col2-right #left_container .vihta_box .inner ul.list li .col_over{float:left; width:270px; background:#e6f0ea; padding:10px; cursor:pointer;margin-right:35px; display:inline; border: 1px solid #cdecda;-moz-border-radius: 9px;-webkit-border-radius: 9px; border-radius: 9px;}

#col2-right #right_container{float:left; width:270px;}
#col2-right #right_container .box{float:left; width:269px; background:#fff url(images/top_curve_right.gif) no-repeat 0 0;padding-left:0px;}
#col2-right #right_container .box .inner{float:left; width:269px; background:url(images/btm_right_curve.gif) no-repeat 0 bottom; padding:15px 0 0 0; }
/*#col2-right #right_container .box .inner h1{float:left; width:249px; font:bold 24px/23px "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif;  color:#004530; padding-left:20px;  }*/

.box .inner h1.title {padding-left: 25px; padding-top: 8px;}

#col2-right #right_container .box .inner ul.list{ float:left; width:240px; padding:20px 0 5px 20px; margin:0; list-style:none}
#col2-right #right_container .box .inner ul.list li{float:left; width:229px; list-style-position:inside; padding:0 0 15px 8px; margin:0;font:bold 18px/20px "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif; color:#fff} 
#col2-right #right_container .box .inner ul.list li span{font-size:12px; line-height:20px; padding:0 0 0 20px; color:#00543e; font-family:Arial, Helvetica, sans-serif!important}
#col2-right #right_container .box .inner ul.list li img{float:left;}
#col2-right #right_container .box .inner .form_section{float:left; width:269px; background:url(images/repeat1.gif) repeat-x 0 0;}
#col2-right #right_container .box .inner .form_section h4{float:left; width:269px; font:bold 22px/23px "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif; text-align:center; color:#fff; padding:20px 0 22px 0;}
#col2-right #right_container .box .inner .form_section form{float:left; width:269px;}
#col2-right #right_container .box .inner .form_section fieldset{float:left; width:174px; /*background:url(images/icon8.gif) no-repeat 0 0;*/ margin:25px 0 0 0; display:inline; padding:0 0 0 40px}
#col2-right #right_container .box .inner .form_section fieldset h6{float:left; font-size:18px; line-height:21px; color:#00543e; font-weight:normal; padding-bottom:10px;}
#col2-right #right_container .box .inner .form_section fieldset ul{float:left; width:174px; list-style:none}
#col2-right #right_container .box .inner .form_section fieldset ul li{float:left; width:174px; padding-bottom:7px;}
#col2-right #right_container .box .inner .form_section fieldset ul li .text_bg{float:left; width:157px; height:33px; background:url(images/text_bg.gif) no-repeat 0 0;}
#col2-right #right_container .box .inner .form_section fieldset ul li .text{float:left; width:147px; height:31px; background:none; border:none; font-size:14px; line-height:30px; color:#a5b5b2; padding:0 0 2px 10px;}
#col2-right #right_container .box .inner .form_section fieldset ul li .btn{float:left; width:157px; height:33px; background:url(images/btn2.gif) no-repeat 0 0; cursor:pointer; border:none}
#col2-right #right_container .box .inner .form_section fieldset ul li a{float:left; font-size:11px;line-height:25px; font-weight:bold ; color:#00543e}
#col2-right #right_container .box .inner .form_section fieldset ul li a:hover{ color:#28dba8;}

.popup_outer{ width:393px; position:absolute; top:-390px; left:-30px; z-index:999}
.popup{float:left; width:393px; }
.popup .title{float:left; width:393px; background:url(images/pop_up_top.gif) no-repeat 0 0; height:53px;}
.popup .title h3{float:left; font-size:21px; line-height:23px; padding-left:20px; padding-top:15px;}
.popup form{float:left; width:393px;}
.popup fieldset{float:left; width:393px; border:none; background:#fff; padding:20px 0 0;}
.popup fieldset ul{float:left; width:357px; list-style:none; padding:0 18px 40px 18px;}
.popup fieldset ul li{float:left; width:355px; padding-bottom:10px;}
.popup fieldset .text_bg_wrong{float:left; width:300px; height:43px; background:url(images/text_bg.jpg) no-repeat 0 0; margin-right:10px; display:inline}
.popup fieldset .text_bg_right{float:left; width:300px; height:43px; background:url(images/text_bg.jpg) no-repeat 0 bottom;margin-right:10px; display:inline}
.popup fieldset .text{float:left; width:290px; border:none; font-size:14px; background:none; padding:10px 5px 0; line-height:30px; height:26px;}
.popup fieldset label{float:left; width:320px; font-size:16px; line-height:22px; color:#000; text-align:left;}
.popup fieldset .top_padding{ padding-top:5px;}
.popup fieldset .right{float:left; width:36px; height:36px; background:url(images/validation_icon.gif) no-repeat 0 bottom;}
.popup fieldset .wrong {float:left; width:36px; height:36px; background:url(images/validation_icon.gif) no-repeat 0 2px;}
.popup fieldset .checked{float:left; width:23px; height:47px; background:url(images/check.jpg) no-repeat 0 -4px;  height:23px;}
.popup fieldset .unchecked{float:left; width:23px; height:47px; background:url(images/check.jpg) no-repeat 0 -29px;  height:23px;}
.popup fieldset .btn_row{float:left; width:381px; border-top:1px solid #b9d7ce; margin:0 1px; padding:10px 10px 0 0;}

.popup fieldset input.cancel{
  background-image: url(images/button-bg-harmaa.gif);
  background-repeat: repeat-x;
  
  color: #000;
  border: 1px solid #838383;
  width: 75px; 
  height: 36px;

 -moz-border-radius:9px;
 -webkit-border-radius:9px;
  border-radius:9px;

  float:right;

  margin-right: 5px;

}
.popup fieldset input.submit{

  background-image: url(images/button-bg.png);
  background-repeat: repeat-x;
  
  color: #fff;
  border: 1px solid #45A286;
  width: 75px; 
  height: 36px;

 -moz-border-radius:9px;
 -webkit-border-radius:9px;
  border-radius:9px;

  float:right;

  margin-right: 5px;

}


#col2-right #left_container .vihta_box .inner h1, h2, h4, h5, h6{font-family:"InterFaceDaMa","Myriad Pro",Arial,Helvetica,sans-serif;}
#col2-right #left_container .vihta_box .inner h1{line-height:30px;}
#col2-right #left_container .vihta_box .inner h2{line-height:28px; padding:10px 0 10px 0;}
#col2-right #left_container .vihta_box .inner h4{font-size:22px;line-height:24px; padding:10px 0 10px 0;}
#col2-right #left_container .vihta_box .inner h5{font-size:20px;line-height:22px; padding:10px 0 10px 0;}
#col2-right #left_container .vihta_box .inner h6{font-size:18px;line-height:20px; padding:10px 0 10px 0;}
#col2-right #left_container .vihta_box .inner ul{margin:0px 0 10px 0; font-size:13px; line-height:15px;}

#col2-right #left_container .vihta_box .inner p{padding:0; font-size:13px; line-height:15px;}


#footer_outer{float:left; width:100%; background:url(images/footer.jpg) repeat-x 0 bottom;padding-bottom:113px;}
#footer_inner_section{float:left; width:100%; background:#004530 url(images/footer_top.jpg) repeat-x 0 0;}
#footer_inner{ margin:0 auto; width:980px;}
#footer{float:left; width:980px; padding-top:3px; position:relative}
#footer .row{float:left; width:980px; background:url(images/footer_col_bg.gif) repeat-y 0 0; padding-bottom:20px;}
#footer .col{float:left; width:195px; }
#footer .col  h3{float:left; width:170px; color:#45a286; font-size:14px; line-height:43px; padding-left:25px;}
#footer .col ul{float:left; width:167px; list-style:none; padding:15px 0 0 28px;}
#footer .col ul li{float:left; width:150px; background:url(images/arrow1.jpg) no-repeat 0 3px; padding-left:15px; padding-bottom:7px;}
#footer .col ul li a{float:left; font-size:11px; line-height:13px; color:#fff; text-decoration:none}
#footer .col ul li a:hover{ text-decoration:underline}
#footer .copyright{ position:absolute; width:980px; bottom:-75px; left:0;}
#footer .copyright p{float:left; width:980px; text-align:center; font:normal 12px/20px "InterFaceDaMa","Myriad Pro",Arial, Helvetica, sans-serif; color:#7bcfae;}
#footer .copyright p a{ color:#d8f0e7; text-decoration:none}
#footer .copyright p a:hover{ text-decoration:underline}
.post {padding-top:50px;}

.navigation { float:left; width:654px; padding:10px 0 10px 0;}
.alignleft{float:left; width:auto;}
.alignright{float:right; width:auto; padding-right:15px;}
.alignleft a{color:#45A286; text-decoration:none; }
.alignright a{color:#45A286; text-decoration:none; }
.postmetadata{font:10px/14px Arial, Helvetica, sans-serif; color:#8A8982;}
.postmetadata a{color:#00996F; text-decoration:none;}
.postmetadata a:hover{text-decoration:underline;}

.stepcarousel_meet{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 962px; /*Width of Carousel Viewer itself*/
height: 331px; /*Height should enough to fit largest content's height*/
}
.stepcarousel_meet .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel_meet .panel{	
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 962px; 
height: 331px;
border:none;
}

/* fake checkbox : unchecked (default/base) state */
.fakecheck, .rfakecheck, .cfakecheck {text-decoration: none; outline: none;	background:url(images/check.jpg) no-repeat left -25px; height:25px; width: auto; float: left; padding: 0; width:23px;}

/* fake checkbox : hover state */
.fakecheck:hover {

}
/* fake checkbox : checked state */
.fakechecked,.rfakechecked,.cfakechecked {
	background-position: left 0;
}

.accessibility { position:absolute; left:-9999px; top:-9999px; }