@import "reset.css";


/* Generic elements */

body { padding: 70px 0; background-color: #54555e; color: #454545; font: .814em/1.4em Calibri, Arial, Helvetica, sans-serif; }

p { margin-bottom: 1em; }

img { vertical-align: middle; }
img.port { float: left; margin: 3px 10px 10px 0; }
img.star { float: right; margin: 3px 0 10px 10px; }

iframe { display: block; vertical-align: bottom; }

li { min-height: 1px; }


/* Links & Buttons */

a,:link,:visited { color: #414343; text-decoration: underline; } 
a:hover,a.important,a.on { color: #e8570d; text-decoration: underline; }

a.white,a.white:link,a.white:visited { color: #ffffff; text-decoration: none; }
a.white:hover { text-decoration: underline; }

a.orange,a.orange:link,a.orange:visited { color: #e8570d; text-decoration: none; }
a.orange:hover { text-decoration: underline; }

a.more,a.more:link,a.more:visited { padding-right: 12px; background: url(images/arrow1-rightwards-white.png) 100% 50% no-repeat; white-space: nowrap; text-decoration: none; }
a.more:hover { text-decoration: underline; }

a.more2,a.more2:link,a.more2:visited { text-decoration: none; }
a.more2 > .a { padding: 2px 12px 2px 0; background: url(images/arrow1-rightwards-white.png) 100% 50% no-repeat; white-space: nowrap; *display: inline-block; }
a.more2:hover { background-image: url(images/arrow1-right-black.png); color: #49317b; }

a.more3,a.more3:link,a.more3:visited { padding-right: 12px; color: #e8570d; background: url(images/arrow1-rightwards-grey.png) 100% 50% no-repeat; white-space: nowrap; text-decoration: none; }
a.more3:hover { text-decoration: underline; }

a.pdf,a.pdf:link,a.pdf:visited { display: inline-block; padding: 0 0 0 25px; background: url(images/icon1_pdf.png) 0 50% no-repeat; white-space: nowrap; }
a.pdf:hover {  }


/* Blockquote */

blockquote { padding: .25em 0 0 28px; background: url(images/quotes1-open.png) no-repeat; color: #212121; font-size: 16px; }
blockquote p { margin-bottom: .5em; }
blockquote .a { margin: -4px 0; padding: 2px 28px 2px 0; background: url(images/quotes1-close.png) 100% 100% no-repeat; white-space: nowrap; *display: inline-block; }
blockquote cite { display: block; }


/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; line-height: normal; }

h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 100%; }


/* Clearfix */

.clearfix, .box, .colgroup, .colset, .section, .after { display: block; *display: inline-block; }
.clearfix:after, .box:after, .colgroup:after, .colset:after, .section:after, .after:after { clear: both; display: block; height: 0; visibility: hidden; content: "."; }


/* Layout models */

.inner { padding: 15px 15px 1px; }
.section { margin-bottom: 1em; }
.outwards { width: 100%; min-width: 1060px; }
.inwards { width: 1060px; margin: 0 auto; padding: 0; text-align: left; }
.overlay { position: absolute; bottom: 0; left: 0; right: 0; }
.loading { display: block; min-height: 50px; background: url(images/loading.gif) 50% 50% no-repeat; }


/* Column group model */

.colgroup { clear: both; min-height: 1px; }
.colgroup > .colset { clear: both; }
.colgroup .col, ul.colgroup > li { display: inline; float: left; width: 49.9%; }
.colgroup .col.star { float: right; }
.colgroup.pillars > .col { width: 33.3%; }
ul.colgroup > li.colset { display: block; float: none; width: auto; }


/* Custom column groups */

.colgroup1 > .colA { width: 516px; }
.colgroup1 > .colB { float: right; width: 331px; }

.colgroup2 > .colA { width: 278px; }
.colgroup2 > .colB { float: right; width: 600px; }

.colgroup3 > .colA { width: 580px; }
.colgroup3 > .colB { float: right; width: 310px; }


/* Box models */

.box { margin-bottom: 1em; }

.boxA { background: #000 url(images/box2-bottom-left.png) 0 100% no-repeat; font-size: 0.814em/1.4em; }
.boxA a, .boxA a:link, .boxA a:visited { color: #fff; }
.boxA > .after { padding: 57px 23px 23px 25px; background: url(images/box2-top-right.png) 100% 0 no-repeat; color: #fff; }

.box-testi { margin: 0; padding: 0 12px; width: 286px; height: auto; background-color: #eeeeee; }
.box-testi blockquote { display: inline; padding: 0; color: #242021; background-image: none; font-size: 1em; }
.box-testi blockquote p { margin: 0; }
.box-testi blockquote > img { margin: 1px 10px 5px 0; border: solid 5px #414343; }
.box-testi blockquote .a { margin-left: 15px; }
.box-testi blockquote cite { display: inline; font-size: 11px; }
.box-testi-top { margin: 0; padding: 0; width: 310px; height: 12px; background: url(images/bg-testi-top.png) 0 0 no-repeat; }
.box-testi-bottom { margin-bottom: 10px; padding: 0; width: 310px; height: 12px; background: url(images/bg-testi-bottom.png) 0 0 no-repeat; }


/* List models */

.listA a, .listA a:link, .listA a:visited { color: #fff; }
.listA > li { overflow: hidden; width: 254px; height: 81px; margin: -5px -5px 10px; padding: 18px 55px 0 32px; background: url(images/box3-341x99.png) 0 0 no-repeat; color: #fff; }
.listA > li h4 { margin-bottom: .3em; font-weight: normal; text-transform: uppercase; font-family: "Century Gothic", Calibri, Arial, Helvetica, sans-serif; font-size:15px; }

.listB { font-size: 0.814em/1.4em; }
.listB a, .listB a:link, .listB a:visited { color: #fff; }
.listB > li { overflow: hidden; width: 231px; height: 68px; margin: 0 -8px 0 -2px; padding: 15px 33px 0 23px; background: url(images/box3-287x83.png) 0 0 no-repeat; color: #fff; }
.listB > li h4 { margin-bottom: .3em; font-weight: normal; text-transform: uppercase; font-family: "Century Gothic", Calibri, Arial, Helvetica, sans-serif; font-size:15px;}

.listC a, .listC a:link, .listC a:visited { color: #fff; }
.listC > li { overflow: hidden; width: 395px; height: 134px; margin: -5px -9px 10px -1px; padding: 17px 34px 0 15px; background: url(images/box3-444x151.png) 0 0 no-repeat; color: #fff; }
.listC > li h3 { margin-bottom: .1em; font-weight: normal; text-transform: uppercase; font-family: "Century Gothic", Calibri, Arial, Helvetica, sans-serif; font-size:15px; }

.listD a, .listD a:link, .listD a:visited { color: #fff; }
.listD > li { overflow: hidden; width: 281px; height: 68px; margin: 0 -10px 0 -1px; padding: 15px 20px 0; background: url(images/box3-321x83.png) 0 0 no-repeat; color: #fff; }
.listD > li h3 { margin-bottom: .2em; font-weight: normal; text-transform: uppercase; font-family: "Century Gothic", Calibri, Arial, Helvetica, sans-serif; font-size:15px; }

.listE a, .listE a:link, .listE a:visited { color: #fff; }
.listE > li { overflow: hidden; width: 290px; height: 86px; margin: 0 -10px .7em -1px; padding: 15px 15px 0; background: url(images/box3-320x101.png) 0 0 no-repeat; color: #fff; }
.listE > li > img { margin-top: 6px; }
.listE > li > a > img { margin-top: 6px; }
.listE > li h3 { margin-bottom: 0; font-size: 14px; font-weight: normal; text-transform: uppercase; font-family: "Century Gothic", Calibri, Arial, Helvetica, sans-serif; font-size:15px; }

.social-links > li { margin: 0 0 .5em; }
.social-links > li > a { padding: 5px 0 5px 25px; background-position: 0 3px; background-repeat: no-repeat; }
.social-links > li.vcard > a { background-image: url(images/icon1_vcard.png); }
.social-links > li.linkedin > a { background-image: url(images/icon1_linked-in.png); }


/* Story section */

.story p, .story blockquote, .story ul, .story ol { margin-bottom: 1em; }
.story h1, .story h2, .story h3, .story h4, .story h5, .story h6 { color: #e8570d; font-weight: normal; font-family: "Century Gothic", Calibri, Arial, Helvetica, sans-serif; }
.story h1, .story h2, .story h3 { text-transform: uppercase; }
.story h3 { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; }
.story ul li { margin: .2em 0; padding-left: 16px; background: url(images/bullet1.png) 0 6px no-repeat; }
.story ul.reset li { padding-left: 0; background-image: none; }
.story ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
.story .colgroup > .col { float: right; width: 48%; }
.story .colgroup > .col:first-child { float: left; }
.story > p.intro { margin-bottom: 1.2em; color: #212121; font-size: 16px; }


/* Single layers */

#wrapper { width: 1060px; margin: 0 auto; background-color: #fff; }
#container { padding: 0 71px; }
#main { clear: both; width: 100%; min-height: 150px; padding-bottom: 20px; }


/* The Header */

#header #logo { display: inline; float: left; clear: both; margin: 0; padding: 0 0 41px; }
#header #logo a { overflow: hidden; float: left; width: 266px; height: 0; padding-top: 108px; background: url(images/logo2022.png) no-repeat; }

#navbar { position: relative; float: left; width: 918px; margin: 0 -71px 54px; padding: 0 71px; background-color: #e8570d; color: #fff; }
#navbar > ul { position: relative; float: right; margin-right: -9px; font-size: 15px; text-transform: uppercase; }
#navbar > ul li { float: left; padding: 13px 24px 13px 29px; background: url(images/bullet2-white.png) 0 50% no-repeat; }
#navbar > ul li:first-child { background-image: none; padding-left: 0; }
#navbar > ul a { float: left; margin: -13px; padding: 13px; }
#navbar > ul a, #navbar > ul a:link, #navbar > ul a:visited { color: #fff; text-decoration: none; }
#navbar > ul a:hover, #navbar > ul a.on { margin: -26px -23px -13px -13px; padding: 26px 23px 13px 13px; background: url(images/box1.png) 100% 0 no-repeat; }

#header blockquote { display: inline; float: right; width: 460px; margin-top: 1px; padding: 0; background-image: none; }
#header blockquote > img { margin-top: 1px; border: solid 5px #414343; }
#header blockquote .a { margin-left: 5px; }
#header blockquote cite { display: inline; font-size: 11px; }


/* Welcome section */

#welcome { margin-bottom: 40px; }


/* Team listing */

#team-listing .colset { padding-bottom: 1em; }
#team-listing .colset > ul > li { float: right; width: 443px; }
#team-listing .colset > ul > li:first-child { float: left; }
#team-listing .colset > ul > li h2 { color: #e8570d; font-weight: normal; font-size: 14px; text-transform: uppercase; }
#team-listing .colset > ul > li h2 span { text-transform: none; }
#team-listing .colset > ul > li > span { display: block; float: left; margin: 0 10px .5em 0; padding: 3px 7px 7px 3px; background: url(images/shadow1.png) 0 0 no-repeat; }
#team-listing .colset > ul > li > span > img.port { float: left; margin: 0; border: solid 1px #f0f0f1; }
#team-listing .colset > ul > li .desc { margin-left: 140px; }
#team-listing .colset > ul > li .desc p { margin: 0 0 .5em; }


/* Services listing */

#services-listing > li { padding-bottom: 1em; }
#services-listing > li > a > img.port { margin-top: 0; padding: 5px 9px 5px 1px; background: url(images/shadow2.png) 0 0 no-repeat; }
#services-listing > li > h3 { color: #e8570d; font-weight: normal; font-size: 14px; text-transform: uppercase; }
#services-listing > li .desc p { margin: 0 0 .5em; }


/* Case Studies listing */

#case-studies-listing { position: relative; margin-bottom: 0; }
#case-studies-listing .colset { padding-bottom: 2em; }
#case-studies-listing .colset > ul { overflow: hidden; margin: 0 -7px; }
#case-studies-listing .colset > ul > li { display: inline; float: left; width: 296px; margin: 0 7px; }
#case-studies-listing .colset > ul > li h2 { color: #e8570d; font-weight: normal; font-size: 14px; text-transform: uppercase; }
#case-studies-listing .colset > ul > li h2 span { text-transform: none; }
#case-studies-listing .colset > ul > li > img.port { position: relative; margin: 0 4px 5px -1px; padding: 5px 9px 5px 1px; background: url(images/shadow2.png) 0 0 no-repeat; }
#case-studies-listing .colset > ul > li .desc { margin-left: 163px; }


/* The Footer */

#footer { clear: both; margin: 0 -71px; padding: 13px 71px 0px; background-color: #eee; }
#footer .tld { clear: both; margin: 0 -71px; padding: 10px 0px 0px; background-color: #54555E; text-align: right; color:#FFF; }