/*
-------------------------------------------------------------------------------
eService Bar Oy Screen Styles
Author: Persoona Oy
Version: 24.06.2009

Copyright (c) 2009 Persoona Oy. All rights reserved.
---------------------------------------------------------------------------- */

body {
    background: url(../images/img_body_bg.jpg) 0 0 repeat-x #fff;
    color: #000;
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: small;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}

/* Global definitions
---------------------------------------------------------------------------- */

a,
a:visited {
    color: #1387c3;
    text-decoration: none;
}

a:hover,
a:visited:hover {
    color: #758589;
    text-decoration: underline;
}

a img {
    border: none;
}

h1 {
    color: #333;
}

#wrapper h1#title {
    background: url(../images/img_wrapper_bg.gif) 0 100% no-repeat transparent;
    margin: 0;
    line-height: normal;
    padding: 15px 0;
}

.center {
    margin: 0 auto;
}

/* ----- Login dialog ----- */

.error {
    background-color: #d70000;
    color: #fff;
    font-weight: bold;
    padding: 7px;
}

.success {
    background-color: #009900;
    color: #fff;
    font-weight: bold;
    padding: 7px;
}

form#login {
    background-color: #efebe7;
    border: 1px solid #ccc;
    margin: 0 0 15px 0;
    padding: 5px 10px;
}

form#login input {
    font-size: 140%;
    width: 250px !important;
}

form#login dl {
    margin: 0;
    padding: 10px 7px 0 7px;
}

form#login dl #control input {
    font-size: 100%;
    width: 135px !important;
}

form#login dl dt {
    font-weight: bold;
}

form#login dl dd {
    margin: 0 0 10px 0;
}

/* Layout changes
---------------------------------------------------------------------------- */

body.services #content {
    min-height: 350px;
    padding: 20px 32px 25px 175px;
    width: 471px;
}

/* Structure
---------------------------------------------------------------------------- */

#header {
    background: url(../images/img_header_bg.jpg) 0 -50px no-repeat transparent;
    height: 185px;
    margin: 0 auto;
    padding: 0 115px;
    position: relative;
    width: 680px;
}

#logo {
    left: 125px;
    position: absolute;
    /*top: 85px;*/
    top: 35px;
}

#container {
    background-color: #e9dfc0;
    background: url(../images/img_container_bg.jpg) 0 0 repeat #e9dfc0;
    /* background: url(../images/img_container_bg_2.jpg) 0 0 repeat #e9dfc0; */
    font-size: 100%;
    float: left;
    padding: 20px 0 40px 0;
    text-align: left;
    width: 100%;
}

#wrapper {
    padding: 0 0 15px 0;
    width: 678px;
}

#content {
    background: url(../images/img_content_bg.gif) 0 100% no-repeat #fff;
    float: left;
    margin: 0;
    padding: 20px 32px 25px 32px;
    position: relative;
    width: 614px;
}

#footer {
    background: url(../images/img_footer_bg.jpg) 0 0 repeat-x #fff;
    clear: both;
    margin: -10px 0 0 0;
}

#impressum {
    clear: both;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 85%;
    padding: 10px 0;
    text-align: center;
}

#impressum strong {
    margin: 0 7px 0 0;
}

/* Navigation
---------------------------------------------------------------------------- */

#nav {
    bottom: 11px;
    color: #dfc9ad;
    font-size: 19px;
    list-style: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    width: 670px;
}

#nav li {
    background-color: #3b3634;
    float: left;
    margin: 0 2px;
    padding: 0;
}

#nav li a,
#nav li a:visited {
    color: #ccc;
    display: block;
    height: 43px;
    text-decoration: none;
    text-indent: -5000px;
}

/* 01 Etusivu */
body.index #nav li#t-index a {
    background-position: 0 -43px !important;
}

#nav li#t-index a {
    background: url(../images/img_nav_index.jpg) 0 0 no-repeat transparent;
    width: 131px;
}

/* 02 Palvelut */
body.services #nav li#t-services a {
    background-position: 0 -43px !important;
}

#nav li#t-services a{
    background: url(../images/img_nav_services.jpg) 0 0 no-repeat transparent;
    width: 130px;
}

/* 03 Yritys */
body.company #nav li#t-company a {
    background-position: 0 -43px !important;
}

#nav li#t-company a {
    background: url(../images/img_nav_company.jpg) 0 0 no-repeat transparent;
    width: 99px;
}

/* 04 Uutiset */
body.news #nav li#t-news a {
    background-position: 0 -43px !important;
}

#nav li#t-news a {
    background: url(../images/img_nav_news.jpg) 0 0 no-repeat transparent;
    width: 116px;
}

/* 05 Yhteystiedot */
body.contact #nav li#t-contact a {
    background-position: 0 -43px !important;
}

#nav li#t-contact a {
    background: url(../images/img_nav_contact.jpg) 0 0 no-repeat transparent;
    width: 168px;
}

#nav li a:hover,
#nav li a:visited:hover {
    background-position: 0 -43px !important;
}

/* ----- Sub-navigation ----- */

#subnav {
    background: url(../images/img_subnav_bg.jpg) 0 100% no-repeat #ece7d9;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 25px 0;
    position: absolute;
    text-align: right;
    top: -3px;
    width: 150px;
}

#subnav li {
    margin: 0 0 10px 0;
    padding: 0 15px;
}

#subnav li.active {
    background: url(../images/img_subnav_active.gif) 100% 50% no-repeat transparent;
    margin-right: -7px;
    padding-right: 22px;
}

#subnav li a,
#subnav li a:visited {
    border: none;
    color: #333 !important;
    font-weight: normal;
    text-decoration: none;
}

#subnav li a:hover,
#subnav li a:visited:hover {
    border: none;
    color: #1387c3 !important;
    font-weight: normal;
    text-decoration: none;
}

#subnav li.active a {
    color: #1387c3 !important;
}

/* ----- Icon based navigation ----- */

#icon-nav {
    max-height: 204px;
    padding: 15px;
    width: 584px;
}

#icon-nav .row {
    clear: both;
    margin: 0 0 7px 0;
}

#icon-nav .row img {
    margin: 0 8px;
}

/* Footer (& icon-nav)
---------------------------------------------------------------------------- */

#footer #footernav {
    background: url(../images/img_footer_footernav_bg.jpg) 0 0 no-repeat #fff;
    max-height: 204px;
    padding: 37px 175px 30px 175px;
    width: 560px;
}

#footer #footernav .row {
    clear: both;
    margin: 0 0 7px 0;
}

#footer #footernav .row img {
    margin: 0 4px;
}