/**
 * Mesterjobb
 * @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: #333;
	list-style: none;
}

body {
	background: #5f5f5f url(../images/bg.png) repeat-x top;
	text-align: center;
}

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

a:visited { 
	color: #6fa3d8; 
}

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

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

h1 {
    font-size: 1.625em;
    padding: 0 20px 0.5em 20px;
}

h2 { 
    font-size: 1.125em;
}

h1 a,
h2 a, 
h3 a, 
h4 a { 
	text-decoration: none; 
    color: #333;
}

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 {
    margin: 0 0 20px 0;
    padding: 10px 0 0 0;
    background: transparent url(../images/quote-left.png) no-repeat top left;
}

.quote .content {
    background: transparent url(../images/quote-right.png) no-repeat bottom right;
    padding: 0 0 10px 0;
}

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

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

#debug pre {
    white-space: normal;
}

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

#debug {
    clear: both;
}

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

.buttons {
    overflow: hidden;
}

#maincontent .buttons {
    padding: 10px 0 0 0;
}

.buttontext {
    display: block;
    padding: 0 0 0 25px;
    font-size: 0.8125em;
    float: left;
}

.button {
	display: block;
	background: transparent url(../images/button-right.png) repeat-x top right;
    padding: 0 30px 0 0;
    float: left;
}

.button a,
.button a:link,
.button a:visited,
.button input {
	display: block;
	background: transparent url(../images/button-left.png) repeat-x top left;
    line-height: 35px;
    padding: 0 0 0 30px;
    color: #fff;
	font-weight: bold;
    float: left;
    cursor: pointer;
}

.button input {
    line-height: normal;
    height: 30px;
}

.activebutton {
	display: block;
	background: transparent url(../images/activebutton-right.png) repeat-x top right;
    padding: 0 30px 0 0;
    float: left;
}

.activebutton a,
.activebutton a:link,
.activebutton a:visited,
.activebutton input {
	display: block;
	background: transparent url(../images/activebutton-left.png) repeat-x top left;
    line-height: 35px;
    color: #fff;
    padding: 0 0 0 30px;
    font-weight: bold;
    float: left;
    cursor: pointer;
}

.activebutton input {
    line-height: normal;
    height: 35px;
    overflow: visible;
    display: block;
}

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

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

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

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

.images {
	width: 426px;
	margin-right: -6px;
}

.images li {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

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

#page {
	background: transparent url(../images/page-bg.png) repeat-y top left;
    width: 970px;
    min-height: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 10px;
}

#page.full {
    background-image: url(../images/page-bg-full.png);
}

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

#header {
	background: transparent url(../images/header-bg.png) no-repeat top right;
    height: 130px;
    text-align: left;
    position: relative;
    z-index: 1;
}

#page.full #header {
    background-image: url(../images/header-bg-full.png);
}

#header #logo { 
    position: absolute;
    top: 18px;
    left: 35px;
}

#header ul.jobs {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 500px;
    text-align: right;
}

#header ul.jobs li {
    display: inline-block;
}
/***************************************************
 MAIN NAVIGATION
 ***************************************************/

#header ul#mainmenu {
	overflow: hidden;
    position: absolute;
    top: 50px;
    right: 10px; 
}

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

#header ul#mainmenu li a {
	color: #333;
    display: block;
    padding: 0 10px;
    line-height: 25px;
}

#header ul#mainmenu li a:hover {
    color: #c72127;
}

#header ul#mainmenu li.selected {
}

#header ul#mainmenu li.selected a {
	background: #333;
	color: #fff;
}

#header ul#mainmenu li.selected a:hover {
    color: #fff;
}

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

#footer {
	background: transparent url(../images/footer-bg.png) no-repeat top left;
    font-size: 0.75em;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
}

#page.full #footer {
    background-image: url(../images/footer-bg-full.png);
}

#footer p {
    padding: 5px 0 0 35px;
    line-height: 35px;
    color: #acacac;
}

#footer ul {
    position: absolute;
    top: 5px;
    right: 30px;
}

#footer ul li {
    float: left;
    line-height: 35px;
    padding: 0 0 0 10px;
}

#footer ul li a {
    color: #fff;
}

#footer ul li.selected a {
    color: #acacac;
}

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

#path {
    padding: 0 20px;
    font-size: 0.75em;
    position: absolute;
    bottom: 15px;
    left: 0;
    color: #999;
}

#content {
    text-align: left;
    overflow: hidden;
    padding: 0 0 80px 0;
}

#maincontent {
    width: 715px;
    float: left;
    overflow: hidden;
}

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

#sidebar {
    width: 255px;
    float: right;
    overflow: hidden;
    margin: -20px 0 90px 0;
}

#sidebar .section {
    background: transparent none;
    border-bottom: 1px solid #fff;
}

#sidebar .section .section-content {
    border-bottom: 1px solid #e4e4e3;
    padding: 20px;
    overflow: hidden;
}

#sidebar .section:last-child,
#sidebar .section:last-child .section-content {
    border: none;
}

#sidebar #sidebar-contactus {
    background: transparent url(../images/sidebar-light-bg.png) repeat-y top left;
}

#sidebar #sidebar-flags li {
    display: block;
    padding: 0 0 10px 0;
    font-size: 0.875em;
}

#sidebar #sidebar-flags li img {
    vertical-align: middle;
}

#sidebar #sidebar-reference h2 {
    text-transform: uppercase;
    padding: 0 0 10px 0;
}

#sidebar #sidebar-reference h3 {
    font-size: 0.875em;
    padding: 10px 0 5px;
}

#sidebar #sidebar-reference ul li {
    font-size: 0.75em;
    padding: 0 0 3px 0;
}

#sidebar #sidebar-reference .image {
    margin: 0 0 10px 0;
}

#sidebar #sidebar-reference .quote {
    padding: 0 0 10px 0;
    margin: 0;
}

#sidebar #sidebar-reference .quote cite {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9375em;
}

#sidebar #sidebar-reference .quote p {
    font-size: 0.75em;
}

#sidebar #sidebar-reference .readmore {
    font-size: 0.75em;
    padding: 7px 0 0 0;
}

/*#sidebar #sidebar-logobox {
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: 255px;
}*/

#sidebar #sidebar-logobox .image {
    padding: 0 0 10px 0;
}

#sidebar-contactus h2,  
#sidebar-contactus h3 {
    font-size: 1.75em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0.2em 0;
}

#sidebar-contactus h3 {
    font-size: 1.125em;
}

#sidebar-contactus p {
    font-size: 0.8125em;
    padding: 0 0 1em 0;
}

#sidebar-login h2,  
#sidebar-login h3 {
    font-size: 1.75em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0.2em 0;
}

#sidebar-login h3 {
    font-size: 1.125em;
}

#sidebar-login p {
    font-size: 0.8125em;
    padding: 0 0 1em 0;
}

/***************************************************
 ARTICLE LINE
 ***************************************************/

.article-line {
    overflow: hidden;
    padding: 0 0 20px 0;
}

.article-line .image {
    width: 95px;
    float: left;
    margin: 0 20px 0 0;
}

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

.article-line .content h2 {
    font-size: 0.9375em;
    font-weight: bold;
    text-transform: uppercase;
}

.article-line .content p {
    font-size: 0.875em;
}

.article-line .content a.readmore {
    display: block;
    padding: 5px 0 0 0;
    font-size: 0.875em;
}
/***************************************************
 ARTICLE FULL
 ***************************************************/

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

.article-hr {
    padding-bottom: 40px;
    background: transparent url(../images/hr.png) no-repeat center bottom;
}

.article .mainimage {
    float: left;
    margin: 0 15px 0 0;
}

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

.article .file {
    font-size: 0.875em;
    overflow: hidden;
    float: right;
}

.article .file-top {
    margin-top: -10px;
}

.article .file img {
    vertical-align: middle;
}

.article .intro p,
.article .body h2 {
    font-weight: normal;
    font-size: 1.125em;
    padding: 0 0 0.5em 0;
    line-height: 1.5em;
}

.article .body h3,
.article .body h4 {
    font-size: 0.875em;
    padding: 0.5em 0 0.25em 0;
    line-height: 1.5em;
    font-weight: bold;
}

.article .body p {
    font-size: 0.875em;
    padding: 0 0 0.75em 0;
    line-height: 1.5em;
}

.article .body ul {
    font-size: 0.875em;
}

.article .body ul li {
    display: block;
    padding: 0 0 0.5em 1.5em;
    background: transparent url(../images/bullet.png) no-repeat 0.25em 0.35em;
}

.article .body ol {
    font-size: 0.875em;
    padding: 0 0 1em 2em;
}

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

.factbox .content {
    background: #f3f2f1 url(../images/box-bg.png) top left repeat-x;
    border: 1px solid #ebeae8;
    padding: 10px;
}

.factbox .content h2 {
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0.5em 0;
}

.factbox .content h3 {
    font-size: 0.75em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0.5em 0;
}

.factbox .content p {
    font-size: 0.75em;
    padding: 0 0 0.5em 0;
}

.factbox .content dl {
    font-size: 0.75em;
}

.factbox .content dt {
    width: 40%;
    float: left;
    clear: both;
    margin: 0 0 5px 0;
}

.factbox .content dd {
    overflow: hidden;
    margin: 0 0 5px 0;
    padding: 0 0 0 10px;
}

/***************************************************
 REFERENCE
 ***************************************************/

#reference {
    overflow: hidden;
}

#reference h3.subtitle {
    font-size: 1.125em;
    text-transform: uppercase;
    margin: 0 0 20px 20px;
}

#reference .image {
    margin: 0 0 20px 0;
}

#reference .factbox {
    float: left;
    width: 325px;
    clear: both;
    margin: 20px 0 0 0;
}

#reference .factbox h2 {
    font-size: 0.875em;
    font-weight: bold;
    margin: 0 0 3px 11px;
}

#reference .article {
    overflow: hidden;
    margin: 0 20px 0 0;
}

#references {
    overflow: hidden;
    padding: 0 0 0 20px;
}

#references .row {
    overflow: hidden;
}

#references .item {
    float: left;
    width: 105px;
    padding: 0 8px 20px 0;
}

#references .item .image {
    margin: 0 0 5px 0;
}

#references .item h4,
#references .item p {
    font-size: 0.75em;
    margin: 0 0 2px 0;
}

#references .item-selected .image {
    opacity: 0.5;
}

#staff-frontpage #cvs-large {
    padding: 0 20px 15px 20px;
    overflow: hidden;
}

#staff-frontpage #cvs-large .row {
    padding: 0 0 15px 0;
    overflow: hidden;
}

#staff-frontpage #cvs-large h2 {
    font-size: 1.125em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 20px 20px 0;
}

#staff-frontpage #cvs-large .box {
    float: left;
    width: 33.3333%;
}

#staff-frontpage #cvs-large .box h3 {
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 20px 10px 0;
}

#staff-frontpage #cvs-large .box h3 img {
    display: inline;
    vertical-align: middle;
}

#staff-frontpage #cvs-large .box ul li {
    font-size: 0.75em;
    padding: 0 20px 5px 0;
}

#staff-frontpage #cvs-large .box .readmore {
    font-size: 0.75em;
    font-weight: bold;
    border-top: 1px dotted #ebeae8;
    border-bottom: 1px dotted #ebeae8;
    padding: 10px 20px 10px 0;
    margin: 10px 0 0 0;
}

#staff-frontpage #cvs-small {
    background: transparent url(../images/hr.png) no-repeat center bottom;
    padding: 5px 25px 40px 25px;
}

#staff-frontpage #cvs-small h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.875em;
    padding: 0 0 0.75em 0;
}

#staff-frontpage #cvs-small p {
    font-size: 0.75em;
}

/***************************************************
 ICONBOX
 ***************************************************/

#iconbox-list {
    overflow: hidden;
    margin: 20px 10px 20px 10px;
}

.iconbox {
    width: 33%;
    float: left;
    border-left: 1px solid #ebeae8;
    margin: 0 0 0 -1px;
}

.iconbox h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.875em;
    padding: 0 10px 0.75em 10px;
}

.iconbox h2 img {
    float: none;
    display: inline;
    vertical-align: middle;
}

.iconbox .content {
    padding: 0 10px;
}

.iconbox ul {
    font-size: 0.75em;
}

.iconbox ul li {
    display: block;
    padding: 5px 0;
    border-top: 1px solid #ebeae8;
}

.iconbox ul li:first-child {
    border-top: none;
}

.iconbox ul + ul li:first-child {
    border-top: 1px solid #ebeae8;
}

/***************************************************
 JOBS
 ***************************************************/

#jobs #iconbox-list {
    background: transparent url(../images/hr.png) no-repeat center bottom;
    padding-bottom: 40px;
    margin-bottom: 5px;
}

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

#employees h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9375em;
    padding: 0 0 3px 20px;
}

#employees .wrap {
    background: #f3f2f1 url(../images/box-bg.png) top left repeat-x;
    padding: 0 0 0 10px;
    overflow: hidden;
    border-top: 1px solid #ebeae8;
    border-bottom: 1px solid #ebeae8;
    margin: 0;
}

#employees .employee {
    float: left;
    width: 33%;
}

#employees .employee .content {
    border-left: 1px solid #fff;
    border-right: 1px solid #ebeae8;
    padding: 10px;
}

#employees .employee-first .content {
    border-left: none;
}

#employees .employee-last .content {
    border-right: none;
}

#employees .employee .image {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #ebeae8;
}

#employees .employee .intro {
    overflow: hidden;
}

#employees .employee h3 {
    font-weight: bold;
    font-size: 0.875em;
    padding: 0 0 0.5em 0;
}

#employees .employee p {
    font-size: 0.875em;
    padding: 0 0 0.5em 0;
}

#employees .employee .body p {
    color: #757575;
}

#frontpage-items {
    background: #f3f2f1 url(../images/box-bg.png) top left repeat-x;
    padding: 0 0 0 10px;
    overflow: hidden;
    border-top: 1px solid #ebeae8;
    border-bottom: 1px solid #ebeae8;
    margin: 20px 0 0 0;
}

#frontpage-items .folder-line,
#frontpage-items .frontpage-item {
    float: left;
    width: 33%;
}

#frontpage-items .folder-line .content,
#frontpage-items .frontpage-item .content {
    border-left: 1px solid #fff;
    border-right: 1px solid #ebeae8;
    padding: 10px;
}

#frontpage-items .folder-line h2,
#frontpage-items .frontpage-item h2 {
    font-size: 0.875em;
    padding: 0 0 0.5em 0;
    text-transform: uppercase;
    font-weight: bold;
}

#frontpage-items .folder-line li,
#frontpage-items .frontpage-item p {
    font-size: 0.75em;
    padding: 0 0 0.5em 0;
}

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

.form {
    padding: 0;
}

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

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

.form .text input,
.form .text select,
.form .text textarea {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 0.75em;
    width: 400px;
}

.form .text select {
    width: 406px;
}

.form .message-warning {
    border: 1px solid #c72127;
    padding: 10px 10px 5px 10px;
    margin: 0 0 20px 0;
}

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

.form .message-warning ul {
    font-size: 0.75em;
}
.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;
}


/***************************************************
 ABOUT
 ***************************************************/

#about .factbox {
    float: left;
    width: 210px;
    clear: both;
    margin: 20px 0 0 0;
}

#about .factbox h2 {
    font-size: 0.875em;
    font-weight: bold;
    margin: 0 0 3px 11px;
}

#about .article {
    overflow: hidden;
}

#about #iconbox-list {
    background: transparent url(../images/hr.png) no-repeat center bottom;
    padding-bottom: 40px;
    margin-bottom: 5px;
}

#about #keywords {
    padding: 0 25px 0 25px;
}

#about #keywords h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.875em;
    padding: 0 0 0.75em 0;
}

#about #keywords p {
    font-size: 0.75em;
}


/***************************************************
 IFRAME
 ***************************************************/

iframe.iframe-full {
    width: 100%;
    border: none;
}

#page.full #maincontent {
    width: 100%;
    float: none;
    overflow: hidden;
}