/* BODY (#c0c0c0)alkuperäinen taustaväri#4682B4
-----------------------------------------------------------------------------*/

html,body {
    height: 100%; /* Required */
}

body
{
font-size:75%;
font-family:verdana,arial,'sans serif';
background-image:url(gradient.png);
background-repeat:repeat-x;
background-color:#cccccc;
color:#000080;
margin:0px;
}

#wrapper {
    margin: 0 auto;
    padding: 0 10px 0 10px;
    width: 960px;
    background: url(images/wrapper_bg.gif) repeat-y top left;
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#inner_wrapper {
    position: relative;
    margin: 0;
    padding: 0 0 0 0;    
    width: 960px;
}



/* MAIN-CONTENT
-----------------------------------------------------------------------------*/

.empty_1 {
    height: 77px;
}

#main_content {
    background: url(images/sub_design.jpg) no-repeat top right;
    position: relative;
    padding: 0 0 60px 0;
    width: 960px;
    clear: left;
    text-align: left;
    z-index: 1;
}

#main_content_etusivu {
    position: relative;
    padding: 0 0 20px 0;
    width: 960px;
    clear: left;
    text-align: left;
    z-index: 0;
}




#left {
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
}

#center {
    margin: 0 0 0 192px;    
    width: 556px;
    color: #dedfdf;
}

#right {
    position: absolute;
    top: 0;
    right: 0;
    width: 210px;
}

#right_invisible {
    float: right;
    width: 100px;
    height: 180px;
}

#footer_invisible {
    clear: both;
    height: 20px;
}

#footer {
    position: absolute;
    bottom: 0 !important;
    bottom: -1px;    
    left: 10px;
    padding-top: 5px;
    width: 960px;
    height: 30px;
    text-align: center;
    background: url(images/footer_bg.gif) repeat-y top left; 
}



/* SUB-CONTENT
-----------------------------------------------------------------------------*/