@charset "UTF-8";

a img {
        border: 0;
}

.Clear {
        clear: both;
}

.Right {
        float: right;
}

.Left {
        float: left;
}

.Hidden {
        display: none;
}

.grey {
        color: #6f6f6f;
}

.Center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}



/* Typography */

body, textarea, input {
        font-family: Arial, Helvetica, sans-serif;
        color: #2f2f2f;
        font-size: 13px;
        line-height: 18px;
}

a:link {
        text-decoration: none;
        color: #e27501;
}
a:visited {
        text-decoration: none;
        color: #ca761c;
}
a:hover,
a:active {
        text-decoration: none;
        color: #ff921f;
}

hr {
  color: #ccc;
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 17px 0 17px 0;
}

.Highlight {
        color: #873c0a;
        font-weight: normal;
}

.intro {
        font-size: 18px;
        line-height: 26px;
}


h1,h2,h3 {
        font-family: 'Gill Sans', 'Trebuchet MS', Helvetica, Arial, sans-serif;
        font-weight: normal;
        color: #000;

}
h1,h2 {
        font-size: 24px;
        line-height: 30px;
}
h3 {
        font-size: 17px;
        line-height: 25px;
}



/* Layout */

html, body {
        padding: 0;
        margin: 0;
        width: 100%;
}

body {
        background: #fff;
        text-align: center;
}

#Page {
        width: 982px;
        text-align: left;
        margin: 0 auto;
}

#Header {
        width: 970px;
        height: 101px;
}

address {
        font-style: normal;
}


.Navigation ul {
        display: block;
        padding: 40px 0 0 0;
        margin: 0;
        height: 27px;
        float: right;
        list-style: none;
}
        .Navigation li {
                float: left;
                display: block;
                margin: 0 0 0 10px;
                height: 27px;
                padding: 0;
                background-position: left bottom;
        }
                .Navigation li a:link,
                .Navigation li a:visited,
                .Navigation li a:hover,
                .Navigation li a:active {
                        display: block;
                        width: 100%;
                        height: 27px;
                }
                .Navigation li a:hover{
                        background-position: 0 -27px;
                }
                .Navigation li a.Navigation_active {
                        background-position: 0 -54px;
                }
                .Navigation li span {
                        display: none;
                }
                #Navigation_etusivu a,
                #Navigation_etusivu {
                        width: 74px;
                        background-image: url(../gfx/navi/etusivu.gif);
                }
                #Navigation_tuotteet a,
                #Navigation_tuotteet {
                        width: 81px;
                        background-image: url(../gfx/navi/tuotteet.gif);
                }
                #Navigation_palvelut a,
                #Navigation_palvelut {
                        width: 79px;
                        background-image: url(../gfx/navi/palvelut.gif);
                }
                #Navigation_ajankohtaista a,
                #Navigation_ajankohtaista {
                        width: 113px;
                        background-image: url(../gfx/navi/ajankohtaista.gif);
                }
                #Navigation_ota_yhteytta a,
                #Navigation_ota_yhteytta {
                        width: 107px;
                        background-image: url(../gfx/navi/ota_yhteytta.gif);
                }
                #Navigation_pyyda_tarjous a,
                #Navigation_pyyda_tarjous {
                        width: 114px;
                        background-image: url(../gfx/navi/pyyda_tarjous.gif);
                }
                #Navigation_suunnittele_saunasi a,
                #Navigation_suunnittele_saunasi {
                        width: 150px;
                        background-image: url(../gfx/navi/suunnittele_saunasi.gif);
                }

#Subnavigation {
        display: block;
        width: 302px;
        padding: 20px 0;
        margin: 0;
        list-style: none;
}
        #Subnavigation li {
                display: block;
                height: 26px;
                font-size: 15px;
                font-family: 'Gill Sans', 'Trebuchet MS', Helvetica, Arial, sans-serif;
                line-height: 25px;
                margin: 2px 0;
                background: url(../gfx/subnavi_selected.gif) no-repeat;
        }
                #Subnavigation li span {
                        display: block;
                        width: 300px;
                        padding: 0 0 0 35px;
                        height: 100%;
                }
                #Subnavigation li a:hover,
                #Subnavigation li a:active,
                #Subnavigation li a:visited,
                #Subnavigation li a:link {
                        color: #4f4f4f;
                        display: block;
                        width: 300px;
                        padding: 0 0 0 35px;
                        height: 100%;
                        background: #fff url(../gfx/subnavi.gif) no-repeat;
                }
                #Subnavigation li a:hover,
                #Subnavigation li a:active {
                        color: #7b7b7b;
                }


#Logo {
        float: left;
        width: 201px;
        height: 101px;
        padding: 0;
        margin: 0;
        display: block;
        background: url(../gfx/sunsauna1.gif) 22px 0 no-repeat;
}

.widephoto_home {
        clear: both;
        width: 970px;
        height: 342px;
        background: url(../gfx/widephotos/frontpage1.jpg) no-repeat;
}
.widephoto_content {
        clear: both;
        width: 965px;
        padding: 82px 5px 0 0;
        text-align: right;
        height: 33px; /* total 115px with padding */
        background: url(../gfx/widephotos/content1.jpg) no-repeat;
}
div {
        behavior: url(../iepngfix.htc);
}
#hrr_navi2 {
        float: right;
        width: 537px;
        height: 33px;
        background: transparent url(../gfx/hrr_tabs.png) no-repeat;
}
        #hrr_navi2 a:hover,
        #hrr_navi2 a:active,
        #hrr_navi2 a:visited,
        #hrr_navi2 a:link {
                display: block;
                margin: 0;
                padding: 0;
                float: left;
                height: 100%;
                width: 179px;
        }
        #hrr_navi2 a span {
                display: none;
        }

#hrr_navi {
        clear: both;
}
        #hrr_navi div.haaveilija,
        #hrr_navi div.rakentaja,
        #hrr_navi div.remontoija,
    #hrr_navi div.ammattilainen {
                display: block;
                float: left;
                height: 168px;
        }
        #hrr_navi div.haaveilija {
                width: 245px;
                background: #fff url(../gfx/col_haaveilija.gif);
        }
        #hrr_navi div.rakentaja {
                width: 241px;
                background: #fff url(../gfx/col_rakentaja.gif);
        }
        #hrr_navi div.remontoija {
                width: 241px;
                background: #fff url(../gfx/col_remontoija.gif);
        }
        #hrr_navi div.ammattilainen {
                width: 243px;
                background: #fff url(../gfx/col_ammattilainen.gif);
        }
        #hrr_navi div a:link,
        #hrr_navi div a:visited,
        #hrr_navi div a:hover,
        #hrr_navi div a:active {
                display: block;
                width: 100%;
                height: 100%;
        }
        #hrr_navi div a:hover,
        #hrr_navi div a:active {
                background: url(../gfx/tutustu_tarkemmin.gif) 20px 105px no-repeat;
        }
        #hrr_navi div a span {
                display: none;
        }

#Footer {
        background: #f7f7f7;
        color: #aeaeae;
        font-size: 11px;
        line-height: 15px;
        margin: 0 0 25px 0;
        clear: both;
        width: 970px;
}
        #Footer a:link,
        #Footer a:visited,
        #Footer a:active,
        #Footer a:hover {
                color: #aeaeae;
                text-decoration: none;
        }
        #Footer a:active,
        #Footer a:hover {
                text-decoration: underline;
        }
        #Footer .Col1,
        #Footer .Col2 {
                float: left;
                width: 137px;
                padding: 27px 0 0 33px;
                display: block;
        }
        #Footer .Col2 {
                padding: 27px 0 0 15px;
                width: 137px;
        }
        #Footer .Col3,
        #Footer .Col4 {
                display: block;
                padding: 27px 0 0 33px;
                float: left;
                width: 290px;
                height: 70px;
                background: url(../gfx/footer_line.gif) left bottom no-repeat;
        }

        #Footer .Col3 {
                width: 291px;
        }

                #Footer .Col3 ul {
                        display: block;
                        margin: 1px 0 0 0;
                        list-style: none;
                        padding: 0;
                }
                #Footer .Col3 ul li {
                        margin: 0;
                        background: url(../gfx/footer_li.gif) 0 6px no-repeat;
                        padding: 0 0 0px 10px;
                }
                #Search {
                        clear: both;
                        margin: 0;
                        display: block;
                        height: 30px;
                        padding: 0;
                }
                #Search .searchBG {
                        background: transparent url(../gfx/search_input_bg.gif) right bottom no-repeat;
                        padding: 0 3px 4px 0;
                        display: block;
                        float: left;
                        width: 198px;
                        height: 25px;
                }
                #Search input {
                        background: #fff;
                        border: 1px solid #d5d5d5;
                        font-size: 11px;
                        line-height: 12px;
                        height: 14px;
                        padding: 2px 3px;
                        width: 186px;
                        color: #7d7d7d;
                }
                #Search input:focus {
                        color: #000;
                }
                #Search button {
                        width: 59px;
                        height: 23px;
                        border: 0;
                        cursor: hand;
                        background: url(../gfx/hae.gif) no-repeat;
                }
                        #Search button span {
                                display: none;
                        }

ul.flags
{
        display: inline;
        float: right;
        list-style: none;
        margin: -15px 12px 25px 0;
        padding: 0;
}

        ul.flags li
        {
                float: left;
                margin: 0 0 0 10px;
                padding: 0;
        }

.Content {
        background: url(../gfx/content_line.gif) right top no-repeat;
        width: 970px;
        clear: both;
        min-height: 300px;
        padding: 0 0 20px 0;
}
        .LeftContent {
                float: left;
                padding: 20px 0 0 0;
                margin: 0 55px 0 0;
                width: 302px;
                min-height: 10px;
        }

        .LeftContent img{
                margin: 5px 0;
        }

        .RightContent {
                padding: 20px 0 0 0;
                margin: 0;
                float: left;
                width: 576px;
                min-height: 10px;
        }
                .RightContent img.Right {
                        margin: 0 0 10px 15px;
                }
                .RightContent img.Left {
                        margin: 0 15px 10px 0;
                }