body {margin: 0px; padding: 0px; background: url(images/body_bg.gif) repeat-x #152e55; color: #ffffff; font-family: "trebuchet ms", verdana, arial, sans-serif; font-size: 80%;}
.hide {display: none;}
div.clear {clear: both; height: 1px; overflow: hidden;}
div#wrapper {width: 100%; text-align: center;}
div#main {width: 760px; text-align: left; color: #424242; margin: 0px auto;}

div#header {width: 760px; height: 98px; position: relative; margin: 0px;}
div#header h1 {margin: 0px; width: 238px; height: 146px; position: absolute; left: 48px; top: 0px; z-index: 20;}
div#header h1#logo_fi {background: url(images/logo.gif) no-repeat transparent; }

p#language {margin: 0px; position: absolute; right: 18px; top: 26px;}
p#language span.spacer {color: #aaaaaa; margin: 0px 6px;}
p#language a {text-decoration: none; color: #888888;}
p#language a:hover {color: #000000; text-decoration: underline;}

p#mainMenu {margin: 0px; width: 760px; height: 43px; border-bottom: 3px solid #ffffff; background: url(images/menu_bg.gif) repeat-x transparent; position: absolute; left: 0px; top: 52px; z-index: 10;}
p#mainMenu span.left {display: block; width: 5px; height: 43px; position: absolute; left: 0px; top: 0px; background: url(images/menu_left.gif) no-repeat transparent;}
p#mainMenu span.right {display: block; width: 5px; height: 43px; position: absolute; right: 0px; top: 0px; background: url(images/menu_right.gif) no-repeat transparent;}

p#mainMenu a, p#mainMenu span.active {display: block; position: absolute; top: 10px; height: 33px;}
p#mainMenu a {border-right: 1px solid #a0a0a0;}

a#b_fi_index, span#b_fi_index {left: 301px; width: 71px;}
a#b_fi_palvelut, span#b_fi_palvelut {left: 375px; width: 76px;}
a#b_fi_hinnasto, span#b_fi_hinnasto {left: 454px; width: 81px;}
a#b_fi_yhteystiedot, span#b_fi_yhteystiedot {left: 538px; width: 104px;}
a#b_fi_kuvapankki, span#b_fi_kuvapankki {left: 644px; width: 99px;}

a#b_fi_index {background: url(images/bn_etusivu.gif) no-repeat transparent;}
a#b_fi_palvelut {background: url(images/bn_palvelut.gif) no-repeat transparent;}
a#b_fi_hinnasto {background: url(images/bn_hinnasto.gif) no-repeat transparent;}
a#b_fi_yhteystiedot {background: url(images/bn_yhteystiedot.gif) no-repeat transparent;}
a#b_fi_kuvapankki {background: url(images/bn_kuvapankki.gif) no-repeat transparent;}
p#mainMenu a#b_fi_kuvapankki {border: none;}

span#b_fi_index {background: url(images/ba_etusivu.gif) no-repeat transparent;}
span#b_fi_palvelut {background: url(images/ba_palvelut.gif) no-repeat transparent;}
span#b_fi_hinnasto {background: url(images/ba_hinnasto.gif) no-repeat transparent;}
span#b_fi_yhteystiedot {background: url(images/ba_yhteystiedot.gif) no-repeat transparent;}
span#b_fi_kuvapankki {background: url(images/ba_kuvapankki.gif) no-repeat transparent;}

div#body {background: url(photos/tausta.jpg) no-repeat #ffffff; padding-top: 127px;}
div#text {padding: 20px 40px 38px 40px; position: relative;}

div#bodycap {width: 760px; height: 5px; background: url(images/footer_left.gif) no-repeat #ffffff; overflow: hidden; position: relative;}
div#bodycap div {width: 5px; height: 5px; background: url(images/footer_right.gif) no-repeat transparent; position: absolute; right: 0px;top: 0px;}

div#footer {position: relative; height: 70px; color: #738196; clear: both;}
div#footer p {position: absolute; top: 16px; margin: 0px; padding: 0px; }
p#address {right: 10px;}
p#contacts {left: 10px;}


h2 {font-size: 180%;}
h3 {font-size: 120%;}

div.columns {}
div.columns div.left {float: left; width: 214px; padding-right: 25px;}
div.columns div.right {float: left; width: 400px; border-left: 1px solid #dddddd; padding-left: 35px;}

div.columns h3 {margin-top: 0px;}
ul, ul li {margin-left: 0px; padding-left: 0px;}
ul {padding-left: 24px;}
ul.merits {list-style: square; font-size: 90%;}

a:link {color: #204985;}
a:visited {color: #435e85;}
a:hover {color: #618701;}
a:active {color: #e05a00;}


div.priceGrid {clear: left;}
div.priceGrid div {clear: left;}
div.priceGrid div span {display: block; width: 450px; float: left; margin: 1px 0px;}
div.priceGrid div span.item {width: 160px; margin-left: 20px; color: #446d01;}
div.pgfirst div span {width: 250px;}

div.priceGrid:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.priceGrid {display: inline-table;}

/* Hides from IE-mac \*/
* html div.priceGrid {height: 1%;}
div.priceGrid {display: block;}
/* End hide from IE-mac */

div#frontImage {position: absolute; left: -236px; top: -50px;}
body.index div#text {margin-left: 284px; min-height: 280px;}
body.palvelut div#text {margin-left: 284px; min-height: 280px;}

* html div#frontImage {left: -275px;}
* html body.index div#body {height: 330px;}