html {width: 100%; height: 100%; font: normal 10pt/12pt 'Trebuchet Ms', Verdana, Geneva, Arial, Helvetica, sans-serif; overflow-x: hidden; overflow-y: auto;
scrollbar-base-color: #000; scrollbar-face-color: #b8ab9b;
scrollbar-track-color: #dddbd5; scrollbar-arrow-color: #757f78;
scrollbar-3dlight-color: #757f78; scrollbar-darkshadow-color: #353535;
scrollbar-highlight-color: #c3cecf; scrollbar-shadow-color: #685242;}
body {height: 100%; background: #c3cecf; overflow-x: hidden;}
body, div, p, h1, h2, h3 {margin: 0; padding: 0;}
img {border: none; vertical-align: bottom;}

h3, strong {font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;}
.fl {float: left; margin: 0 15px 5px 0;}
.fr {float: right; margin: 0 10px 5px 15px;}
.nw {white-space: nowrap;}
.wrap {white-space: normal !important;}
.italic {font-style: italic !important;}
.small {font: normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;}

#placement {position: absolute; z-index: 3; top: 5%; width: 100%; background: url(img/bg.jpg) top left repeat-x #b8ab9b;}
#container {width: 1100px; height: 675px; margin: 0 auto;}
#left {float: left; width: 175px; height: 675px; text-align: center;}
#header {height: 140px; margin: 0 0 0 40px; background: url(img/logo.jpg) top left no-repeat;}
#open_en {margin-top: 8px; font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif/*Arial, Helvetica, sans-serif*/; color: #353535;}
#open_fi {margin-top: 11px; font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif/*Arial, Helvetica, sans-serif*/; color: #353535;}
.open_sml {margin-top: 5px; font: normal 7pt Arial, Helvetica, sans-serif; color: #353535;}
#lang {width: 175px; margin-top: 15px; padding: 5px 0 5px 0; background: #353535;}
#nav {width: 173px; padding: 20px 0 23px 0; border-left: 2px solid #353535; border-bottom: 1px solid #353535; background: url(img/navbg.jpg) repeat-x;}
#news {margin: 10px 5px 0 5px; padding: 8px; text-align: left; font: bold 8pt "Arial Black", Verdana, Geneva, sans-serif; color: #C22/*#292929*/; background: #C44/*#494949*/; border: 4px double #FFF;}
#news h3 {margin-bottom: 4px; padding-bottom: 3px; font: bold 7pt "Arial Black", Gadget, Arial, Helvetica, sans-serif; text-align: center; color: #FFF; letter-spacing: 1px; border-bottom: 1px dashed #FFF;}
#news p {padding: 8px 4px; background: #eeeae0/*#bbb*/; border: 1px solid #7a7a7a; letter-spacing: 0px;}
.decor {width: 147px; height: 157px; margin: 10px auto; border: 4px double #FFF;}

#content {float: left; width: 466px; height: 616px; margin-top: 59px;}
#title_en {width: 100%; height: 71px; background: url(img/title_en.jpg) top left no-repeat;}
#title_fi {width: 100%; height: 71px; background: url(img/title_fi.jpg) top left no-repeat;}
#page {width: 450px; height: 505px; padding-left: 16px; color: #4C3F28; background: url(img/border-left.gif) top left repeat-y #dddbd5; overflow: auto;}
#content_base {width: 100%; height: 40px; background: url(img/content_base.jpg) top left no-repeat;}

#tower {float: left; width: 446px; height: 675px; background: url(img/tower.jpg) top left no-repeat;}
#spacer {position: absolute; z-index: 2; top: 5%; width: 100%; height: 690px;}
#bottom {position: fixed; z-index: 1; bottom: 0; left: 0; width: 100%; height: 50%; background: #b8ab9b;}
#footer {position: fixed; bottom: 5px; left: 0; width: 100%; text-align: center; font: normal 6pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #4C3F28;}

#prices1 {width: 245px; float: left;}
#prices2 {width: 175px; float: left; padding-left: 15px;}
.category {margin: 12px 0 2px 0; font: bold 7pt Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: underline; text-align: center;}
.priceline, .subpriceline {border-bottom: 1px dotted #A58764; text-align: right;}
.subpriceline {padding-left: 8px;}
.pricegap {height: 13px;}
.item {float: left; text-align: left;}
.l, .g, .s, .m, .e {font-weight: bold;}
.l {color: #46C;}
.g {color: #960;}
.s {color: #472;}
.m, .e {color: #B22;}

#p1 {margin: 3px 0 0 10px;}
#p1 h3 {margin: 0 0 15px 5px;}
#p1 p, #p3 p {margin: 0 0 15px 5px;}
#p2 p {margin: 20px 0 0 13px;}
#p4 p {margin: 30px 65px 0 55px;}
#p5 {padding-left: 5px;}
#p6 {text-align: center; padding-top: 0px;}
#p6 h3 {margin-top: 30px;}
#p6 p {margin: 2px;}
#p7, #p75 {padding: 35px 70px 0 65px;}
#p7 p {margin-bottom: 20px;}
#p75 p {margin: 14px 0 20px 0;}
#p75 img {margin: 40px 0 0 -25px; border: 2px solid #000;}
#email, #msg {width: 300px; margin-bottom: 8px; font: normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;}
#msg {height: 150px;}
#submit {margin: 6px 0 0 120px;}
#p8 {padding: 5px 50px 0 55px;}
#p8 h3 {margin: 30px 0 8px 0;}
#p8 p {margin-bottom: 8px;}

a:link, a:visited {color: #C55F04; font-style: italic; text-decoration: none;}
a:hover {color: #FFF;}
#lang a:link, #lang a:visited {color: #e4b9ea;}
#lang a:hover {color: #FFF;}
#nav a {white-space: nowrap;}
#nav a:hover, #nav a:active {outline: none;}

.vidscript {width: 160px; height: 140px; margin: 5px auto 0 auto; border: solid 4px #353535;}
.vidlink {width: 160px; margin: 0 auto; background: #353535; border: 4px solid #353535; border-top: none;}
.vidlink a:link, .vidlink a:visited {color: #e4b9ea;}
.vidlink a:hover {color: #FFF;}
.fade1 {filter: alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1;}
.fade2 {filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2;}
.fade3 {filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
.fade4 {filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
.fade5 {filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.fade6 {filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.fade7 {filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.fade8 {filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
#vidlayer {position: fixed; z-index: 10; width: 100%; height: 100%; background: #EEE;}
#vid {position: absolute; z-index: 11; top: 50%; left: 0; width: 100%; height: 1px; overflow: visible;}
#obj {position: absolute; z-index: 12; margin: -136px 0 0 -215px; left: 50%;}