/*
 * © 2005-2009 Codento Oy, Helsinki.
 */

#intro {
  width: 462px;
  font-size: 22px;
  line-height: 29px;
  font-family: Georgia, serif;
  color: #f39911; /* pantone 151 */
  margin: 0;
  padding: 0 0 30px 0;
}

#intro:empty {
  display: none;
}

#intro a, #intro a:visited {
  color: #f39911; /* pantone 151 */
}

#content, #header, #footer {
  margin: 0 auto;
  width: 850px;
  clear: both;
}

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  background-image: url('../images/bg_dots.png?ff9a68d514e3ca44');
  background-repeat: repeat;
}

.front #heading {
  border: 0;
}

#heading h1 {
  clear: both;
  width: 850px;
  padding: 9px 0 18px 0;
  margin: 0 0 19px 0;
  border-bottom: 1px dashed #e1e0e1;
}

#heading h1 {
  font-size: 28px;
  line-height: 35px;
  font-weight: lighter;
  font-family: "Neo Sans Std", "Neo Sans", Arial, sans-serif;
  color: #757477; /* pantone cool gray 11 100% */
}

#heading em {
  font-style: normal;
  color: #f39911; /* pantone 151 */
}

#main1 {
  padding-right: 10px;
  border-right: 1px dashed #e1e0e1;
}

#main2 {
  padding-left: 10px;
}

#main0 {
  float: left;
  width: 479px;
  min-height: 350px;
  padding-top: 30px;
}

#main1, #main2 {
  float: left;
  width: 229px;
  min-height: 350px;
}

#main12 {
  float: left;
  width: 469px;
  min-height: 350px;
  padding-right: 10px;
}

a:visited {
  color: #757477; /* pantone cool gray 11 100% */
}

a {
  color: #f39911; /* pantone 151 */
}

.text ul, .text ol {
  margin-left: 0;
  padding-left: 24px;
}

.text li {
  margin: 0;
  padding: 0;
}

.body, .text {
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 19px;
  color: #848386; /* pantone cool gray 11 90% */
}

.body {
//  margin-top: 30px;
}

h1, h2, h3 {
  clear: both;
}

.body h2 {
  font-family: Georgia, serif;
  font-size: 17px;
  line-height: 21px;
  font-weight: bold;
  color: #848386; /* pantone cool gray 11 90% */
  margin: 15px 0 7px 0;
}

.body h2:first-child {
  margin-top: 0px;
}

.body p, .text p {
  margin: 0 0 15px 0;
  padding: 0;
}

.body ul {
}

.body .blockquote.quote {
  font-family: Georgia, serif;
  font-style: italic;
}

#sidebar {
  float: right;
  width: 203px;
  margin-left: 10px;
  border-left: 1px dashed #e1e0e1;
  padding: 6px;
  overflow: hidden;
}

#sidebar {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #848386; /* pantone cool gray 11 90% */
}

#sidebar img {
  margin: 0;
  padding: 0;
}

#sidebar .info {
  margin: 0 0 12px 0;
}

#sidebar .info .text {
  padding: 14px 14px 14px 14px;
}

#sidebar .info-light {
  background-color: #f9f9f9;
  background-image: url('../images/sidebar/bg-light.png?2fb9b1e386fd80b8');
  background-repeat: repeat;
}

#sidebar .info-dark {
  background-color: #f5f5f5;
  background-image: url('../images/sidebar/bg-dark.png?ecbdf5f509dc82ef');
  background-repeat: repeat;
}

#sidebar .info .corner {
  display: block;
  float: right;
  z-index: 1;
  width: 26px;
  height: 26px;
  padding: 0;
  margin: 5px 5px 0 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top right;
}

#sidebar .info .text img, #sidebar .info .text form {
  margin-bottom: 15px; /* same margin as with paragraphs */
}

form.mailform select {
  border: 1px solid #afb0b2; /* pantone cool gray 11 60% */
  color: #585858;
  background: #ffffff;
  padding: 2px;
  margin: 0;
  margin: 3px 0 3px -3px;
  width: 181px;
}

form.mailform input[type="text"] {
  border: 1px solid #afb0b2; /* pantone cool gray 11 60% */
  color: #585858;
  background: #ffffff;
  padding: 2px;
  margin: 3px 0 3px -3px;
  width: 175px;
}

form.mailform input[type="text"]:hover {
}

form.mailform input[type="text"].empty {
  color: #c8c8ca; /* pantone cool gray 11 42% */
}


#sidebar .info-light .corner {
  background-image: url('../images/sidebar/corner-dark.png?591b4f9c870a5f15');
}

#sidebar .info-dark .corner {
  background-image: url('../images/sidebar/corner-light.png?db0272d27956dba5');
}

#sidebar .quote img.logo {
  margin: 32px 16px 32px 16px;
}


#sidebar .quote {
  background: #f8f8f9; /* pantone cool gray 11 5% */
  padding-bottom: 19px;
  margin-bottom: 9px;
}

#sidebar .quote .text {
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 19px;
  font-style: italic;
  margin: 0px 9px 0 19px;
}


#sidebar .reference {
  font-family: Arial, sans-serif;
  font-size: 9px;
  line-height: 11px;
  color: #757477; /* pantone cool gray 11 100% */
  margin: 0 9px 0 19px;
}

img {
  border: 0;
}

#upper, #content, #lower {
  clear: both;
}

#upper, #lower {
  height: 100px;
  width: 100%;
  background-color: #f2f2f2;
  background-repeat: repeat-x;
  background-image: url('../images/header-bg.jpg?79ca369b9de17c64');
}

#logo {
  display: block;
  float: left;
  margin: 35px 0 0 0;
  border: 0;
}

#lang, #zone {
  //clear: both;
  float: right;
  background: #f2f2f2; /* pantone cool gray 11 10% */
  font-family: "Neo Sans Std", "Neo Sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: #aeaeaf; /* cool gray 11 58% */
  padding: 4px 0 4px 0;
  margin-top: 15px;
}

#lang a, #zone a {
  padding: 0 10px 0 10px;
  text-decoration: none;
  color: #afb0b2; /* pantone cool gray 11 60% */
}

#lang a.current, #zone a.current {
  color: #f39911; /* pantone 151 */
}

#lang a:hover, #zone a:hover {
  color: #f39911; /* pantone 151 */
}

#blurb {
  float: left;
  color: #a0a0a2;
  font-family: Arial, sans-serif;
  font-size: 9px;
  line-height: 11px;
  margin: 17px 0 0 0;
}

#blurb a {
  color: #a0a0a2;
  text-decoration: none;
}

#naviheader, #navifooter {
  float: right;
  font-size: 8px;
  line-height: 11px;
}

#naviheader ul, #navifooter ul {
  padding: 0;
  margin: 0;
}

#naviheader {
  margin: 43px 0 0 0;
}

#navifooter {
  margin: 17px 0 0 0;
}

#naviheader li, #navifooter li {
  display: inline;
  margin: 0;
  padding: 0;
}

#naviheader a, #navifooter a {
  /* TODO: Change the navione layer to images with Neo Sans medium */
  font-family: "Neo Sans Std", "Neo Sans", Arial, sans-serif;
  font-weight: medium;
  font-size: 12px;
  line-height: 11px;
  color: #757477; /* pantone cool gray 11 100% */
}

#naviheader a span, #navifooter a span {
  padding: 4px 8px 4px 8px;
}

#naviheader li a, #navifooter li a {
  text-decoration: none;
}

#naviheader a:hover, #navifooter a:hover {
  background: #afb0b2; /* pantone cool gray 11 60% */
  color: #ffffff;
}

#naviheader .upsame a, #naviheader .same a, #navifooter .upsame a, #navifooter .same a {
  background: #f39911; /* pantone 151 */
  color: #ffffff;
}

#navitwo {
  float: right;
  width: 135px;
  border-left: 1px dashed #e1e0e1;
}

#navitwo li {
  padding-left: 5px;
}

#navitwo ul li:first-child {
  padding-top: 0;
}

#navitwo ul li:last-child {
  padding-bottom: 5px;
}

#navitwo a:hover, #navitwo .group a:hover {
  background: #afb0b2; /* pantone cool gray 11 60% */
  color: #ffffff;
}

#navitwo ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navitwo li span, #navitwo li a {
  display: block;
  text-decoration: none;
  padding: 7px 7px 7px 10px;
  margin: 0;
  width: 116px;
}

#navitwo .same a, #navitwo .same.group a {
  background: #f39911; /* pantone 151 */
  color: #ffffff;
}

#navitwo li.group {
  //border-top: 1px dashed #e1e0e1;
}

#navitwo .group, #navitwo .group a {
  font-variant: small-caps;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  font-family: Georgia, serif;
  color: #f39911; /* pantone 151 */
}

#navitwo, #navitwo a {
  font-size: 12px;
  line-height: 18px;
  font-family: Arial, sans-serif;
  color: #ababad; /* pantone cool gray 11 60% */
}

td {
  text-align: left;
  vertical-align: top;
}

#content .last {
  margin: 0;
}

.front .single {
  float: left;
  width: 203px;
  margin: 0 12px 0 0;
  min-height: 350px;
}

.person {
  float: left;
  display: block;
  margin: 0 0 30px 0;
}

.presenter {
  margin-bottom: 15px;
}

.person img.pimage {
  clear: left;
  float: left;
  padding: 4px;
  margin: 0 7px 2px 0;
  display: block;
  width: 120px;
}

.person .pinfo {
  float: left;
  width: 305px;
}

.person .pcontact {
  margin-top: 15px;
  font-size: 9px;
  line-height: 11px;
}

.person .pnametitle {
  padding: 0;
  margin: 0;
  color: #f39911; /* pantone 151 */
}

.person .name {
  font-weight: bold;
}

table, table tr, table td {
  border: 0;
}

.quotes .quote img {
  display: none;
}

.quotes {
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 19px;
}

.quotes .text {
  font-style: italic;
  margin: 15px 9px 0 17px;
  padding-bottom: 0;
}

.quotes .reference {
  font-size: 12px;
  line-height: 18px;
  color: #757477; /* pantone cool gray 11 100% */
  text-align: right;
  margin: 0 9px 0 17px;
  padding-bottom: 36px;
}

.opera img.replaced, .opera img.hidden, .opera img.texthidden {
  vertical-align: middle;
}

img.replaced, img.hidden, img.texthidden {
  vertical-align: text-bottom;
}

.replaced {
  overflow: hidden !important;
  margin: 0;
  padding: 0;
  position: relative;
}

.replacee {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-position: top left;
}

img.cc {
  float: left;
  padding: 5px;
}

p.video {
  clear: both;
  border: 1px dashed #e1e0e1;
  padding: 4px;
}

ul.levelone li span {
  display: none;
}

ul.levelone li a {
  display: block;
  float: left;
}

#lang a span, #zone a span {
  display: none;
}

#lang a, #zone a {
  display: inline-block;
  vertical-align: middle;
}

#lang-fi a {
  background-image: url('../images/fi-normal.png?06e0817f180fe379');
  background-repeat: no-repeat;
  background-position: center center;
  width: 33px;
  height: 16px;
}

#lang-fi a:hover {
  background-image: url('../images/fi-current.png?822274206c7391c9');
  background-repeat: no-repeat;
  background-position: center center;
  width: 33px;
  height: 16px;
}

.lang-fi #lang-fi a {
  background-image: url('../images/fi-current.png?822274206c7391c9');
  background-repeat: no-repeat;
  background-position: center center;
  width: 33px;
  height: 16px;
}

#lang-en a {
  background-image: url('../images/en-normal.png?100e0b7ecc2fcfb6');
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  height: 16px;
}

#lang-en a:hover {
  background-image: url('../images/en-current.png?e89d3404d8c66cf6');
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  height: 16px;
}

.lang-en #lang-en a {
  background-image: url('../images/en-current.png?e89d3404d8c66cf6');
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  height: 16px;
}

.attendee {
  clear: both;
}

.attendee .image {
  clear: left;
  float: left;
  margin-right: 4px;
}

.attendee .image img {
  width: 50px;
}

.attendee .info {
  width: 175px;
  float: left;
  overflow: visible;
  clear: right;
}

.attendee .name a, .attendee .name a:visited {
  padding: 0;
  margin: 0;
  color: #f39911; /* pantone 151 */
}

div.attendee + p {
  clear: both;
}

.clear {
  clear: both;
  margin: 0;
  padding: 0;
}

table.thin {
  border: 1px solid #f2f2f2;
  border-collapse: collapse;
  margin-bottom: 15px;
}

table.thin th, table.thin td {
  padding: 2px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #f2f2f2;
}

#clients {
  clear: both;
}

#clients li img {
  vertical-align: middle;
}

#clients ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#clients ul li {
  float: left;
  width: 140px;
  margin: 5px 0 5px 16px;
}

#clients a {
  text-decoration: none;
  color: inherit;
}

#clients table {
  padding: 0;
  margin: 0;
  border: 0;
}

#clients td {
  width: 132px;
  padding: 16px 8px 16px 8px;
  border: 0;
  font-size: 9px;
  line-height: 11px;
  text-align: center;
  vertical-align: middle;
}

.nosto {
  width: 203px;
  //border: 1px dashed #e1e0e1;
}

div#zone {
  margin-right: 40px;
}

.zone-blog #zone {
  background: #f39911; /* pantone 151 */
}

#zone-blog a {
  background-image: url('../images/blog-normal.png?8b009571a096f1fe');
  background-repeat: no-repeat;
  background-position: center center;
  width: 25px;
  height: 16px;
}

#zone-blog a:hover {
  background-image: url('../images/blog-hover.png?21533425cb57ca05');
  background-repeat: no-repeat;
  background-position: center center;
  width: 25px;
  height: 16px;
}

.zone-blog #zone-blog a {
  background-image: url('../images/blog-current.png?791f10f4d3fa64ab');
  background-repeat: no-repeat;
  background-position: center center;
  width: 25px;
  height: 16px;
}

.homebox {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 203px;;
  height: 463px;
}

.homebox .text {
  padding: 4px;
}