/* Stretch the body to cover 100% of the viewport */
html, body {margin:0;padding:0;}

body {font:100% Tahoma,Arial,Helvetica,Sans-serif; background:#fff;line-height:1.4em;margin-bottom:3em;}

/* debug, remove */
.border {border: dotted 1px blue;}
.border2 {border: dashed 1px orange;}
.border3 {border:solid 1px cyan;}

/* debug end */



/* IE wrongly clears floats if dimension for container is stated. Use that bug here to clear floats in IE. */
/* In modern browsers use :after to generate clearing element */
* html .clear {height:1px;}
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* Text and other basic styles */
* {font-size:small; margin:0; padding:0; borders:0;}
p {margin-bottom:1em;}
* a:link,  * a:visited, * a:hover, * a:active {color:#686B6E; text-decoration:underline;}
* a:visited {color:#989A9C;}
h1 {font-weight:bold;margin-bottom:0.5em;}
h2 {font-weight:bold;margin-bottom:0.5em;}
ul {margin-bottom:1em;}
ul li {margin-left:1.5em;}
ul.neutral { list-style-image:url(../img/suurennuslasi.gif);}

span.gt, span.gtSelected,span.gtBig {font-size:110%;color:#73787e;margin-right:0.3em;}
span.gtSelected {color:#000;}
span.gtBig {font-weight:bold;}

div.logoRow {padding:0 3em;}
div.logo {width:58.4em;margin:4em auto 2em auto;}
div.logo img {widths:10.69em;heights:2.54em;}

div.imageRow {background-color:#73787e;padding:0 3em;}
div.imageCols {width:59.5em;margin:0 auto;}
div.imageCols .item, div.imageCols .item2 {float:left;width:14.1em;height:8.7em;border-right:solid 0.5em #fff;}
div.imageCols .item2 {width:28.7em;}
div.imageCols .first {border-left:solid 0.5em #fff;}
div.imageCols .saarnivaahtera {background-color:#737d57;}
div.imageCols .viherrakentaminen {background-color:#a0576b;}
div.imageCols .pihasuunnittelu {background-color:#ce7f82;}
div.imageCols .puutarhanhoitotyot {background-color:#36493C;}
div.imageCols .yhteystiedot {background-color:#697ca8;}


div.contentRow {padding:0 3em;margin-top:2em;}
div.contentRow div.home {margin-top:2em;}
div.contentCols {width:59.5em;margin:0 auto;}
div.contentCols div.first, div.contentCols div.main, div.contentCols div.homeMain {float:left;width:14.1em;border-right:solid 0.5em #fff;}
div.contentCols div.first {border-left:solid 0.5em #fff;}
div.contentCols div.main {width:43.3em;}
div.contentCols div.leftNav {font-weight:bold;}
div.contentCols div.leftNav div {margin-bottom:0.5em;}
div.contentCols div.leftNav div.normal {font-weight:normal;}
div.contentCols div.leftNav div.second {margin-left:1.2em;}

/* Bread crumb */
div.crumbRow {padding:0 3em;margin:0.5em 0 1em 0;}
div.crumbRow .crumb {width:58.4em;margin:0 auto;}

.tagline {font-size:9pt; font-weight:bold; color:#97a895;}