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

input, textarea {
    font-family: OpenSans;
}

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

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

.header {
    height: 48px;
}

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

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;
}

.header form {
    float: right; position: relative; margin: 8px 0;
}

.header input[type=search] {
    width: 240px; line-height: 16px; font-size: 13px; border: 1px solid #CCCCCC; border-radius: 3px;
    padding: 2px; margin: 0;
}

.header input[type=submit] {
    position: absolute; top: 0; right: 0; border: none; margin: 0; padding: 0; text-indent: -9999px;
    background: url(../img/search.png) transparent no-repeat center; width: 20px; height: 20px;
}

.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;
}