@charset "UTF-8";
/*
Theme Name: Name
Theme URI: http://www.url.se
Description: Description
Version: 1.0
Author: Oakwood Creative
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/**/
/* remember to define focus styles! */
:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background: white;
}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Basic */

.structural {
position: absolute;
top: -999px;
left: -999px;
width: 0px;
height: 0px;
overflow: hidden;
}

.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clear {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear {
height: 1%;
}

.clear {
display: block;
}

/* End hide from IE-mac */

/* Type */

body {
position: relative;
font: 0.625em/1.5 Arial, Helvetica, sans-serif;
}

a {
border-bottom: 1px dotted #ea449d;
color: #ea449d;
text-decoration:none;
}

a:hover {
border-color: #0099ff;
color: #0099ff;
}

blockquote {
font-size: 1.6em;
font-weight: bold;
line-height: 1.2;
background: url(img/sprites.png) no-repeat -100px 0;
padding: 0 0 0 35px;
}

blockquote:after {
content: "”";
}

p {
font-size: 1.2em;
margin: 0 0 1em;
}

p.leading {
font-size: 1.5em;
line-height: 1.3;
color: #333;
}

h1 {
font-size: 2.2em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -0.05em;
margin: 0 0 10px;
}

#intro-main h1 {
font-size: 3.2em;
}

#employees h1,
#clients h1 {
font-size: 1.2em;
}

#cases article > p {
font-size: 1.5em;
line-height: 1.3;
color: #333;
}

/* Layout */

body {
width: 855px;
margin: 0 auto;
padding: 60px 0;
}

header {
border-bottom: 1px dotted #d7d7d7;
padding: 0 0 30px;
margin: 0 0 20px;
}

header img {
display: block;
margin: 0 0 0 -10px;
}

#intro,
#cases,
#cases article {
float: left;
width: 100%;
}

#intro {
border-bottom: 1px dotted #d7d7d7;
padding: 0 0 30px;
margin: 0 0 20px;
}

#intro aside {
float: right;
width: 355px;
}

#intro-main {
float: left;
width: 435px;
padding: 0 30px 0 0;
border-right: 1px dotted #d7d7d7;
}

#intro .vcard {
position: absolute;
top: 60px;
left: 480px;
width: 375px;
}

#intro .vcard p {
float: left;
padding: 0 0 0 55px;
}

#cases {
padding: 0 0 30px;
margin: 0 0 15px;
border-bottom: 1px dotted #d7d7d7;
}

#cases article {
margin: 0 0 70px;
}

#cases .text {
float: left;
width: 435px;
}

#cases aside {
float: right;
width: 340px;
padding: 15px 25px 10px;
margin: 40px 0 0 0;
background: #ededed;
}

#cases aside h2 {
float: left;
clear: left;
font-size: 1.2em;
font-weight: bold;
margin: 0 5px 0 0;
}

#cases aside h2:after {
content: ":";
}

#cases aside p {
float: left;
margin: 0 0 5px;
}

.slide  {
position: relative;
margin: 0 0 20px;
}

.jcarousel-clip {
width: 855px;
height: 505px;
overflow: hidden;
}

.slide ul {
position: relative;
width: 855px;
height: 505px;
margin: 0 0 20px;
overflow: hidden;
}

.slide li {
float: left;
width: 855px;
height: 505px;
}

.slide .jcarousel-next,
.slide .jcarousel-prev {
position: absolute;
top: 0;
left: -55px;
width: 50px;
height: 505px;
background: #bfbfbf url(img/sprites.png) no-repeat 0 50%;
cursor: pointer;
text-indent: -999em;
overflow: hidden;
}

.slide .jcarousel-next {
left: auto;
right: -55px;
background-position: -50px 50%;
}

.slide .jcarousel-next:hover,
.slide .jcarousel-prev:hover {
background-color: #000;
}

#employees {
float: left;
width: 465px;
margin: 0 0 20px;
border-right: 1px dotted #d7d7d7;
}

#employees ul,
#clients ul {
float: left;
font-size: 1.2em;
}

#clients li {
float: left;
width: 115px;
height: 50px;
margin: 0 0 10px;
}

#clients li.skl,
#clients li.sportamore {
width: auto;
margin-right: 10px;
}

#employees li {
float: left;
width: 145px;
height: 50px;
}

#clients {
float: right;
width: 370px;
}

footer {
clear: both;
padding: 10px 0 0;
border-top: 1px dotted #d7d7d7;
color: #333;
}

address {
font-size: 1.2em;
font-style: normal;
}

/* Module: Twitter */

#twitter {
margin: 20px 0;
}

#twitter p {
padding: 0 0 0 35px;
}

/* Module: Jobs */

#jobs {
width: 285px !important;
padding: 15px 35px 10px;
background: #000;
color: #fff;
}

#jobs h1 {
font-size: 1.4em;
font-weight: bold;
line-height: 1.33;
margin: 0 0 .5em;
}

#jobs p {
line-height: 1.33;
}

#jobs a {
color: #fff;
border: none;
font-weight: bold;
}