@charset "ISO-8859-1";
body, html {
   margin: 0;
   padding: 0;
   font-family: arial, times new roman;
}
body {
   font-size: 62.5%;
   color: #000000;
   background-color: #86d2fa;
}
img { border: none; }
/***********************************************
*** COMMON
***********************************************/

.clearfloat {
   clear: both;
   height:0px;
   font-size: 1px;
   line-height: 0px;
   margin: 0;
}
#pageTop { width: 100%; }
#pageTop .page { background: transparent url(../images/ar-content-bg.gif) repeat-y left top; }
#home #pageTop .page { padding-bottom: 292px; }
#pageTop .leftCol {
   position: relative;
   float: left;
   width: 310px;
}
#pageTop .leftCol .padding { padding: 30px 10px 20px 40px; }
#pageTop .leftCol ul, li {
   font-weight: normal;
   font-size: 1.05em;
   line-height: 1.5em;
}
#pageTop .leftCol p {
   font-weight: normal;
   font-size: 1.12em;
   line-height: 1.5em;
}
#pageTop .leftCol h1 {
   color: #006699;
   font-size: 2.4em;
   font-weight: normal;
   margin: 0 0 5px;
}
#pageTop .leftCol h2 {
   color: #006699;
   font-weight: normal;
   font-size: 1.8em;
   margin: 0;
   text-align: Left;
}
#pageTop .leftCol h3 {
   color: #006699;
   font-weight: normal;
   font-size: 1.4em;
   margin: 0;
   text-align: Left;
}
#pageTop .rightCol {
   position: relative;
   float: left;
   width: 550px;
   padding: 20px 0 9px;
}
#pageTop .rightCol h1 {
   color: #006699;
   font-size: 2.4em;
   font-weight: normal;
   margin: 0 0 5px;
}
#pageTop .rightCol h2 {
   color: #006699;
   font-size: 1.8em;
   font-weight: normal;
   margin: 20px 0 7px;
}
#pageTop .rightCol h3 {
   color: #006699;
   font-size: 1.4em;
   font-weight: normal;
   margin: 18px 0 5px;
}
#pageTop .rightCol p {
   color: #000000;
   font-size: 1.2em;
   font-weight: normal;
   margin: 0 0 19px;
   line-height: 1.4em;
}
#pageTop .rightCol ul, li {
   font-weight: normal;
   font-size: 1.1em;
   line-height: 1.4em;
}
#pageTop .rightCol a {
   font-weight: bold;
   color: #FF9900;
}
#pageTop .rightCol img.rightImage {
   float: right;
   padding: 0 0 15px 15px;
}
#pageTop .infoCol {
   position: relative;
   float: left;
   width: 290px;
}
#pageTop .infoCol .padding { padding: 20px 0 0 0px; }
#pageTop .infoCol h1 {
   color: #006699;
   font-size: 2.4em;
   font-weight: normal;
   margin: 0 0 5px;
}
#pageTop .infoCol h2 {
   color: #006699;
   font-size: 1.8em;
   font-weight: normal;
   margin: 0 0 4px;
}
#pageTop .infoCol p {
   color: #000000;
   font-size: 1.2em;
   font-weight: normal;
   line-height: 1.4em;
}
#pageTop .infoCol table { margin-top: 30px; }
#pageTop .infoCol table img { padding-bottom: 11px; }
#pageTop .contactCol {
   position: relative;
   float: left;
   width: 300px;
}
#pageTop .contactCol .padding { padding: 28px 0 0 0; }
#pageTop .contactCol h2 {
   color: #006699;
   font-size: 1, 8em;
   font-weight: normal;
   margin: 0 0 5px;
}
#pageTop .contactCol form {
   margin: 0;
   padding: 0;
}
#pageTop .contactCol .row { padding: 0 0 1px 0; }
#pageTop .contactCol .lastRow { padding: 24px 0 1px 0; }
#pageTop .contactCol .red {
   color: #990000;
   font-size: 1.4em;
}
#pageTop .contactCol .row .left {
   float: left;
   width: 49px;
}
#pageTop .contactCol .row .right {
   float: left;
   width: 300px;
   padding-top: 2px;
}
#pageTop .contactCol .row label {
   color: #000000;
   font-size: 1.1m;
}
#pageTop .contactCol .row p {
   color: #000000;
   font-size: 1.1em;
}
#pageTop .contactCol .row label.error { color: #ff0000; }
#pageTop .contactCol .row input {
   border: 1px solid #FF9900;
   width: 298px;
}
#pageTop .contactCol .row textarea {
   border: 1px solid #FF9900;
   width: 298px;
   font-family: arial;
   font-size: 1.3em;
}
#pageTop .contactCol .buttonRow {
   text-align: right;
   padding: 6px 0 10px 0;
}
#header {
   position: relative;
   background: transparent url(../images/ar-header-bg.gif) no-repeat top left;
   height: 110px;
}
#header .contact {
   float: right;
   height: 0px;
}
#header .contact .padding {
   padding-top: 3px;
   padding-right: 40px;
}

#header .navi {
   float:left;
   position: relative;
   left: 310px;
}
#header .navi a {
   height: 48px;
   display: inline-block;
   text-decoration: none;
   float: left;
   background: transparent none no-repeat left top;
   margin:0;
   padding: 0;
   border:none;
}
#header .navi a span { visibility: hidden; }
#header .navi a#page1 {
   background-image: url(../images/navi-etusivu.gif);
   width: 58px;
   padding-right:27px;
}
#header .navi a#page2 {
   background-image: url(../images/navi-yritys.gif);
   width: 45px;
   padding-right:27px;
}
#header .navi a#page3 {
   background-image: url(../images/navi-palvelut.gif);
   width: 60px;
   padding-right:27px;
}
#header .navi a#page4 {
   background-image: url(../images/navi-yhteystiedot.gif);
   width: 96px;
}
#header .navi a:hover, #header .navi a.menu-current, #header .navi a.menu-parent { background-position: left bottom; }
#pageBottom {
   width: 100%;
   background: transparent url(../images/ar-content-bg.gif) repeat-y center top;
}
#pageBottom .page { padding: 0; }
#pageBottom .column1 {
   float: left;
   position: relative;
   width: 325px;
}
#pageBottom .column1 .padding { padding: 0 40px 0 65px; }
#pageBottom .column2 {
   float: left;
   position: relative;
   width: 300px;
}
#pageBottom .column2 .padding { padding: 0 40px 0 39px; }
#pageBottom .column3 {
   float: left;
   position: relative;
   width: 247px;
}
#pageBottom .column3 .padding { padding: 0 0 0 40px; }
#pageBottom .col h1 {
   font-family: Helvetica, Arial, sans-serif;
   margin: 0;
   padding-bottom: 5px;
   font-size: 1.8em;
   color: #006699;
   font-weight: normal;
}
#pageBottom .col h2 {
   font-family: Helvetica, Arial, sans-serif;
   margin: 0;
   padding-bottom: 5px;
   font-size: 1.8em;
   color: #006699;
   font-weight: normal;
}
#pageBottom .col p {
   margin: 0;
   font-size: 1.1em;
   line-height: 1.4em;
}
#pageBottom .col a {
   color: #FF9900;
   font-weight: bold;
}
.page {
   position: relative;
   width: 960px;
   margin: 0 auto;
}
#common { margin: 0px auto 0; }
#pageBottom #common { padding: 0; }
#footer {
   background: transparent url(../images/ar-footer-bg.gif) no-repeat left top;
   height: 70px;
}
#footer span {
   text-align: center;
   color: #000000;
   font-size: 1.0em;
   display: block;
   padding: 30px 0 0 0;
}
#footer span a {
   color: #666666;
   text-decoration: none;
}
#slide1, #slide2, #slide3, #slide4, #slide5 {
   position: absolute;
   top: 0;
   width: 950px;
   display: none;
}
#slide1 { display: block; }
#slideshow {
   position: absolute;
   top: -340px;
   left: 0;
   width: 960px;
   height: 320px;
   background: transparent url(../images/ar-slideshow-bg.gif) no-repeat left bottom;
}
#slideshow .bigImage {
   position: absolute;
   right: 0;
}
#slideshow .content {
   padding: 105px 0 0 80px;
   position: absolute;
   left: 0;
}
#slideshow .content h1 {
   font-size: 3.2em;
   color: #006699;
   font-weight: normal;
   margin: 0 0 8px;
}
#slideshow .content p {
   font-size: 1.2em;
   color: #010101;
   font-weight: normal;
   margin: 0;
}
#slideshow .content a { color: #ff9900; }
#slideshow .numbers {
   position: absolute;
   top: 250px;
   left: 80px;
   height: 20px;
   display: none;
}
#slideshow .numbers a {
   font-size: 1.2em;
   color: #006699;
   font-weight: bold;
   text-decoration: none;
   padding: 2px 4px 0 4px;
   display: block;
   float: left;
}
#slideshow .numbers a.active {
   font-size: 1.2em;
   color: #ff9900;
   text-decoration: underline;
}
#slideshow .numbers img { float: left; }