body
{
    background-color: #ebebeb;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    font-family: "Arial", sans-serif;
    text-align: center;
}

#container
{
    margin: 17px auto 0;
    text-align: left;
    width: 960px;
}

/*---- Common ----*/

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

#container #header ul,
#container #footer ul
{
    margin: 0;
    padding: 0;
}

/*---- Self-clearing floats by Ed Eliot ----*/

#container #content:after,
#container #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container #content,
#container #footer { display: inline-block; }
#container #content,
#container #footer { display: block; }


/*---- Header ----*/

#container #header
{
    background: #f5f5ee url('../img/header-bg.gif') repeat-x bottom left;
    height: 56px;
    padding-bottom: 10px;
}

#container #header #logo
{
    float: left;
    margin: 10px 0 0 18px;
}

#container #header #logo img
{
    border: 0;
}

#container #header #navigation
{
    float: left;
    margin: 24px 0 0 35px;
}

#container #header #service
{
    float: right;
    margin: 24px 20px 0 0;
}

#container #header li
{
    display: inline;
    border-left: 1px solid #404a50;
    padding: 0 10px;
}

#container #header li.first
{
    border-left: 0;
    padding-left: 0;
}

#container #header li a
{
    color: #404a50;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}

/*---- Content ----*/

#container #content
{
    background-color: #fff;
    color: #404a50;
    font-size: 1.4em;
    padding: 62px 100px 62px 108px;
}

body.frontpage #container #content
{
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    padding: 10px 58px 62px 59px;
    background: #fff url('../img/frontpage.jpg') no-repeat 59px 10px;
    height: 569px;
}

body.frontpage.finnish #container #content
{
    background: #fff url('../img/frontpage_fi.jpg') no-repeat 59px 10px;
}

body.frontpage #container #content #open a
{
    width: 242px;
    height: 245px;
    display: block;
    margin: 91px 0 0 558px;
    color: #f5f3f4;
    font-size: 1px;
}

body.frontpage #container #content #introduction
{
    opacity: 0.85;
    -moz-opacity: 0.85;
    filter:alpha(opacity=85);
    position: relative;
    left: 47px;
    top: 125px;
    width: 730px;
}

body.frontpage #container #content #introduction p
{
    margin: 0;
}

body.frontpage #container #content a
{
    color: #fff;
    text-decoration: underline;
}

body.frontpage #container #content a:hover
{
    text-decoration: none;
}

#container #content h1
{
    font-family: "Myriad Pro", sans-serif;
    font-size: 2.14285714em;
    font-weight: normal;
    margin: 0 0 30px 0;
}

#container #content a
{
    color: #0064b2;
}

#container #content dl dd
{
    margin: 0;
}

#container #content dl dt
{
    clear: both;
    margin: 30px 0;
}

#container #content dl dd span p
{
    margin: 0 0 10px;
}

#container #content dl .type
{
    color: #e85426;
    float: left;
    margin-right: 20px;
}

#container #content dl dt.header
{
    cursor: pointer;
   	cursor: hand;
}

#container #content dl .answer
{
    float: left;
    padding-bottom: 20px;
    width: 700px;
}

/*---- vCard ----*/

#container #content .vcard
{
    margin-bottom: 30px;
}

#container #content .vcard.last
{
    margin-bottom: 0px;
}

#container #content .vcard img
{
    float: left;
    margin-right: 30px;
}

#container #content .vcard .details
{
    float: left;
}

#container #content .vcard p
{
    margin: 6px 0;
}

#container #content .vcard p.first
{
    margin-top: 0;
}

#container #content .vcard p.description
{
    clear: left;
    padding-top: 10px;
    line-height: 1.5em;
}

/*---- Jobs ----*/

body.jobs #container #content form,
body.partners #container #content form
{
    width: 390px;
}

body.jobs #container #content form label,
body.partners #container #content form label
{
    font-size: 0.85714286em;
    float: left;
    clear: left;
    width: 90px;
    margin-right: 30px;
}

body.jobs #container #content form label#vertical,
body.partners #container #content form label#vertical
{
    margin-top: 50px;
}

body.jobs #container #content form .row input,
body.jobs #container #content form .row textarea,
body.partners #container #content form .row input,
body.partners #container #content form .row textarea
{
    float: left;
    width: 263px;
    border-top: 1px solid #c3c3c3;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #f0f0f0;
    font-size: 1em;
}

body.jobs #container #content form .row input,
body.partners #container #content form .row input
{
    padding: 1px;
}

body.jobs #container #content form .row textarea,
body.partners #container #content form .row textarea
{
    height: 136px;
    margin: 0;
    padding: 1px;
}

body.jobs #container #content form .wrapper,
body.partners #container #content form .wrapper
{
    border-top: 1px solid #7c7c7c;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #c3c3c3;
    float: left;
}

body.jobs #container #content form .row,
body.partners #container #content form .row
{
    float: left;
    margin: 9px 0;
}

body.jobs #container #content form p#mandatory,
body.partners #container #content form p#mandatory 
{
    clear: left;
    float: right;
    margin: 0;
    font-size: 0.71428571em;
}

body.jobs #container #content form #actions,
body.partners #container #content form #actions
{
    clear: both;
    padding-top: 20px;
    margin-left: 120px;
}

/*---- For Partners ----*/

body.partners #container #content
{
    line-height: 1.4em;
}

body.partners #container #content img
{
    float: right;
}

body.partners #container #content ol
{
    padding-left: 20px;
}

body.partners #container #content ol li
{
    color: #e85426;
}

body.partners #container #content ol li span.wrapper
{
    color: #404a50;
}

/*---- Footer ----*/

#container #footer
{
    background-color: #404a50;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
}

#container #footer #contact
{
    float: left;
    list-style-type: none;
    padding: 19px 0 19px 20px;
}

#container #footer #contact li
{
    border-left: 1px solid #fff;
    float: left;
    padding: 0 10px;
}

#container #footer #contact li.first
{
    padding-left: 0;
    border-left: 0;
}

#container #footer #copyright
{
    float: right;
    padding: 19px 17px 0 19px;
}