@font-face {
    font-family: 'MyriadProRegular';
    src: url('myriadpro-regular.eot');
    src: url('myriadpro-regular.eot') format('embedded-opentype'),
         url('myriadpro-regular.woff') format('woff'),
         url('myriadpro-regular.ttf') format('truetype'),
         url('myriadpro-regular.svg#MyriadProRegular') format('svg');
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('nokianvirallinenkirjasinregular.eot');
    src: url('nokianvirallinenkirjasinregular.eot') format('embedded-opentype'),
         url('nokianvirallinenkirjasinregular.woff') format('woff'),
         url('nokianvirallinenkirjasinregular.ttf') format('truetype'),
         url('nokianvirallinenkirjasinregular.svg#MyriadProRegular') format('svg');
}

/*
body{ margin:0; padding:0; -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
img{ border:none;}
*/
.header{ height:170px;}
.wraper{ width:964px; margin:0 auto; padding:0;}
.logo{ width:361px;  margin-top:18px; float:left;}
.logo span{ display:block; margin-top:10px; text-align:center; text-transform:uppercase; color:#b2adad; font-family: Arial, Helvetica, sans-serif; font-size:18px;} 
.logo h1{ margin:0; padding:0; }
.topLeft{ width:150px; float:right; margin-top:3px;}
.topNav{ text-align:right; color:#ed1b24; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:184px; float:right; text-transform:uppercase;}
.topNav a{ color:#ed1b24; text-decoration:none;}
.contact
{
	background:url(images/mobile.png) no-repeat top left;
	float:right; margin-top:0px;
	line-height:39px; width:180px; text-align:right; width:174px;
	
	padding-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#025a90;
}

.mail
{
	background:url(images/mail.png) no-repeat top left;
	float:right;
	line-height:26px;
	margin-top:4px;
	padding-left:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#025a90;
}
.topNav a:hover{ text-decoration:underline;}
.social{ float: right; width:109px; clear:both; margin-top:10px;}
.slogun{ font-family: "MyriadProRegular"; color:#ed1c24; font-size:34px; font-weight:bold; clear:both; margin-top:10px; font-weight:normal;}
.slogun span{ color:#2e3192; text-align:right;}
.nav{ background: url(images/navbg.jpg) repeat-x top left; height:50px;}
/*.nav ul{ margin:0; padding:0; list-style-type:none;}
.nav ul li{ float:left; display:block; line-height:50px; margin:0;}
.nav ul li a{ color:#FFF; text-decoration:none; margin:0; padding:14px; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.nav ul li a:hover{ background:#de3434; margin:0; padding:14px;}*/
.sliderbg{ background:#dedede; repeat-x top left; margin-top:20px; height:330px;}
.welcome{ clear:both; margin-top:27px; min-height:170px; font-family:Arial, Helvetica, sans-serif;}
.welcome h1{ font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#025a90; font-size:22px; margin:0; padding:0;}
.welcome h1 span{ color:#025a90;}
.welcome p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px; color:#000; text-align:justify;}
.welcome ul{ margin:0; padding:0; width:96px; float:left; height:163px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
.welcome ul li{ background: url(images/blt.png) no-repeat left center; list-style-type:none; padding-left:15px; line-height:25px; color:#2e3192; }
.welcome ul li a{ text-decoration:none; color:#2e3192;}
.welcome ul li a:hover{ text-decoration:underline;}
.products{ clear:both;}
.bdr{ width:293px; float:left;  
;}
.proTitl h1{ display:block; width:370px; line-height:50px;  float:left; font-family: Arial, Helvetica, sans-serif; color:#025a90; font-size:33px; margin:0 0 0 7px; padding:0;}
.productsThu{ clear:both;  float:left; width:964px; margin:0 auto; padding:20px 0 0 0;}
.grid{ width:300px; float:left; margin-left:10px; text-align:center;}
.grid h2{font-family:Arial, Helvetica, sans-serif; color:#025a90; font-size:20px; text-align:center; display:block; margin:11px 0 0 0; padding:0; }
.address{ float:left; width:271px;}
.address h2{font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#025a90;  }
.address h2 span{border-bottom:3px solid #025a90; display:block; margin:0; padding:0; }
.address p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:23px; font-weight:normal; color:#025079;}
.address p a{ text-decoration:none; color:#025079;}
.address p a:hover{ text-decoration:underline;}
.quick{ width:242px; float:left; margin-left:22px;}
.quick h2{font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#025a90;  }
.quick h2 span{border-bottom:3px solid #025a90; display:block; margin:0 0 0 215px; padding:0; }
.quick input{ color:#d8d8d8; padding-left:5px; border:1px solid #025a90; width:238px; margin-top:10px; }
.quick input:hover{ color:#000;}
 
.quick textarea{color:#d8d8d8; padding-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px;  border:1px solid #025a90; width:238px; margin-top:10px; height:78px; display:block;}
 
 .quick textarea:hover{ color:#000;}
.btn{ background:#2e3192; color:#FFF; width:33px;}
.our{ width:400px; float:left; margin-left:22px;}
.our h2{font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#025a90;  }
.our h2 span{border-bottom:3px solid #025a90; display:block; margin:0 0 0 235px; padding:0; }
.our ul{ margin:0; padding:0;  float:left; height:163px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
.our ul li{ background: url(images/blt.png) no-repeat left 11px; list-style-type:none; padding-left:22px; line-height:25px; color:#2e3192; }
.our ul li a{ text-decoration:none; color:#025079;}
.our ul li a:hover{ text-decoration:underline;}
.footer{ font-family:Arial, Helvetica, sans-serif; background:#025a90; color:#FFF; font-size:12px; font-weight:normal; height:109px; clear:both; margin-top:20px;}
.copyright{ float:left; width:40%; padding:10px 0 0 0;}
.copyright a{ text-decoration:none; color:#FFF;}
.copyright a:hover{ text-decoration:underline;}
.leftMenu{ float:left; margin-top:27px; margin-left:30px;}
.leftMenu h2{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#025a90;}
.inner{ width:660px; float:left; background:url(images/watermark.png) no-repeat   center; }
.subtitle{font-family: 'MyriadProRegular'; font-size:18px; color:#2e3192;}

.leftMenu ul{ margin:0; padding:0; width:179px; float:left; height:163px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
.leftMenu ul li{ background: url(images/blt.png) no-repeat left center; list-style-type:none; padding-left:15px; line-height:25px; color:#025079; }
.leftMenu ul li a{ text-decoration:none; color:#025079;}
.leftMenu ul li a:hover{ text-decoration:underline;}
.slidIn{ height:200px;}
.imgLeft{ float:left; margin-right:15px;  }
.imgRight{ float: right; margin-left:15px;  }


.cms-page table {border-collapse: collapse; background-color:#fff; text-align:center; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.cms-page th {  border: 1px solid #DDE9D5; color: #fff; font-size: 13px; padding: 4px; background-color:#2e3192; }
.cms-page td {  border: 1px solid #DDE9D5;  color: #444;  font-size: 12px;  padding: 4px; vertical-align:top;  width:20%; }
.cms-page tr{ -moz-transition:background 0.5s ease 0s; background:#fff;}
.cms-page tr:hover{background:#eee; -moz-transition:background 0.5s ease 0s; font-weight:bold}
/**----menu css----**/

.jqueryslidemenu{
font: bold 13px Verdana;
background: none;
width: 100%; padding:0;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative; border-right:1px solid #045484;
display: inline;
float: left; background:url(images/menusepretor.png) no-repeat right center;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: none; /*background of tabs (default state)*/
color: white;
padding: 17px;
 

 
color: #2d2b2b;
text-decoration: none;
}


* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #025a90; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden; z-index:100;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item; background:#0873b4;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 185px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #fff; z-index:500;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #379bd3;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 20px;
right: 4px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
.serviceimg
{
	float:right;
	margin-top:10px; width:200px;
}
.left
{
	float:left;
	padding-right:15px;
}