* { margin: 0; padding: 0; } html, body { height: 100%; width: 100%; } body { background-color: #ffffff; font-family: Verdana, Geneva, sans-serif; font-size: 0.8375em; color: #484848; line-height: 1.3em; } h1 { font-size: 1.48em; font-weight: normal; margin-bottom: 1.4em; font-family: Georgia, serif; } h2 { font-size: 1.04em; font-weight: bold; margin-bottom: 1.2em; font-family: Georgia, serif; padding-bottom: 0.3em; padding-top: 0.3em; } h3 { font-size: .867em; font-weight: bold; margin-bottom: .6em; } 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: 0px; } ul { list-style: none; } p { margin-bottom: .5em; } div.clear, br.clear { float: none; clear: both; } 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 { font-family: Helvetica, Arial, sans-serif; } div#middle-area { margin: 0 auto; width: 900px; padding: 0 15px; } div#page-header { min-height: 30px; height: auto !important; height: 30px; padding: 2px 3px 10px 15px; font-size: .934em; margin: 10px auto 0; width: 915px; } div#page-header ul#main-navi { padding-top: 13px; float: left; } div#page-header ul#lang-navi { padding-top: 13px; float: right; margin-right: 35px; } 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 a#company-logo { display: block; width: 200px; height: 50px; float: right; background: transparent url(etnoteam-finland.gif) no-repeat 0 2px; } div#page-header a#company-logo span { display: none; } div#page-header ul li { display: inline; border-left: 2px solid #e6e6e6; padding: 0px 16px 0px 19px; } div#page-header ul li.first { padding-left: 0px; border: none; } ul#sub-navi { float: left; width: 170px; padding: 5px 20px; min-height: 367px; height: auto !important; height: 367px; line-height: 1.4em; font-size: 0.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: 670px; overflow:hidden; padding-top: 10px; } div#page-content div.text { clear: left; margin-bottom: 1em; } div#page-content div.text h2 { margin: 1.5em 0 0; } div#page-content div.text h3 { margin: 1.0em 0 0; } 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#page-content.services h2 { font-size: 1.2em; } div#page-content.services div.research, div#page-content.services div.design, div#page-content.services div.evaluation { margin-bottom: 1em; } div#page-content.services div.research h2 a { color: #faaf40; } div#page-content.services div.design h2 a { color: #8356ac; } div#page-content.services em, div#page-content.services i { color: #6b6a6a; font-style: normal; } 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: 0px 15px 26px; background: transparent url(../image-frontpage.jpg) no-repeat 40px 7px; margin: 17px auto; width: 900px; } div#home-visualization div#slogan { width: 440px; text-align: right; padding-top: 10px; font-style: italic; font-family: Tahoma, Helvetica, Arial, sans-serif; } div#home-visualization div#slogan h1 { font-weight: normal; font-size: 3.3em; letter-spacing: -0.01em; margin-bottom: 0; line-height: 1.2em; text-align: right; } h1.slogan { } div#home-visualization div#slogan h3 { font-weight: normal; font-size: 1.0em; margin-bottom: 0; text-align: right; } h3.sub-slogan { } div#presentations { overflow: hidden; margin: 0 auto; width: 916px; padding: 0 0 0 14px; } div#presentations h2 { font-weight: normal; font-size: 1.2em; margin: .5em 0 1em; } h2.presentation { } div#presentations div.column { width: 184px; padding: 0 18px 0 27px; float: left; background: transparent url(bar-divide.gif) no-repeat 0 0; min-height: 362px; height: auto !important; height: 362px; line-height: 1.34em; } div#presentations div#news.column { width: 204px; padding: 0 8px 0 17px; } div#presentations div#news.column h2 { padding-left: 10px; margin-bottom: .75em; } div#presentations div#news.column div.content { padding: 0 10px; } div#presentations div.column ul.news li { margin-bottom: .5em; padding: .25em 10px; } 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: 900px; overflow: hidden; padding: 30px 15px 32px; margin: 0 auto; } div#banner-area div.banner { float: left; width: 380px; margin-left: 70px; display: inline; overflow: hidden; } div#banner-area.view div.banner { width: 260px; background: transparent none no-repeat left center; padding: 25px 0 25px 120px; } div#banner-area div.banner div.image { float: left; width: 120px; } div#banner-area div.banner div.content { float: right; width: 250px; } ul#fat-footer { background-color: #eef7fc; padding: 10px 0px 30px 45px; width: 855px; overflow: hidden; font-size: .9em; margin: 0 auto; line-height: 1.4em; } ul#fat-footer li.column, ul#fat-footer li.column-wide, ul#fat-footer li.column-home { float: left; padding: 0px 15px 0px 15px; width: 120px; } ul#fat-footer li.column-wide { width: 180px; padding-right: 20px; } ul#fat-footer li.column-home { width: 110px; } ul#fat-footer ul li { margin-bottom: .5em; } ul#fat-footer ul li ul { margin: .5em 0; } ul#fat-footer ul ul li { padding-left: 10px; } ul#fat-footer h4 { font-size: 1.2em; font-weight: normal; margin: .5em 0 .75em; } 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; } div#page-content.news { width: 900px; } div#page-content div.pagination { clear: both; float: right; } div#page-content div.news { padding-bottom: 1.5em; } div#page-content div.text img, div#page-content div.news img { margin: 0 0 15px 15px; } div#content-left { float: left; width: 230px; overflow: hidden; background: transparent url(bar-divide.gif) no-repeat 0 5px; } 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: 68px 67px 60px 38px; background: transparent url(bg_quote.gif) no-repeat left top; color: #ffffff; } div#content-left div.quote p.cite { font-size: 1.2em; line-height: 1.5em; font-style: italic; } div#content-left div.quote p.customer { font-size: .8em; } 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 { } div#contacts { width: 360px; float: left; } div#cases div.case, 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#cases div.case div.image, 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#personnel div.person { float: left; width: 130px; padding: 18px; text-align: center; } div#personnel div.person h3 { margin-top: 1em; font-size: 1.07em; font-weight: normal; } 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 0px; } 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; } 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 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 0px; 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: normal 1.1em Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; background-color: #4c96ae; border: 0px solid; line-height: normal; } button span { display: block; padding: 3px 10px; cursor: default; } button:hover span { text-decoration: underline; } div#page-content div.contact-form button { float: right; margin-top: .7em; } div#page-content.contact { padding-bottom: 2em; } 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; }