* { margin:0; padding:0; } html,body { height:100%; width:100%; } body { background-color:#ffffff; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#484848; line-height:1.38em; } h1 { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-style:italic; font-size:2.46em; font-weight:normal; margin-bottom:.56em; line-height:1.12em; } h2 { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.38em; font-weight:normal; line-height:1.38em; margin:0 0 .38em; padding:1em 0 0; } h3 { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.38em; font-weight:normal; line-height:1em; margin:0 0 .7em; padding:1.3em 0 0; } h4,h5,h6 { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.23em; font-weight:normal; line-height:1.13em; margin:0 0 1em; padding:1.13em 0 0; } a { color:#4c96ae; text-decoration:none; } a:hover { text-decoration:underline; } a,a:hover,a:active { outline:none; } a.right-arrow { padding-right:16px; background:transparent url(items.gif) no-repeat right 1px; } img { border:0; } ul { list-style:none; } p { padding:.18em 0 1.2em; } div.clear,br.clear { float:none; clear:both; display:block; } div#page-header,ul#sub-navi,ul#fat-footer,div#page-footer,div#presentations h2,div.breadcrumbs,div#content-left div.quote { font-family:Geneva, Verdana, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; } div#page-content.services h2 { } a.rss { padding:0px 16px 0px 0px; background-image:url(rss_feed-icon.png); background-repeat:no-repeat; background-position:right center; } div#middle-area { margin:0 auto; width:887px; padding:0 0 30px; } div#page-header { min-height:30px; height:auto!important; height:30px; padding:2px 0 10px; font-size:.95em; margin:10px auto 0; width:887px; } div#page-header ul#main-navi { padding-top:13px; float:left; } div#page-header ul#lang-navi { padding-top:13px; float:right; margin-right:20px; } div#page-header a.active,ul#sub-navi a.active,div#page-header li span,ul#sub-navi li span { color:#000000; } div#page-header .company-logo-wrapper { display:block; width:100%; height:50px; clear:both; padding:13px 0px 0px 0px; } div#page-header a#company-logo { display:block; width:200px; height:50px; float:right; background:transparent url(etnoteam-finland.gif) no-repeat 6px 2px; } div#page-header a#company-logo span { display:none; } div#page-header ul li { display:inline; border-left:2px solid #e6e6e6; padding:0 14px 0 17px; } div#page-header ul li.first { padding-left:0; border:none; } #searchform { float:right; padding-top:13px; } #searchform fieldset { margin:0px; padding:0px 23px 0px 0px; border:solid 1px #e6e6e6; position:relative; width:115px; height:18px; } #searchform fieldset legend { display:none; } #searchform input { display:block; width:113px; height:18px; line-height:18px; padding:0px 0px 0px 2px; margin:0px; border:none; } #searchform input:focus { outline:none; } #searchform input.guidetext { color:#7b7b7b; } #searchform button { border:none; background-color:#ffffff; background-image:url(searchbutton-icon.png); background-repeat:no-repeat; background-position:center center; width:20px; height:18px; position:absolute; right:0px; top:0px; } #searchform button:hover { background-color:#e3e3e3; } #searchform button span { display:none; } ul#sub-navi { float:left; width:200px; padding:10px 25px 10px 0; min-height:367px; height:auto!important; height:367px; line-height:1.4em; font-size:.94em; } ul#sub-navi li.level1 { display:none; } ul#sub-navi li.show a.hide { display:none; } ul#sub-navi ul li { padding-left:15px; font-size:.93em; line-height:normal; } ul#sub-navi li { margin-bottom:1.54em; } ul#sub-navi ul { margin-top:.5em; } ul#sub-navi ul li { margin-bottom:.5em; } div.breadcrumbs { margin-bottom:1.4em; font-size:.8em; color:#000000; } div.breadcrumbs span { padding:0 5px; color:#484848; } div#page-content { float:left; width:658px; overflow:hidden; padding-top:10px; } div#page-content div.text { clear:left; margin-bottom:1em; } div#page-content.services div.text { margin-bottom:2em; } div#page-content ul { list-style-type:disc; } div#page-content ul,div#page-content ol { margin-bottom:.5em; } div#page-content li { margin-left:30px; padding-left:10px; } div.column3 { width:200px; padding:0 29px 0 0; float:left; } div.column3.last { padding-bottom:11px; padding-right:0; } div.column2 { width:314px; padding:0 29px 0 0; float:left; } div.column2.last { padding:0; } div#page-content div#page-slogan h2 { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.5em; font-style:italic; font-weight:normal; line-height:1.25em; margin:0 0 .7em; padding:1.3em 0 0; text-align:left; } div.service-category { padding-top:12px; padding-bottom:11px; } div.service-category img { margin:0 auto; } div.service-category a { display:block; padding:6px 15px 0 50px; width:135px; height:44px; margin:20px 0 0; font-size:1.5em; line-height:37px; font-family:ff-scala-sans-web-1,ff-scala-sans-web-2, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#ffffff; text-decoration:none; text-shadow:rgba(0,0,0,.3) 0 1px 0; overflow:hidden; } div.service-category a img { margin:0; vertical-align:middle; } div.service-category a span { margin-left:8px; } div.service-category p.summary { padding:5px 0 0; } div.service-category-services { padding-bottom:7px; } div.service-category-services a { display:block; width:198px; background-color:#e2e2e2; margin:4px 0 6px; padding:0; color:#424242; font-size:11px; text-decoration:none; border:1px solid #bababa; -webkit-border-radius:6px; -moz-border-radius:6px; } div.service-category-services a:hover { color:#000000; } div.service-category-services a span { display:block; position:relative; padding:4px 10px 5px 29px; width:157px; min-height:17px; } div.service-category-services a span span { display:block; position:absolute; left:5px; top:4px; padding:0; margin:0; width:19px; height:19px; line-height:19px; font-weight:normal; text-align:center; } div.service-category-other { } div.service-category-other a.title-link { display:block; padding:12px 12px 4px 55px; width:247px; height:30px; margin:20px 0 15px; line-height:25px; font-size:1.5em; font-family:ff-scala-sans-web-1,ff-scala-sans-web-2, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#ffffff; text-decoration:none; text-shadow:rgba(0,0,0,.3) 0 1px 0; } a.redirect { color:#000000; text-decoration:none; } ul.services-navi ul li { background-image:url(services-navi-bullet.jpg); background-repeat:no-repeat; background-position:3px 4px; } div.service-banner { padding-bottom:1em; } div#services-form { float:left; padding:0 30px; font-size:11px; color:#272727; } div#services-form h1 { } div#services-form label { clear:both; display:block; font-size:11px; color:#272727; margin:0; padding:0; } div#services-form input { width:; border:1px solid #b9b9b9; padding:3px; margin-bottom:.7em; font-family:arial, helvetica, sans-serif; font-size:1em; } div#services-form input.required { background:transparent url(form_field_required.gif) no-repeat right top; } div#page-content.columns div.intro { width:670px; overflow:hidden; text-align:center; color:#000000; font-style:italic; } div#page-content.columns div.intro div.image { float:left; width:250px; text-align:center; padding:1em 0 2em; } div#page-content.columns div.intro div#intro-img2.image { float:right; } div#page-content.columns div.intro div.introtext { float:left; width:170px; padding:1em 0 2em; text-align:left; } div#page-content.columns div.col-1 { margin-top:1.5em; float:left; width:320px; } div#page-content.columns div.col-2 { margin-top:1.5em; float:right; width:320px; } div#page-content.columns ul { list-style:disc outside url(bullet.gif); } div#home-visualization { height:433px; padding:0 0 26px; margin:10px auto; width:887px; } div#home-visualization div#slogan { padding:10px 0 0 5px; text-align:left; width:440px; } div#home-visualization div#slogan h1 { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:4.77em; font-style:italic; font-weight:normal; line-height:.58em; margin-bottom:.29em; } div#home-visualization div#slogan h3 { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.38em; font-style:italic; font-weight:normal; line-height:1.2em; margin:0 0 1em; padding:0 0 0 2px; text-transform:none; } div#home-visualization div#how-to { margin:18px 0 0; height:30px; } div#home-visualization div#how-to h4 { float:left; font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.38em; font-style:italic; font-weight:normal; line-height:1em; margin-bottom:0; padding:10px 5px 0 2px; text-transform:none; } div#home-visualization div#how-to .button { background:url(contact-button.png) no-repeat center center; padding:8px 24px; text-shadow:rgba(0,0,0,.4) 0 1px 0; color:white; font-size:1.38em; font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-variant:small-caps; font-weight:bold; text-transform:lowercase; text-decoration:none; vertical-align:middle; margin:0 0 0 9px; float:left; } div#home-visualization div#how-to .button:hover { background:url(contact-button-hover.png) no-repeat center center; color:#ffffff; } div#home-visualization div#how-to .button:active { background:url(contact-button-hover.png) no-repeat center center; color:#ffffff; } #contact-form-overlay { display:none; left:50%; margin-left:-150px; padding:30px 50px; position:fixed; right:20px; top:20%; width:330px; background-color:#ffffff; border:1px solid #88888888; z-index:51; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow:3px 3px 5px #1a1a1a; -moz-box-shadow:3px 3px 5px #1a1a1a; box-shadow:3px 3px 5px #1a1a1a; font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.38em; color:#4e8597; } #contact-form-overlay .overlay-form p { color:#4e8597; } #contact-form-overlay span { font-variant:small-caps; font-weight:bold; text-transform:lowercase; } #close { background:url(images/close.png) no-repeat scroll center center transparent; float:right; height:17px; left:403px; padding:5px; position:absolute; top:1px; width:16px; } #close:hover { cursor:pointer; } div.overlay-form { color:#808080; font-size:.9em; } div.overlay-form label { float:left; margin:2px; padding:2px; text-align:right; width:91px; } div.overlay-form input { float:right; margin:2px; padding:2px; width:207px; } div.overlay-form button.overlay-btn { float:right; background:url(images/contact-button-send.png) no-repeat; width:106px; height:23px; margin:10px 2px 0 0; } .overlay { background:#000000 none repeat scroll 0 0; display:none; height:100%; left:0; top:0; width:100%; z-index:50; position:fixed; } div#presentations { overflow:hidden; margin:0 auto; width:887px; padding:0; } div#presentations h2 { color:#484848; font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.38em; font-style:normal; font-weight:normal; line-height:1em; margin:0 0 .6em; padding:1.2em 0 0; text-transform:uppercase; } div#presentations h2 a,a:hover { color:#484848; text-decoration:none; } div#presentations div.column { width:200px; padding:0 29px 0 0; float:left; min-height:351px; height:auto!important; height:351px; line-height:1.38em; } div#presentations div#narrow.column { width:200px; padding:0; } div#presentations div.column ul.news li { padding:.18em 0 1.2em; } div#presentations div.column ul.news h3 { font-weight:normal; } div#presentations div.column ul.news li.highlight { background-color:#a4e7f7; color:#000000; } div#presentations div.column ul.news li.highlight a { color:#000000; } div#presentations div.column ul.news li a { display:block; } div#banner-area { width:887px; overflow:hidden; padding:4px 0 8px; margin:0 auto; } div#banner-area div.banner { float:left; width:407px; display:inline; overflow:hidden; background-color:#f6f6f6; border:1px solid #e7e7e7; padding:17px 0 3px 20px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:ff-scala-sans-web-1,ff-scala-sans-web-2, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-size:1.38em; line-height:1.33em; } div#banner-area .banner-image { background:none no-repeat scroll left center transparent; padding:0 120px 0 0; } div#banner-area .left { margin-right:29px; } div#banner-area.view div.banner { width:407px; } div#banner-area div.banner div.image { float:right; width:100px; } div#banner-area div.banner div.content { float:left; width:290px; } ul#fat-footer { padding:10px 0 30px; width:887px; overflow:hidden; font-size:.85em; margin:0 auto; line-height:1.38em; } ul#fat-footer li.column { float:left; min-height:200px; padding:0 29px 0 0; width:200px; } ul#fat-footer li.column-narrow { float:left; min-height:200px; padding:0; width:200px; } ul#fat-footer p { line-height:1.64em; } ul#fat-footer li.list li { background:url(fat-footer_list-item.png) no-repeat left 6px; padding:0 0 0 12px; } ul#fat-footer ul { padding-top:4px; } ul#fat-footer ul li { margin-bottom:.3em; } ul#fat-footer ul li ulul#fat-footer ul li ul { margin:.5em 0; } ul#fat-footer ul ul li { padding-left:10px; } ul#fat-footer h4 { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.64em; font-weight:normal; line-height:1em; margin:0 0 .7em; padding:1.3em 0 0; text-transform:uppercase; } ul#fat-footer h4 a,a:hover { color:#484848; } div#page-footer { position:relative; background:transparent url(value-team.jpg) no-repeat -5px center; color:#6b6a6a; padding:25px 0 25px 195px; margin:0 auto; width:705px; } div#page-footer a.value-team { display:block; position:absolute; left:-5px; top:10px; height:40px; width:190px; } div#page-footer p { margin:0; letter-spacing:0; font-size:.867em; text-align:right; padding-right:2px; } div#page-footer a.value-team span { display:none; } h1.uutinen { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-style:italic; font-size:2.46em; font-weight:normal; margin-bottom:0; line-height:1.12em; } h2.uutinen { margin-bottom:.2em; } div#page-content.news { width:900px; } div#page-content div.pagination { clear:both; float:right; } div#page-content div.news { padding-top:.6em; padding-bottom:.8em; } div#page-content div.news div.content a { color:#484848; text-decoration:none; } div#page-content div.news div.content a:hover { text-decoration:underline; } div#page-content div.text img,div#page-content div.news img { margin:0 0 15px 15px; } div#post-browse { margin:10px 0; border-top:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; padding:10px 0; font-size:.9em; } div#post-browse a.prev-post { display:block; float:left; width:300px; padding:0 0 0 15px; position:relative; } div#post-browse a.next-post { display:block; float:right; width:300px; padding:0 15px 0 0; position:relative; text-align:right; } div#post-browse a.prev-post span { display:block; position:absolute; top:0; left:0; } div#post-browse a.next-post span { display:block; position:absolute; top:0; right:0; } div#post-social-media { margin:1.8em 0 2em; clear:both; } div#post-social-media .addthis_toolbox { margin:.7em 0; font-size:.85em; } div#post-social-media iframe { margin:.7em 0; } div#comment-form { width:440px; } div#comment-form label { clear:both; display:block; font-size:11px; color:#272727; margin:0; padding:0; float:left; } div#comment-form input,div#comment-form textarea { width:320px; border:1px solid #b9b9b9; padding:3px; margin-bottom:.7em; font-family:arial, helvetica, sans-serif; font-size:1em; float:right; } div#comment-form textarea { height:140px; } div#comment-form input.required,div#comment-form textarea.required { background:transparent url(form_field_required.gif) no-repeat right top; } div#comment-form button { background-color:#4C96AE; border:0 solid; color:#FFFFFF; font:1.1em Verdana; float:right; margin-top:.7em; } div#comment-form button span { cursor:default; display:block; padding:3px 10px; } div#comment-form div.message { margin:20px; border:solid 1px #b9b9b9; padding:.7em; text-align:center; color:#000000; } div#comment-list { width:440px; margin:50px 0 20px; } div#comment-list div.comment { border-top:solid 1px #b9b9b9; margin:10px 0; padding:5px; } div#comment-list div.comment span.author { display:block; float:left; font-weight:bold; } div#comment-list div.comment span.time { display:block; float:right; } div#comment-list div.comment span.url { display:block; clear:both; padding:.3em 0 0; } div#comment-list div.comment span.message { display:block; clear:both; padding:1.2em 0 .7em; } p.date { color:#808080; } div#content-left { float:left; width:229px; overflow:hidden; padding:8px 0 0; } div#content-left div.photos { float:left; width:191px; } div#content-left div.photos img { margin:.6em 0; } div#content-left div.keypoints { float:left; width:191px; } div#content-left div.keypoints div.highlight { margin-bottom:1em; padding:10px; background-color:#a4e7f7; color:#000000; } div#content-left div.quote { float:left; width:125px; height:230px; padding:76px 67px 60px 28px; background:transparent url(bg_quote.gif) no-repeat left top; color:#ffffff; } div#content-left div.quote p.cite { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.5em; font-style:italic; line-height:1.2em; } div#content-left div.quote p.customer { font-family:ff-scala-sans-web-1,ff-scala-sans-web-2,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:1.1em; line-height:1.38em; } div#content-left div.quote p.cite span,div#content-left div.quote p.customer span { display:none; } div#page-content.case h1 { float:left; width:515px; } div#page-content.case div.customer-logo { float:right; text-align:right; width:140px; padding:0 0 15px 15px; } div#cases { width:442px; float:left; } div#notes { float:left; padding:20px 0 0; width:216px; } div.note { margin:0 0 18px; } div#cases div.case { background:none no-repeat scroll left center transparent; overflow:hidden; padding:12px 0 15px; width:400px; } div#cases div.image { padding:0 0 12px; } div#contacts { width:360px; float:left; } div#contacts div.contact { width:510px; overflow:hidden; background:transparent none no-repeat left center; padding:20px 0 17px 160px; position:relative; } div#contacts div.contact { width:310px; } div#contacts div.contact div.image { position:absolute; left:0; top:50%; margin-top:-40px; } div#contacts div.contact div.image { margin-top:-70px; } div#cases div.case-edit { width:670px; overflow:hidden; min-height:100px; } div#cases div.case-edit div.image { float:left; width:150px; } div#cases div.case-edit div.content { float:right; width:510px; } div#customer-logos { padding:2.5em 0 1em; text-align:center; } div#customer-logos img { padding:15px; } div#page-content .text-company { float:left; padding:0 30px 0 0; width:412px; } div#personnel div.person { float:left; width:130px; padding:18px; text-align:center; } div#personnel div.person h3 { font-size:1.3em; font-weight:normal; margin-bottom:0; margin-top:1em; padding:0; } div#personnel div.row-4 { width:664px; margin:0 auto; overflow:hidden; } div#personnel div.row-3 { width:498px; margin:0 auto; overflow:hidden; } div.contact-info { float:right; width:171px; padding:19px 0; } div.contact-info p { color:#6b6a6a; } a.gmap { display:block; margin-top:1em; position:relative; } a.gmap img { display:block; } a.gmap { text-decoration:none; } a.gmap span { position:absolute; top:0; left:0; width:171px; height:171px; overflow:hidden; } div.error-msg { color:#DC0000; margin-bottom:10px; } div#page-content div.contact-form { width:460px; padding:25px 10px 15px; overflow:hidden; } div#page-content div.enroll-form { width:620px; padding:15px 10px 25px; overflow:hidden; } div#page-content div.contact-form label,div#page-content div.enroll-form label.main { float:left; width:120px; margin-top:.7em; text-align:right; } div#page-content div.enroll-form label.main { width:260px; } div#page-content div.contact-form input,div#page-content div.enroll-form input.field,div#page-content div.contact-form textarea,div#page-content div.enroll-form textarea,div#page-content div.enroll-form select { float:right; width:320px; border:1px solid #b9b9b9; padding:3px; margin-top:.7em; font-family:arial, helvetica, sans-serif; font-size:1em; } div#page-content div.enroll-form select { width:328px; } div#page-content div.contact-form textarea,div#page-content div.enroll-form textarea { height:140px; } div#page-content div.enroll-form div.selection-group { float:right; width:300px; padding:3px 20px 3px 0; margin-top:.7em; font-family:arial, helvetica, sans-serif; font-size:1em; } div#page-content div.contact-form input.required,div#page-content div.enroll-form input.required,div#page-content div.contact-form textarea.required { background:transparent url(form_field_required.gif) no-repeat right top; } div#page-content div.enroll-form h2,div#page-content div.enroll-form label.main { clear:both; } div#page-content div.enroll-form h2 { margin:1em 0; } div#page-content div.enroll-form label.checkboxLabel { padding-left:10px; } div#page-content div.enroll-form label.radioLabel { padding-left:5px; } button { color:#ffffff; font-family:Verdana, Geneva, sans-serif; background-color:#4c96ae; border:0 solid; line-height:normal; } button span { display:block; padding:3px 10px; cursor:default; } button:hover span { text-decoration:none; } button:hover { cursor:pointer; } div#page-content div.contact-form button { float:right; margin-top:.7em; } div#page-content.contact { padding-bottom:2em; } div#page-content .searchresults-list { padding:0px 0px 1em 0px; } div#page-content .searchresults-list .item { margin:1em 0px 1em 0px; } div#page-content .searchresults h4 span { font-weight:normal; } div#page-content .searchresults div.pagination { float:none; margin:1em 0px; } .search-notification { font-weight:bold; padding:0px 0px 2em 0px; } div#mask { position:absolute; z-index:9000; background-color:#000000; display:none; } div#boxes div#dialog { position:absolute; width:500px; min-height:200px; height:auto!important; height:200px; display:none; z-index:9999; padding:20px; background-color:#ffffff; } div#boxes div#dialog a.close { float:right; } .rightfloatbtn { float:right; margin-top:.7em; }