/*--------------------------------------------------------------
Spinit AB 2009

Author: Anders Kleve
		
--------------------------------------------------------------*/

/* Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }


html {background:url(../img/paper.jpg);}
body {font:62.5%/1.5 "lucida grande", arial, verdana, sans-serif; color:#333; background:url(../img/splash.jpg) center top repeat-x;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-family:Rockwell, Cambria, "Trebuchet MS", Georgia, serif; color:#474a51; font-weight:bold; clear:both;}

h1 {font-size:4em; line-height:1; margin-bottom:.5em;}
h2 {font-size:2em; margin-bottom:.25em;}
h3 {font-size:1.8em; margin-bottom:.5em;}
h4 {font-size:1.3em;}
h5 {font-size:1.1em;}

/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
address {margin-bottom:1.5em;}
blockquote {margin-bottom:1.5em;}
blockquote p {margin-bottom:0;}
code {}
del {}
dfn {}
dfn {}
em {font-style:italic;}
p {margin-bottom:1.5em;}
pre {}
strong {font-weight:bold;}

/* Link elements 
-------------------------------------------------------------- */
a:link,
a:visited {font-weight:bold; color:#3c769f; text-decoration:none;}
a:focus, 
a:hover,
a:active {text-decoration:underline;}

/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom:1.5em; list-style-position:inside;}
ul ul {margin-bottom:0;}
ol {margin-bottom:1.5em; list-style-position:inside;}
ol ol {margin-bottom:0;}
ol ol {margin-bottom:0;}

dl {margin-bottom:1.5em;}
dt {font-weight:bold;}
dd {font-style:italic;}

/* General classes
-------------------------------------------------------------- */
.align-left {float:left; margin-right:1em;}
.align-right {float:right; margin-left:1em;}
.highlight {}
.hide {display:none;}
.off-screen {position:absolute; left:-999em;}
.preamble {font-size:1.4em; font-style:italic;}
.container {width:960px; margin:0 auto;}
.section {margin-bottom:1.5em; padding-bottom:44px; background:url(../img/section-divider.png) center bottom no-repeat;}
.validation-summary-errors {padding-left:85px; min-height:61px; background:url(../img/warning.gif) no-repeat;}
.feed {background:url(../img/feed-icon.gif) right center no-repeat; padding-right:22px;}

/* Tables
-------------------------------------------------------------- */
table {margin-bottom:1.5em;}
caption {}
thead {}
tfoot {}
tbody {}
tr {}
th {}
td {}

/* Forms
-------------------------------------------------------------- */
form {margin-bottom:1.5em;}
fieldset {margin-bottom:1.5em;}
legend {position:absolute; left:-999em; text-indent:-999em; line-height:0;}
form p {margin-bottom:1em;}
label {display:block; font-weight:bold; margin-bottom:.5em;}
label span {color:#b50909; font-weight:bold;}
input[type="text"],
textarea,
select {display:block; width:288px; padding:5px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; font-weight:normal; background:#fff url(../img/shadow.gif) repeat-x;}
textarea {height:150px;}

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

/* Main navigation */
#main-navigation {position:absolute; bottom:23px; margin:0 0 0 -1.8em; list-style:none outside; font-family:rockwell, arial;}
#main-navigation li {float:left;}
#main-navigation a {float:left; padding:0 .75em; font-size:2.4em; font-weight:bold; line-height:2; text-decoration:none; text-transform:uppercase; color:#3a3c42;}
#main-navigation a:focus,
#main-navigation a:hover {color:#5b748a;}
#main-navigation .selected a {background:#fff; color:#5b748a; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* Secondary navigation */
#secondary-navigation {list-style:none outside; float:right; padding:1em 0; width:300px; border:1px solid #e3e3d7; border-top:3px solid #dadacb; background:url(../img/dark-paper.jpg); -moz-border-radius:15px; -webkit-border-radius:15px;}
#secondary-navigation li {margin-bottom:.75em;}
#secondary-navigation a {display:block; padding:0 1em; line-height:2; text-decoration:none; font-family:Rockwell, Cambria, Georgia, serif; font-size:1.6em; color:#3a3c42;}
#secondary-navigation a:focus,
#secondary-navigation a:hover {color:#5b748a;}
#secondary-navigation .selected a {color:#5b748a;}

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

/* Skip links */
#skip {position:absolute; top:-999em; left:-999em;}
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background:#ededee; color:#000;}

/* Header */
#header {position:relative; width:960px; height:238px; margin:0 auto;}
#logo {display:block; position:relative; top:55px; width:213px; text-indent:-999em; background:url(../img/spinit-logo-screen.png) no-repeat;}

/* Content */
#content {width:960px; margin:0 auto; padding:20px 0 40px 0; font-size:1.2em;}
#content:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
#main-content {float:left; width:600px;}
#secondary-content {float:right; width:300px;}

/* Footer */
#footer {clear:both; overflow:hidden; background:#474a51; color:#fff; font-size:1.2em; padding:30px 0;}
#footer a:link,
#footer a:visited {color:#b5dbfd;}
#footer h3 {color:#fff; font-weight:bold;}
.footer-column:first-child {border: none;}
.footer-column {float:left; width:280px; min-height: 160px; padding-left:30px; border-left:1px solid #fff; margin-left:-1px;}
.footer-column ul {list-style:none outside;}
.footer-column li {margin-bottom: .25em;}

/* Pages */
.start h2 {font-size:4em; line-height:1; margin-bottom:.5em; color:#474a51;}
.start #highlighted-services ul {list-style: none outside;}
.start #highlighted-services .ui-tabs-nav {margin-bottom:1em; margin-left:-1em;}
.start #contact-request {margin-bottom: 1.5em;}
.start #contact-request form,
.start #contact-request fieldset,
.start #contact-request .form-actions {margin-bottom: 0;}
.kontakt .spinit-employees {list-style:none outside;}
.kontakt .spinit-employees li {float:left; width:170px; height:250px; margin-right:30px;}
.kontakt .spinit-employees img {background:#fff; border:1px solid #ddd; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; margin:5px 0; padding:4px;}
.tjanster #our-services {list-style:none outside;}
.english .spinit-employees {list-style:none outside;}
.english .spinit-employees li {float:left; width:170px; margin:0 30px 1.5em 0;}

/* Customer case */
#random-customer-case h3 {margin-bottom:0;}
.case-image {float:right; margin-left:1.5em;}
.case-tags {font-size:1.3em; margin-bottom:1em;}

/* Tabs */
.ui-tabs-nav {overflow:hidden;}
.ui-tabs-nav li {float:left; margin-right:.5em; padding:0 1em; border:1px solid transparent; border-top:3px solid transparent;}
.ui-tabs-nav a {outline:none; float: left; font-size:1.8em; font-family:Rockwell, Cambria, Georgia, serif; text-decoration:none; color:#474A51;}
.ui-tabs-nav a:focus,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:active {color:#5b748a;}
.ui-tabs-nav .ui-tabs-selected {border:1px solid #e3e3d7; border-top:3px solid #dadacb; background:url(../img/dark-paper.jpg); -moz-border-radius:15px; -webkit-border-radius:15px;}
.ui-tabs-nav .ui-tabs-selected a {color:#5b748a;}
.ui-tabs-hide {display:none;}