body {
    font-family: OpenSans; background: url(../img/main-bg.png) repeat-x #f5f5f5;
}

.container {
    margin: 0 auto; width: 980px;
}

.row {
    width: 100%; clear: both; float: left;
}

.header {
    height: 48px;
}

h1 {
    font-size: 22px; line-height: 40px;
}

h1, h1 a {
    color: #fff; text-decoration: none;
}

h1 b {
    font-weight: bold;
}

h2 {
    font-size: 18px; font-weight: 600; color: #330099;
    margin: 8px 0 5px; padding: 0 5px 5px; border-bottom: 1px solid #666;
}

.clearer {
    clear:both;
}

.footer {
    margin: 10px 0; border-top: 1px solid #666; padding-top: 5px;
}

.footer li {
    float: right; margin-left: 15px; font-size: 12px; height: 45px; line-height: 45px;
}

.logo {
    display: block; height: 45px; background-position: right;
}

.logo:hover {
    background-position: left;
}

.iri-logo {
    background-image: url(../img/iri-logo.png); width: 105px;
}

.hitachi-logo {
    background-image: url(../img/hitachi-logo.png); width: 193px;
}