/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties */
html {width:100%}
/*body {font-family:'Open Sans', Arial, Helvetica, sans-serif;font-size:100%;color:#9d9d9d;min-width:1024px;background:url(../images/body.jpg) center 0 repeat}*/
body {font-family:'Open Sans', Arial, Helvetica, sans-serif;font-size:100%;color:#9d9d9d;min-width:1024px;background:#000000;}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
a {color:#00a9ff;outline:none}
a:hover {text-decoration:none}
.col-1, .col-2, .col-3, .col-4  {float:left}
.wrapper {width:100%;overflow:hidden}

.extra-wrap {overflow:hidden}
.extra-wrap-title {overflow:hidden; padding-top:12px; padding-bottom:20px;float:left}
.extra-wrap h3 {font-size:22px;color:#000000;}
.extra-wrap-palvelukuvaus {overflow:hidden; padding-top:10px}

.serviceheader-wrap {width:280px;padding-left:0px;padding-right:5px; margin-bottom:0px;margin-top:13px;}
.serviceintro-wrap {width:520px;padding-left:0px;padding-right:0px; margin-bottom:0px;margin-top:0px;}

.serviceproduct-wrap {width:400px;padding-left:20px;padding-right:20px;margin-top:13px}
.serviceproduct-wrap h3 a {text-decoration:none}
.serviceproduct-wrap h3 a:hover {text-decoration:underline}

.servicedescription-wrap {width:800px;padding-left:20px;padding-right:20px;margin-top:10px}
.servicedescription-wrap a {text-decoration:none}
.servicedescription-wrap a:hover {text-decoration:underline}

.servicecostdescription-wrap {width:800px;padding-left:20px;padding-right:20px;margin-top:-4px}

.bottomservicedescription-wrap {width:750px;padding-left:20px;padding-right:20px;margin-top:0px}
.bottomservicedescription-wrap a {text-decoration:none}
.bottomservicedescription-wrap a:hover {text-decoration:underline}

.topservicedescription-wrap {width:750px;padding-left:20px;padding-right:20px;margin-top:10px;margin-bottom:0px;}
.topserviceproduct-wrap {width:800px;padding-left:20px;padding-right:20px;margin-top:-5px; margin-bottom:0px}
.topreturnlink-wrap {width:750px;padding-left:20px;padding-right:20px;margin-top:0px; margin-bottom:25px}
.topreturnlink-wrap a {text-decoration:none}
.topreturnlink-wrap a:hover {text-decoration:underline}

.language_link {float:right; padding-top: 35px; padding-left:20px;padding-right:30px; margin-right:10px}
.language_link a {text-decoration:none}
.language_link a:hover {text-decoration:underline}

/*.cheetah_intro {padding-left:17px;padding-right:20px; padding-top:20px; padding-bottom:20px; color:#ffffff; font-style:italic;background:#000000}*/
.cheetah_intro {padding-left:18px;padding-right:0px; padding-top:8px; padding-bottom:12px; margin-bottom:-7px; width:990px;color:#000000}
.cheetah_teaser {padding-left:18px;padding-right:0px; padding-top:14px; padding-bottom:2px; margin-bottom:0px; background:#e4e4e4;color:#000000;width:1006px;font-weight: bold;font-size:16px;}
.cheetah_teaser a {text-decoration:underline; color:#000000;}
.cheetah_teaser a:hover {text-decoration:none}

.takenextstep{color:#000000; font-weight: bold;font-size:14px;}

/*.bg {width:100%;background:url(../images/bg.jpg) center 0 no-repeat}*/
.bg {width:100%;background:#000000;}
.main {width:1024px;padding-left:20px;padding-right:20px;margin:0 auto;font-size:0.875em;line-height:1.285em}
p {margin-bottom:18px}
.p0 {margin-bottom:0px}
.p1 {margin-bottom:6px; color:#000000}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:0px; margin-top:-25px;padding-bottom:20px}
/*.p4 {margin-bottom:0px; background:#e4e4e4;margin-top:-25px;padding-bottom:20px}*/
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.title {margin-bottom:18px}
.it {font-style:italic}
.letter {letter-spacing:-1px}
.color-1 {color:#00a9ff}
.color-2 {color:#a2c902}
.color-3 {color:#fabb0c}
.color-4 {color:#0f0f0f}

/* Tarpeiden Ratkaisuiden */
.color-1 a {color:#00a9ff}
.color-2 a {color:#cc6699}
.color-3 a {color:#fabb0c}
.color-4 a {color:#0f0f0f}
/* boxes */
.margin-bot {margin-bottom:5px}
.spacing {margin-right:35px}
.indent {padding:0 0 0px 32px}
.indentx {padding-top:3px}
.indent2 {padding-top:10px}
.indent3 {padding-top:38px}
.indent4 {padding:26px 0 0px 32px}
.indent5 {padding-top:22px}
/* laatikoiden titlen ja tekstin välissä*/
.indent-bot {margin-bottom:-5px}
.indent-left2 {margin-left:50px}
.indent-bot2{margin-bottom:10px;margin-top:10px}
.indent-bot2x{margin-bottom:15px;margin-top:25px}
.indent-bot2-contact {margin-bottom:15px;margin-top:0px}
.indent-bot3 {margin-bottom:45px}
.img-indent-logo{margin-top:8px;margin-left:5px; float:left;}
.img-indent-triangle{margin-top:0px;margin-bottom:10px;margin-left:14px;float:none;}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:10px 10px 0px 0}
.img-indentx {float:left;margin:10px 14px 0px 0}
.img-indent2 {float:left;margin:0 15px 0px 0}
.img-indent3 {float:left;margin:10px 20px 0px 0}
.img-indent3x {float:left;margin:10px 24px 0px 0}
.img-indent4 {float:left;margin:0 28px 0px 0}
.img-indent-r {float:right;margin:4px 0px 0px 15px}
.prev-indent-bot {margin-bottom:10px}
.buttons a:hover {cursor:pointer}
.menu li a, .list-1 li a, .button-2, .logo {text-decoration:none}
/* header */
header {width:100%;margin-bottom:-16px;position:relative;z-index:1}
.row-1 {width:100%;height:100px;overflow:hidden;padding-top:6px}
.row-2 {width:100%;min-height:65px;position:relative;z-index:1}
/* Eri rivien välit  (header, slider, content, footer)*/
.row-3 {width:100%;min-height:245px;position:relative;z-index:2}
h1 {padding:0px 0 0 40px;position:relative;float:left}
.logo {display:block;width:224px;height:45px;text-indent:-5000px;background:url(../images/logo.png) 0 0 no-repeat;margin:10px 0 8px 0}
.header-logo {display:block;margin-left:-25px;color:#FFFFFF;font-size:49px;line-height:1.2em;letter-spacing:-3px;font-weight:400;margin-bottom:5px}
.header-logo a {display:block;margin-left:0px;color:#FFFFFF;font-size:40px;line-height:1.2em;letter-spacing:-2px;font-weight:400;margin-bottom:5px;text-decoration:none; margin-top:6px}
.slog {display:block;margin-left:-21px;font-size:15px;line-height:1.2em;color:#cccccc;text-transform:uppercase; letter-spacing:-1px; font-weight:100;}
/* search-form */
#search-form {width:244px;min-height:39px;padding:20px;margin-right:19px;background:#000;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;float:right}
.search-form {background:#fefefe;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;width:100%;overflow:hidden}
#search-form input {font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:1.214em;width:170px;padding:10px 18px 11px;margin:0;color:#9d9d9d;border:none;background:none;float:left}
#search-form a {display:block;width:38px;height:38px;text-indent:-5000px;background:url(../images/search-button.png) 9px 8px no-repeat #00a9ff;border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;-webkit-border-radius:0 8px 8px 0;float:right}
#search-form a:hover {background-color:#aaa}
/* main menu */
.menu {width:100%}
.menu li {float:left;position:relative;margin-right:1px}
.menu li.last-item {margin:0}
.menu li a {display:inline-block;width:204px;font-size:22px;line-height:1.22em;padding:5px 0 36px;margin-top:4px;color:#fff;background:#000;text-align:center;border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;-webkit-border-radius:18px 18px 0 0}
.menu li a.active, .menu li a:hover {color:#0f0f0f;background:#fff;padding:10px 0 36px;margin:0}
/* slider */
.slider-wrapper {overflow:hidden;width:1024px;position:absolute;top:-16px;left:0;margin-bottom:0px; background:#fff;border-radius:0 18px 0 0;-moz-border-radius:0 18px 0 0;-webkit-border-radius:0 18px 0 0}
.slider {height:262px;width:1024px;margin:0px}
/* gepardi kuvan korkeus */
/* .slider {height:320px;width:948px;margin:10px auto} */
.items {display:none}
.pagination {position:absolute;top:0;z-index:999}
/* Riippumatonta konsultointia kattaen tietojŠrjestelmien koko elinkaaren: */
.banner {width:680px;height:190px;position:absolute;top:13px;left:60px}
.prev {display:block;width:22px;height:37px;text-indent:-5000px;position:absolute;left:25px;top:183px;z-index:99;background:url(../images/slider-control.png) left top no-repeat}
.prev:hover {background-position:left bottom}
.next {display:block;width:22px;height:37px;text-indent:-5000px;position:absolute;right:22px;top:183px;z-index:99;background:url(../images/slider-control.png) right top no-repeat}
.next:hover {background-position:right bottom}
.b1-top {color:#ffffff;font-size:22px;line-height:1.2em;display:block;letter-spacing:-1px;margin-top:24px;font-weight:400;font-style:italic}
.b1-bottom {color:#ffffff;font-size:28px;line-height:1.2em;display:block;letter-spacing:-2px;margin-top:-5px;font-style:italic}
.b2 {color:#ffffff;font-size:20px;line-height:1.2em;display:block;text-transform:uppercase;letter-spacing:-0px;margin:20px 0 20px 20px;font-weight:600;font-style:italic}
/* MŠŠRITTELY NEUVONANTO LAADUNVARMISTUS */
.b2-maarittely {color:#00a9ff;font-size:24px;line-height:1.2em;display:block;text-transform:uppercase;letter-spacing:-0px;margin:20px 0 20px 20px;font-weight:600}
.b2-neuvonanto {color:#cc6699;font-size:24px;line-height:1.2em;display:block;text-transform:uppercase;letter-spacing:-0px;margin:20px 0 20px 20px;font-weight:600}
.b2-laadunvarmistus {color:#fabb0c;font-size:24px;line-height:1.2em;display:block;text-transform:uppercase;letter-spacing:-0px;margin:20px 0 20px 20px;font-weight:600}
*+html .b2 {margin:-12px 0 5px -5px}
.b3 {color:#0f0f0f;font-size:17px;line-height:1.2em;display:block}
/* content */
/*#content {width:100%;padding:2px 0 0px;background:#fff;border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;-webkit-border-radius:18px 18px 0 0;position:relative;z-index:2}*/
#content {width:100%;padding:2px 0 0px;background:#fff;border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;-webkit-border-radius:18px 18px 0 0;position:relative;z-index:2}
#content .padding {padding:24px 12px 0}
#content .padding-frontpage {padding:0px 0px 0}
#content .padding-services {padding:16px 12px 0;margin-top:0px}
#content .padding-news {padding:16px 12px 0;margin-top:0px}
.spacer-1 {width:100%;background:url(../images/pic-1.gif) 217px 0 repeat-y}
h2 {font-size:28px;line-height:1.9em;color:#0f0f0f;margin-bottom:5px;letter-spacing:-2px}
h3 {font-size:28px;line-height:1.3em;margin-top:-5px;letter-spacing:-2px}
h3 strong {display:block;color:#fefefe;margin-bottom:-11px}
h4 {font-size:23px;line-height:1.2em;color:#fefefe;letter-spacing:-1px;margin-bottom:20px}
h5 {color:#0f0f0f;text-decoration:underline;font-weight:normal}
h6 {color:#0f0f0f;font-weight:normal;margin-bottom:5px}
.border-bot {width:100%;padding-bottom:20px;background:url(../images/pic-1.gif) 0 bottom repeat-x}
.box-bg {padding:16px;background:#e4e4e4}
.box {width:100%;background:url(../images/box.png) center 0 no-repeat #101010;border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px}

/* "Projektien palveluiden" KATSASTUS KARTOITUS NÄKEMYS etusivulla*/
.box h3 {margin-top:-8px;font-size:22px;letter-spacing:-1px}
.box h3 a {text-decoration:none}
.box h3 a:hover {text-decoration:underline}
/* "Laadunvarmistus*/
.box h3 strong {font-size:16px;color:#dddddd}
/*.box .pad {padding:28px 35px}*/
.box .pad {padding-left:10px; padding-top:12px; padding-bottom:12px; padding-right:0px}
.box.first .button {background:url(../images/button1.png) left top no-repeat}
.box.first .button:hover {background-position:left bottom}
.box.first .numb {background:url(../images/numb-1.gif) 0 0 repeat-x #00a9ff}
.box.second .button {background:url(../images/button2.png) left top no-repeat}
.box.second .button:hover {background-position:left bottom}
.box.second .numb {background:url(../images/numb-2.gif) 0 0 repeat-x #a2c902}
.box.third .button {background:url(../images/button3.png) left top no-repeat}
.box.third .button:hover {background-position:left bottom}
.box.third .numb {background:url(../images/numb-3.gif) 0 0 repeat-x #fabb0c}
.numb {display:inline-block;padding:3px 7px 6px;font-size:40px;line-height:1.2em;letter-spacing:-2px;color:#fefefe;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
*+html .numb {padding:6px 7px 4px}
.block-news {padding:20px 33px 15px;margin-top:50px; border:1px solid #eaeaea;background:url(../images/block-news-tail.gif) 0 0 repeat-x #f9f9f9;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px}
.block-services{padding:20px 33px 15px;margin-top:10px; border:4px solid #eaeaea;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px}
.button {display:block;width:43px;height:43px;text-indent:-5000px}
.button-2 {display:inline-block;font-size:19px;line-height:1.21em;letter-spacing:-1px;color:#fefefe;padding:9px 20px 11px;background:url(../images/button-tail.gif) 0 0 repeat-x #3c3c3c;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.button-2:hover {background:#3c3c3c}
.list-1 li {line-height:24px;padding-left:10px;background:url(../images/marker.gif) 0 10px no-repeat; color:000000}
.list-1 li a {display:inline-block;color:#9d9d9d}
.list-1 li a:hover {text-decoration:underline}
.list-2 li {line-height:24px}
.link {color:#9d9d9d}
.link:hover {text-decoration:none} 
.link-1 {display:inline-block;font-size:14px;padding-right:8px;background:url(../images/marker-3.gif) right 8px no-repeat}
.link-1:hover {color:#fff} 
.text-1 {line-height:20px;margin:0} 
dl.address {line-height:24px;color:#9d9d9d}
dl.address span {float:left;width:74px;color:#fefefe}
dl.contact {line-height:20px;color:#9d9d9d}
dl.contact span {display:block;color:#0f0f0f}
dl.contact dt, dl.contact dd {margin-bottom:5px}
.tdate-1 {font-size:20px;line-height:1.2em;color:#0f0f0f;text-align:center;letter-spacing:-2px;margin:-8px 16px 0 0}
.tdate-1 strong {display:block;font-size:49px;line-height:1.2em;color:#00a9ff;margin-bottom:-10px}
.tdate-2 {float:left;color:#0f0f0f}
.news {padding-left:25px;background:url(../images/pic-1.gif) 0 0 no-repeat; color:#000000}
.p1 a {text-decoration:none}
.p1 a:hover {text-decoration:underline}

#contact-form {display:block}
#contact-form  label {display:block;height:30px;overflow:hidden}
/*#contact-form  input {float:left;width:250px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}*/
#contact-form textarea {height:140px;overflow:auto;float:left;width:250px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
.infofield {float:left;width:250px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
.text-form {float:left;display:block;font-size:14px;width:73px;line-height:1.78em;color:#0f0f0f}
.buttons {margin-left:190px;padding-top:16px;text-align:right}
.buttons a {margin-left:6px;padding:9px 25px 11px}
.buttons input{float:left;width:70px;font-size:14px;line-height:1.23em;color:#ffffff;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:#000000;font-family:Arial, Helvetica, sans-serif;}
/* footer */
footer {width:100%;margin-top:-10px}
.row-top {width:100%;padding:0px 0 0px}
.row-padding {padding:0 0px}
.row-bot {width:100%;padding:0px 0;font-size:12px;line-height:20px}
.list-services li {line-height:24px;padding-left:28px}
.list-services li a {color:#9d9d9d;text-decoration:none}
.list-services li a:hover {text-decoration:underline}
.list-services li.item-1 {background:url(../images/facebook.png) 0 3px no-repeat}
.list-services li.item-2 {background:url(../images/twitter.png) 0 3px no-repeat}
.list-services li.item-3 {background:url(../images/linkedin.png) 0 3px no-repeat}
.footer-logo {display:block;color:#FFFFFF;font-size:25px;line-height:1.2em;letter-spacing:-2px;font-weight:100;margin-bottom:5px}
.footer-logo strong {color:#00a9ff;text-transform:none;display:inline-block}
.phone {display:inline-block;font-size:20px;line-height:1.2em;color:#9d9d9d;letter-spacing:-1px;padding-left:5px;font-weight:100}
.phone strong {color:#fff}