/**
 * Qualite
 * @author Daniel Staver (daniel@ixd.no)
 * www.ixd.no
 */

html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, hr, table, th, td, form, img, fieldset, input, select, textarea, caption, dl, dd, dt, address {
    border: none;
    font: 100% Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #000;
    list-style: none;
}

body {
    text-align: center;
}

a, 
a:link {
    color: #d60061;
    text-decoration: none;
}

a:visited {
    color: #d60061;
}

a:hover, 
a:active {
    text-decoration: underline;
}

cite {
    display: block;
    font: 1.125em "Times New Roman", Times, serif;
    font-style: italic;
    color: #72baa7;
    padding: 0 0 0.3em 0;
}

h1 {
    font-size: 1.0625em;
    text-transform: uppercase;
    padding: 0 0 1em 0;
}

h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h2 a:active, 
h3 a:active, 
h4 a:active {
    text-decoration: underline;
}

.quote p {
    font-size: 0.875em;
}

.object-left {
    float: left;
    margin: 0 10px 10px 0;
}

.object-right {
    float: right;
    margin: 0 0 10px 10px;
}

#debug {
    text-align: left;
    margin: 0 20px 20px 20px;
    clear: both;
}

#debug pre {
    white-space: normal;
}

#skipnav {
    position: absolute;
    left: -1000em;
}

dl {
    overflow: hidden;
}

dt {
    font-weight: bold;
    width: 6em;
    float: left;
    clear: both;
    line-height: 1.25em;
}

dd {
    overflow: hidden;
    line-height: 1.25em;
}

dl.wide dt {
    width: 10em;
    padding: 0 0 5px 0;
    clear: both;
}

dl.wide dd {
    padding: 0 0 5px 0;
}

.date {
    color: #999;
    font-size: 0.6875em;
    margin: 0 0 10px 0;
}

.icons {
    overflow: hidden;
}

.icons a.twitter {
    background: transparent url(../images/twitter.png) no-repeat top left;
    width: 32px;
    height: 32px;
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -1000px;
}

.icons a.facebook {
    background: transparent url(../images/facebook.png) no-repeat top left;
    width: 32px;
    height: 32px;
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -1000px;
}

.icons a.linkedin {
    background: transparent url(../images/linkedin.png) no-repeat top left;
    width: 32px;
    height: 32px;
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -1000px;
}

p.file {
    clear: both;
}

/***************************************************
 BUTTONS
 ***************************************************/

div.button {
    display: block;
    background: transparent url(../images/button-right.png) no-repeat top right;
    padding: 0 20px 0 0;
    float: left;
    margin-left: -10px;
}

div.button a, 
div.button a:visited, 
div.button input {
    display: block;
    background: transparent url(../images/button-left.png) no-repeat top left;
    color: #fff;
    padding: 0 0 0 20px;
    line-height: 50px;
    font-size: 0.75em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    float: left;
}

div.button input {
    height: 50px;
    overflow: visible;
}

div.smallbutton {
    display: block;
    background: transparent url(../images/smallbutton-right.png) no-repeat top right;
    padding: 0 10px 0 0;
    float: left;
}

div.smallbutton a, 
div.smallbutton a:visited, 
div.smallbutton input {
    display: block;
    background: transparent url(../images/smallbutton-left.png) no-repeat top left;
    color: #fff;
    padding: 0 0 0 10px;
    line-height: 30px;
    font-size: 0.75em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

div.smallbutton input {
    height: 30px;
    overflow: visible;
}


/***************************************************
 IMAGES
 ***************************************************/

.image img, .images img {
    display: block;
}

.left {
    float: left;
    margin: 0;
}

.right {
    float: right;
    margin: 0;
}


/***************************************************
 HEADER
 ***************************************************/

#header {
    background: transparent url(../images/logo.png) no-repeat top center;
    margin: 25px 0 0 0;
}

#header #header-content {
    text-align: left;
    width: 924px;
    height: 110px;
    margin: 0 auto;
    position: relative;
}

#header #header-content #logo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 110px;
    height: 50px;
}

#header #globalmenu {
    position: absolute;
    top: 10px;
    right: 0;
}

#header #globalmenu li {
    float: left;
    position: relative;
    font-size: 0.75em;
}

#header #globalmenu li a {
    padding: 29px 0 0 15px;
    text-decoration: none;
}

#header #globalmenu li.twitter a {
    background: transparent url(../images/twitter-top.png) no-repeat center top;
}

#header #globalmenu li.facebook a {
    background: transparent url(../images/facebook-top.png) no-repeat center top;
}

#header #globalmenu li.selected a {
    color: #999;
}

/***************************************************
 MAIN NAVIGATION
 ***************************************************/

ul#topmenu {
    position: absolute;
    bottom: 12px;
    right: 0;
    overflow: hidden;
}

ul#topmenu li {
    display: block;
    float: left;
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
}

ul#topmenu li a {
    color: #3d3a36;
    display: block;
    padding: 0 0 0 14px;
    text-decoration: none;
}

ul#topmenu li.selected a {
    color: #3fb4f4;
}


/***************************************************
 FOOTER
 ***************************************************/

#footer {
    background: transparent url(../images/footer-bg.png) no-repeat top left;
    font-size: 0.75em;
    margin: -12px auto 0 auto;
    text-align: right;
    width: 924px;
}

#footer img {
    vertical-align: middle;
}

#footer p {
    padding: 24px 36px 24px 0;
}


/***************************************************
 PAGE
 ***************************************************/

#page-wrap {
    background: #fff url(../images/bg.jpg) no-repeat center;
}

#page {
    width: 900px;
    margin: 0 auto;
    background: #3fb4f4 url(../images/page-bg.png) repeat-x top left;
    padding: 12px;
}

/***************************************************
 CONTENT
 ***************************************************/

#content {
    /*background: #fff url(../images/sidebar-bg.png) no-repeat 600px 240px;*/
    background: #fff;
    text-align: left;
    overflow: hidden;
    min-height: 690px;
}

#path {
    padding: 20px 20px 0 20px;
    font-size: 0.6875em;
    color: #999;
}

#main {
    width: 560px;
    float: left;
    overflow: hidden;
    padding: 20px;
}

#main-full {
    overflow: hidden;
    padding: 20px;
}

#articlecontent {
    overflow: hidden;
}

#sidebar {
    width: 260px;
    float: left;
    overflow: hidden;
    padding: 20px;
}

#intro {
    height: 240px;
    background: transparent url(../images/header-bg.png) no-repeat top left;
}

#intro .text {
    padding: 20px;
    overflow: hidden;
}

#intro .image {
    float: right;
}

#intro .text h1 {
    font-size: 1.25em;
    padding: 0 0 0.75em 0;
    text-transform: none;
}

#intro .text h2 {
    font-size: 1.0625em;
    padding: 0 0 1em 0;
}

#intro .text p {
    font-size: 1.0625em;
    padding: 0 0 1em 0;
}

#services-menu {
    background: transparent url(../images/services-bg.png) repeat-x top left;
    overflow: hidden;
}

#services-menu .item {
    width: 255px;
    float: left;
    padding: 12px 25px 0 20px;
    height: 75px;
    background: transparent url(../images/services-separator.png) no-repeat top right;
}

#services-menu .item-last {
    background-image: none;
}

#services-menu .item h2 {
    font-size: 0.8125em;
    text-transform: uppercase;
    padding: 0 0 5px 0;
    font-weight: bold;
}

#services-menu .item p {
    font-size: 0.6875em;
    color: #666;
}

/***************************************************
 COLUMNS
 ***************************************************/

.columns {
    padding: 20px 0;
    overflow: hidden;
}

.columns h1 {
    padding-left: 20px;
}

.columns .col {
    width: 259px;
    float: left;
    padding: 0 20px 20px 20px;
    border-right: 1px solid #e9e9e9;
}

.columns .col h1 {
    padding-left: 0;
}

.columns .col-wide {
    width: 559px;
}

.columns .col-last {
    width: 260px;
    border: none;
}

.columns .col h2 {
    font-size: 0.8125em;
    padding: 0 0 0.5em 0;
    text-transform: uppercase;
}

.columns .col dl {
    font-size: 0.75em;
    padding: 0 0 20px 0;
}

.columns .col dt {
    font-weight: normal;
    width: auto;
    float: right;
    padding: 0 0 5px 0;
}

.columns .col dd {
    overflow: hidden;
    padding: 0 10px 5px 0;
}

.columns .col ul.menu {
    padding: 0 0 15px 0;
}
.columns .col ul.menu li {
    font-size: 0.75em;
    padding: 0 0 5px 0;
}

.intro p {
    font-size: 0.9375em;
    padding: 0 0 1em 0;
}

.body h2 {
    font-weight: bold;
    font-size: 0.875em;
    padding: 0.5em 0 0.2em 0;
    line-height: 1.5em;
}

.body h3 {
    font-weight: bold;
    font-size: 0.8125em;
    padding: 0.5em 0 0.2em 0;
    line-height: 1.5em;
}

.body p {
    font-size: 0.8125em;
    padding: 0 0 0.75em 0;
}

.body table p {
    padding-bottom: 0;
}

.body ul, .body ol {
    padding: 0 0 0.5em 2em;
    font-size: 0.75em;
}

.body ul ul, .body ol ol, .body ul ol, .body ol ul {
    font-size: 1em;
    padding-top: 0.5em;
}

.body ul li {
    list-style: disc;
    padding: 0 0 0.25em 0;
}

.body ol li {
    list-style: decimal;
    padding: 0 0 0.25em 0;
    margin: 0 0 0 0.5em;
}

.body dl {
    font-size: 0.75em;
}

.body .quote {
    background: #f2f2f2;
    padding: 10px;
    margin: 10px 0 0 0;
}

.body .quote p {
    font-style: italic;
}

.body .quote-person {
    font-size: 0.75em;
}


/***************************************************
 SIDEBAR
 ***************************************************/

#sidebar dl {
    font-size: 0.75em;
}

#sidebar dt,
#sidebar dd {
    padding: 0 0 5px 0;
}

#sidebar .map {
    margin: 0 0 20px 0;
}

/***************************************************
 ARTICLE
 ***************************************************/

#sidebar .article .description {
    font-size: 0.6875em;
    padding: 0 0 0.5em 0;
}

#article .image-full {
    float: right;
    margin: 0 0 0 20px;
}

.article-line {
    padding: 0 0 1em 0;
    overflow: hidden;
}

.article-line h2, .folder-line h2 {
    font-weight: bold;
    font-size: 0.875em;
    padding: 0 0 0 0;
    line-height: 1.5em;
}

.article-line .image {
    float: left;
    margin: 0 20px 0 0;
    padding: 5px;
    border: 1px solid #d1d1d1;
    width: 207px;
}

.article-line .image-empty {
    border-color: #fff;
}

.article-line .content {
    overflow: hidden;
}

.article-line .content .text {
    overflow: hidden;
}

.article-line .content .text p {
    font-size: 0.75em;
    padding: 0 0 0.2em 0;
    line-height: 1.5em;
}

.article-line .content .readmore {
    font-size: 0.75em;
    color: #999;
}


/***************************************************
 TABS
 ***************************************************/

ul.tabs {
    display: block;
    overflow: hidden;
    position: relative;
    background: transparent url(../images/tabs-bg.png) repeat-x top left;
    z-index: 2;
}

ul.tabs li {
    float: left;
    display: block;
}

ul.tabs li a, 
ul.tabs li a:visited {
    display: block;
    float: left;
    line-height: 40px;
    text-decoration: none;
    color: #000;
    font-size: 0.875em;
    padding: 0 30px 0 20px;
    outline: none;
    background: transparent url(../images/tabs-separator.png) no-repeat top right;
}

ul.tabs li.current {
    background: #fff url(../images/tabs-selected-right.png) no-repeat right;
    margin-left: -10px;
}

ul.tabs li.current a, 
ul.tabs li.current a:visited {
    background: transparent url(../images/tabs-selected-left.png) no-repeat left;
    padding-left: 30px;
}

/***************************************************
 FORM
 ***************************************************/

.form {
    padding: 0;
    overflow: hidden;
}

.form .row {
    overflow: hidden;
    padding: 0 0 10px 0;
}

.form .row label {
    font-size: 0.75em;
    font-weight: bold;
}

.form .text input, 
.form .text textarea {
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 0.75em;
    width: 400px;
    background: transparent url(../images/form-shadow.png) no-repeat top left;
}

.form .activebutton {
    float: left;
}

.form .warning,
.form .message-warning {
    border: 6px solid #d60061;
    padding: 10px 10px 5px 10px;
    margin: 0 0 20px 0;
}

.form .warning h2,
.form .message-warning h2 {
    font-size: 0.8125em;
    font-weight: bold;
    padding: 0 0 0.5em 0;
}

.form .warning ul,
.form .message-warning ul {
    font-size: 0.75em;
}

.form .warning li,
.form .message-warning li {
    display: block;
    padding: 0 0 0.5em 1.5em;
    background: transparent url(../images/bullet.png) no-repeat 0.25em 0.35em;
}

/***************************************************
 FRONTPAGE
 ***************************************************/

#frontpage #intro h1 {
    font-size: 1em;
    font-weight: bold;
}

#frontpage #intro .text {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    left: 20px;
    zoom: 1;
}

#frontpage #frontpage-blog {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
}

#frontpage #frontpage-blog p {
    font-size: 0.75em;
}

#frontpage #frontpage-contact {
    padding: 0 0 20px 0;
}

#frontpage #frontpage-contact h3 {
    font-size: 1.4375em;
    color: #3fb4f4;
    padding: 0 0 10px 0;
}

#frontpage #frontpage-contact p {
    font-size: 0.75em;
    padding: 0 0 5px 0;
}

#frontpage #frontpage-book p {
    font-size: 0.75em;
    padding: 0 0 5px 0;
}

#frontpage #newsletter {
    background: transparent url(../images/newsletter-bg.png) repeat-x top left;
    padding: 13px 20px 0 20px;
    overflow: hidden;
}

#frontpage #newsletter label {
    display: block;
    float: left;
    padding: 16px 0 0 0;
}

#frontpage #newsletter input.text {
    background: transparent url(../images/form-shadow.png) no-repeat top left;
    padding: 5px;
    border: 1px solid #ccc;
    float: right;
    margin: 12px 2px 12px 0;
    width: 250px;
}

#frontpage #newsletter .button {
    margin: 2px 0;
}

#frontpage #newsletter .button,
#frontpage #newsletter .button input {
    float: right;
}


/***************************************************
 COURSE
 ***************************************************/

.course-list {
    padding: 20px 0 0 0;
}

.course-item {
    overflow: hidden;
    padding: 0 0 20px 0;
}

.course-item h2 {
    font-size: 0.9375em;
    padding: 0 0 0.5em 0;
    font-weight: bold;
}

.course-item dl {
    font-size: 0.8125em;
}

.course-item dt,
.course-item dd {
    padding-bottom: 5px;
}

#course form h2 {
    padding: 20px 0 10px 0;
}

#course dl {
    font-size: 0.9375em;
    padding-bottom: 10px;
}

#course dt,
#course dd {
    padding-bottom: 10px;
}


/***************************************************
 EMPLOYEE
 ***************************************************/

.employee-item {
    padding: 0 0 20px 0;
}

.employee-item .image {
    float: right;
    margin: 0 0 0 20px;
    border: 1px solid #e9e9e9;
}

.employee-item .body {
    overflow: hidden;
}

.employee-item h2 {
    font-weight: bold;
    padding: 0 0 5px 0;
}

.employee-item .body  dl {
    padding: 0 0 10px 0;
}


/***************************************************
 PRESS RELEASE
 ***************************************************/

.pressrelease-full .date {
    margin-top: -16px;
}

.pressrelease-item .date {
    font-size: 0.6875em;
    color: #999;
}

.pressrelease-item p {
    font-size: 0.75em;
}

/***************************************************
 BLOG
 ***************************************************/

.blog-post-full .date {
    margin-top: -16px;
}

.blog-post-item {
    margin: 0 0 20px 0;
}

.blog-post-item .date {
    font-size: 0.6875em;
    color: #999;
}

.blog-post-item p {
    font-size: 0.75em;
}

#blog-post .body {
    padding-bottom: 20px;
}

#blog-post .comments h2 {
    font-weight: bold;
}

#blog-post .comments .form {
    padding-top: 20px;
}

.comment-item {
    margin-left: -20px;
    margin-right: -20px;
}

.comment-item .comment-header {
    background: transparent url(../images/thead-bg.png) repeat-x top left;
    overflow: hidden;
}

.comment-item .comment-header .date {
    font-size: 0.75em;
    float: right;
    line-height: 50px;
    padding: 0 20px 0 0;
    margin: 0;
}

.comment-item .comment-header .author {
    float: left;
    overflow: hidden;
    line-height: 50px;
    font-size: 0.75em;
    padding: 0 0 0 20px;
    margin: 0;
}

.comment-item .comment {
    font-size: 0.75em;
    padding: 0 20px 20px 20px;
}


/***************************************************
 LIST TABLE
 ***************************************************/

table.list {
    width: 100%;
}

table.list th,
table.list td {
    padding: 0 10px;
    font-size: 0.75em;
}

table.list th.first,
table.list td.first {
    padding-left: 20px;
}

table.list th.last,
table.list td.last {
    padding-right: 20px;
}

table.list thead th {
    background: transparent url(../images/thead-bg.png) repeat-x top left;
    line-height: 50px;
}

table.list tfoot td {
    background: transparent url(../images/tfoot-bg.png) repeat-x top left;
    line-height: 35px;
}

table.list tbody tr td {
    border-bottom: 1px solid #e9e9e9;
    padding-top: 5px;
    padding-bottom: 5px;
}

table.list tbody tr.first td {
    padding-top: 0;
}

table.list tbody tr.last td {
    border-bottom: none;
    padding-bottom: 0;
}

table.list .smallbutton a {
    font-size: 1em ! important;
}


/***************************************************
 REFERENCE ITEM
 ***************************************************/

.reference-item {
    overflow: hidden;
}

.reference-item .image {
    float: left;
    margin: 0 20px 0 0;
}

.reference-item .quote {
    float: right;
    width: 250px;
    padding: 40px 0 30px 20px;
    margin: 0 0 0 -1px;
    border-left: 1px solid #e9e9e9;
}

.reference-item .quote p {
    font-size: 0.6875em;
    font-style: italic;
    padding: 0 0 5px 0;
    color: #666;
}

.reference-item .content {
    overflow: hidden;
    border-right: 1px solid #e9e9e9;
    padding: 0 20px 20px 0 ;
}

.reference-item .content h2 {
    font-weight: bold;
}

.reference-item .content .url {
    font-size: 0.6875em;
    padding: 0 0 10px 0;
}

.reference-item .content p {
    padding: 0 0 10px 0;
    font-size: 0.8125em;
}