/* CLEAR
------------------------------ */
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,b,u,i,center,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;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
table {border-collapse:collapse;border-spacing:0;}


/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5%/1.5 Calibri,Tahoma, Arial,Helvetica,Garuda,serif;background:#f0f1f2;color:#636363;text-align:center;}
a {color:#7f9cc6;text-decoration:underline;}
a:hover {color:#000;text-decoration:none;}
p {margin:0 0 1em;}
em {font-style:italic;}
strong {font-weight:700;}
code,kbd,pre {font-family:Courier New,Lucidatypewriter,monospace;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
button {cursor:pointer;}
input,select,textarea {font:normal 1.4em/1.5 Arial,Helvetica,Garuda,serif;}
button {font:normal 1.1em/1.55 Arial,Helvetica,Garuda,serif;}
.hidden,hr {display:none;}

/* buttons */
.btn {display:block;float:right;padding:.25em 1em .25em 1.5em;background:url(../images/icons/arrow-blue-right.png) no-repeat 0 50%;font-weight:bold;}
.btn:hover {background-color:#7F9CC6;color:#fff;background-image:url(../images/icons/arrow-white-right.png);}

/* typography quirks */
.p-t {margin-bottom:2em;}
.summary {font-size:1.4em;color:#1c1c1c;margin-top:-.7em;}

h1 {width:120px;height:20px;}
h1 a {display:block;width:100%;height:100%;overflow:hidden;text-indent:-1000em;background:url(../images/identity/parsek.png) no-repeat 0 0;}
h2 {font-size:2em;}

#content h2 {font-size:1.72em;margin:0 0 .5em;}
#content.wide h2 {font-size:2em;margin:0 0 .5em;}
#content h3 {font-weight:normal;color:#000;margin:0 0 1em;font-size:1.2em;}

#sidebar h2 {font-size:2.75em;line-height:1.1em;margin:0 0 .6em;}
#sidebar.right h2 {font-size:2.5em;margin:0;}
#sidebar h3 {font-size:1.6em;width:100%;clear:both;height:1.1em;padding:0;margin:0 0 .8em;background:url(../images/layout/stripe.png) repeat 0 0;}
#sidebar h4 {font-size:1.6em;clear:both;margin:0 0 .5em;}
#sidebar h4 a {text-decoration:none;}
#sidebar h4 a:hover {color:#7f9cc6;text-decoration:underline;}
#sidebar h3 span {float:left;display:block;background:#fff;padding-right:.25em;text-decoration:none;color:#000;}
#sidebar .location h3 {background:none;}

/* basic layout */
.w {width:950px;clear:both;margin:0 auto;text-align:left;position:relative;}
#site {font-size:1.2em;}
#identity {background:#050505;padding:2em 0 1em;width:100%;}
#header {background:#1c1c1c url(../images/layout/world.png) repeat-x 50% 0;padding:2em 0;width:100%;min-height:17em;}
#body {background:#fefefe;padding:3em 0;width:100%;}
#content {width:540px;margin:.2em 0 2em;float:right;}
#sidebar {width:380px;margin:0 30px 2em 0;float:left;}
#content.wide {width:665px;float:left;}
#sidebar.right {width:250px;float:right;margin:0 0 2em 30px;}
#footer {border-top:1px solid #e5e6e7;padding:1em 0 2em;width:100%;}

/* main navigation */
#main-navigation {float:left;width:200px;}
#main-navigation ul li {font-size:1.8em;}
#main-navigation ul li a {color:#7f9cc6;text-decoration:none;background:url(/_sl/images/text/main-navigation.png);background-repeat:no-repeat;text-indent:-1000em;overflow:hidden;display:block;height:30px;}
#main-navigation ul li .people {background-position:0 0;}
#main-navigation ul li .services {background-position:0 -30px;}
#main-navigation ul li .portfolio {background-position:0 -60px;}
#main-navigation ul li .employment {background-position:0 -90px;}
#main-navigation ul li .people:hover {background-position:0 -120px;}
#main-navigation ul li .services:hover {background-position:0 -150px;}
#main-navigation ul li .portfolio:hover {background-position:0 -180px;}
#main-navigation ul li .employment:hover {background-position:0 -210px;}
#main-navigation ul li li {font-size:.5em;margin:0 0 .25em;}
#main-navigation ul li li a {background:none;text-indent:0;overflow:auto;display:inline;height:auto;}
#main-navigation ul li ul {margin:.25em 0 .5em;}
#main-navigation ul li li.active a {color:#fff;}

/* header keyvisual - 730x250 */
#keyvisual {width:730px;height:250px;overflow:hidden;background:#e8e8e8 url(../images/layout/bg-noflash.png) repeat-x 0 100%;position:absolute;right:0;top:-4.5em;border:5px solid #fff;}
#keyvisual .nojavascript {padding:3.2em 0 0 9em;height:15em;color:#000;background:url(../images/icons/adobe-flash.png) no-repeat 2em 2em;}
#keyvisual .nojavascript a {color:#7d1e22;}

/* portfolio thumbnails */
.portfolio-thumbs li {width:262px;margin:0 0 16px 0;float:left;clear:right;}
.portfolio-thumbs li.odd {margin-right:16px;clear:none;}
.portfolio-thumbs li .photo {padding:5px;background:#fff;border:1px solid #d8d8d8;display:block;margin:0 0 .5em;}
.portfolio-thumbs li:hover .photo {border-color:#b8b8b8;}
.portfolio-thumbs li .photo span {width:250px;height:100px;overflow:hidden;margin:0;clear:none;}
.portfolio-thumbs li .photo span img {display:block;}
.portfolio-thumbs li h3 {font-size:1.5em;line-height:1.25;}
.portfolio-thumbs li h3 a {text-decoration:none;display:block;float:left;border-bottom:1px solid #fff;}
.portfolio-thumbs li h3 a:hover {border-color:#000;}
.portfolio-thumbs li span {display:block;margin:0 0 .25em;clear:both;text-transform:uppercase;font-size:.8em;}

/* sidebar */
#sidebar .block {position:relative;width:100%;margin:0 0 2em;}

/* sidebar - jobs */
#sidebar .jobs .people {position:absolute;right:.5em;top:-1em;}
#sidebar .jobs ul {width:100%;}
#sidebar .jobs ul li {width:100%;float:left;margin:0 0 .2em;}
#sidebar .jobs ul li a {float:left;display:block;padding:.25em 1em .15em;background:#edeef0;font-weight:bold;text-decoration:none;}
#sidebar .jobs ul li a:hover {background:#7F9CC6 url(../images/icons/arrow-white-right.png) no-repeat 0 .5em;color:#fff;padding-left:1.5em;}

/* sidebar - news */
#sidebar .news ul li .date-author {font-size:.89em;}
#sidebar .news ul li h4 {font-size:1.4em;font-weight:normal;width:100%;}
#sidebar .news ul li h4 a {color:#3b3b3b;text-decoration:none;display:block;float:left;line-height:1.2;border-bottom:1px solid #fff;}
#sidebar .news ul li h4 a:hover {border-color:#000;}

/* sidebar - location, contact */
#sidebar .location {border-bottom:1px solid #b2b2b2;padding:0 0 1em;margin:0 0 1em;}
#sidebar .location dl {font-weight:bold;font-size:1.8em;width:100%;line-height:1.25;}
#sidebar .location dl dt,
#sidebar .location dl dd {float:left;}
#sidebar .location dl dt {width:7%;color:#b2b2b2;}
#sidebar .location dl dd {width:93%;}

/* sidebar - last project */
#sidebar .last-project .photo {display:block;width:240px;border:5px solid #fff;overflow:hidden;text-align:center;margin:0 0 .5em;}
#sidebar .last-project .photo:hover {border-color:#E5E6E7;}
#sidebar .last-project .photo img {display:block;margin:0 auto;}

/* sidebar - profile */
#sidebar .profile .photo {display:block;width:248px;border:1px solid #d8d8d8;margin:0 0 1em;}
#sidebar .profile .photo span {display:block;width:238px;overflow:hidden;border:5px solid #fff;}
#sidebar .profile .photo span img {display:block;}
#sidebar .profile h2 {margin:0;}
#sidebar .profile .position {display:block;margin:-.35em 0 1.5em;}
#sidebar .profile .qa dd {font-size:1.3em;color:#000;border-bottom:1px solid #d8d8d8;padding:0 0 .35em;margin:0 0 .5em;}

/* sidebar - awards */
#sidebar .awards h3 {background:none;color:#000;font-weight:normal;font-size:1.4em;}
#sidebar .awards dl {font-size:1.1em;}
#sidebar .awards dl dd {border-bottom:1px solid #dbdcdd;padding:.5em 0;}
#sidebar .awards dl dd a {font-weight:bold;}

/* google maps */
#googlemaps {border:1px solid #636363;width:538px;height:308px;margin:0 0 1em;background:#f0f1f2;}

/* raw CMS content */
.cms p {margin:0 0 1em;}
.cms ul,
.cms ol {margin:0 0 1.5em 1em;}
.cms ul li,
.cms ol li {margin-left:1.75em;}
.cms ul,
.cms ul li {list-style:disc;}
.cms ol,
.cms ol li {list-style:decimal;}

/* random */
.back {font-weight:bold;}

/* plain form */
.data ol li {width:100%;float:left;margin:0 0 .5em;}
.data ol li label {display:block;float:left;width:160px;padding:4px 10px 0 0;}
.data ol li input,
.data ol li textarea {display:block;float:left;border:1px solid #b2b2b2;padding:2px 2px 1px;}
.data ol li input {width:220px;}
.data ol li select {width:368px;}
.data ol li textarea {width:364px;}
.data .checkbox input,.data .radio input {width:auto;margin:1px 5px 0 0;padding:0;border:0;}
.data .checkbox label,.data .radio label {padding:0;}
.data .button {margin-left:170px;font-weight:bold;color:#fff;width:auto;display:block;padding:5px 10px 4px;cursor:pointer;border:1px solid #000;border-left:1px solid #ccc;border-top:1px solid #ccc;background:#4e78b6 url(../images/layout/gradient-blue.png) repeat-x 0 0;}
.data .button:hover {background:#45c530 url(../images/layout/gradient-green.png) repeat-x 0 0;}

.data ol li label.error {color:#f00;font-weight:bold;}
.data ol li input.error {border-color:#f00;background:#fdefef;}
.data ol li span.error {display:block;margin:1px 0 0 170px;color:#fff;padding:14px 10px 3px;float:left;clear:both;font-weight:bold;font-size:11px;background:url(../images/layout/bg-error2.png) no-repeat 0 0;}

.data ol li .options {overflow:auto;margin:7px 0 0;float:left;width:60%;}
.data ol li .options li {display:block;clear:both;}
.data ol li .options li label {width:80%;}

.data ol li .rich-calendar-button  {margin:3px 0 0 3px;}

/* inquiry form */
.inquiry h3 {margin:0 0 10px;background:#f1f1f1;padding:5px 10px 3px;font-size:14px;}
.inquiry fieldset {margin:0 0 20px;}
.inquiry ol li label {width:260px;padding-left:10px;}
.inquiry ol li select {width:auto;font-size:12px;}
.inquiry .button {clear:both;float:left;margin:0 0 0 280px;}

.success {border:2px solid #379f1f;background:#fff;padding:1px 1px 1px 3.5em;margin:0 0 2em;background:url(../images/icons/tick.png) no-repeat 1em 50%;}
.success p {display:block;padding:.75em 1em;margin:0;color:#fff;background:#379f1f;line-height:1.25;}

/* job ads */
.job-profile {margin:0 0 2em;}
.job-profile .photo {width:80px;float:left;margin:0 2em 0 0;padding:1em 5px;overflow:hidden;border:1px solid #ddd;text-align:center;}
.job-profile .photo img {display:block;margin:0 auto;}
.job-profile dl {float:left;line-height:1.8;width:420px;margin:1.5em 0 0;}
.job-profile dl dt,
.job-profile dl dd {display:block;float:left;}
.job-profile dl dt {width:140px;color:#1C1C1C;font-weight:bold;}
.job-profile dl dd {width:280px;}

/* client list */
.client-list {width:100%;clear:both;}
.client-list ul {width:655px;border-left:1px solid #dbdcdd;border-top:1px solid #dbdcdd;}
.client-list ul li {width:130px;height:130px;display:block;float:left;border-right:1px solid #dbdcdd;border-bottom:1px solid #dbdcdd;}
.client-list ul li a {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;}
.client-list ul li a img {display:none;}
.client-list ul li:hover {border-color:#666;}

/* project list */
.project-list,
.project-list ul {width:100%;clear:both;}
.project-list ul li {width:100%;float:left;margin:0 0 2.5em;}
.project-list ul li .photo {display:block;float:left;border:1px solid #d8d8d8;width:440px;height:190px;float:left;margin:0 1.7em 0 0;}
.project-list ul li .photo span {display:block;overflow:hidden;width:430px;height:180px;border:5px solid #fff;}
.project-list ul li .photo span img {display:block;}
.project-list ul li .photo:hover {border-color:#fff;}
.project-list ul li .photo:hover span {border-color:#d8d8d8;}
.project-list ul li .details {float:left;width:200px;}
.project-list ul li .details h4 {font-size:1.5em;margin:0;line-height:1.1;}
.project-list ul li .details h4 a {text-decoration:none;display:block;float:left;border-bottom:1px solid #fff;padding:0;}
.project-list ul li .details h4 a:hover {border-color:#000;}
.project-list ul li .details .client {text-transform:uppercase;font-size:.9em;display:block;margin:-.15em 0 .75em;}
.project-list ul li .details .cms {margin:0 0 1em;}
.project-list ul li .details .url {font-weight:bold;font-size:1.25em;text-decoration:none;}

/* reference list */
.reference-list {width:440px;float:left;margin:0 40px 0 0;}
.reference-list ul {width:100%;float:left;}
.reference-list ul li {margin:0 0 15px;float:left;width:100%;}
.reference-list ul li span {display:block;overflow:hidden;width:430px;height:180px;border:5px solid #d8d8d8;}

/* reference description */
.reference-description {width:470px;float:left;}
.reference-description h3 {color:#000;font-size:18px;}
.reference-description .cms {margin:0 0 25px;}
.reference-description dl {margin:0 0 25px;overflow:auto;line-height:2;}
.reference-description dl dt,
.reference-description dl dd {display:block;float:left;}
.reference-description dl dt {width:100px;}
.reference-description dl dd {width:370px;clear:right;}
.reference-description dd.ext a {padding-right:15px;background:url(../images/icons/external-light.png) no-repeat 100% 3px;}
.reference-description dd.ext a:hover {background:#7f9cc6 url(../images/icons/external.png) no-repeat 100% 3px;color:#fff;}

/* project info */
.project-info {padding:18px 0 0;margin:0 0 20px;}

/* people profile */
#content h2.name {margin:0 .25em 0 0;float:left;}
#content .position {display:block;float:left;margin:.75em 0 0;}
.contacts {width:96%;padding:1% 2%;clear:both;margin:0 0 1.5em;background:#f0f2f3;}
.intro {font-size:1.3em;color:#000;margin:0 0 1.5em;}
.contacts li a {font-weight:bold;}
.projects li {display:inline;}

/* history */
.history {margin:0 0 1em;width:100%;clear:both;}
.history dt,
.history dd {display:block;float:left;}
.history dt {width:10%;color:#000;font-size:1.6em;}
.history dd {width:90%;clear:right;border-bottom:1px solid #d8d8d8;padding:.25em 0 1em;margin:0 0 1em;}

/* team */
.team {overflow:auto;}
.team li {float:left;width:100%;display:block;margin:0 0 25px;padding:0 0 15px;border-bottom:1px solid #ccc;}
.team li .photo {display:block;float:left;margin:0 30px 5px 0;width:100px;}
.team li .photo img {display:block;float:left;width:100%;margin:0 0 10px;}
.team li .photo span {display:block;font-weight:bold;}
.team li .data {float:left;width:500px;}
#content .team li .data h3 {margin:0;font-size:16px;}
.team li .data h3 a {text-decoration:none;color:#000;}
.team li .data h3 a:hover {text-decoration:underline;}
.team li .data .title {display:block;margin:0 0 12px;font-size:11px;}
.team li .data .cms {margin:0 0 10px;}


/* footer */
#footer ul {margin:0 0 1em;}
#footer ul li {float:left;margin:0 1.5em 0 0;}
#footer ul li a {display:block;color:#000;text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}
#footer p {color:#636363;}


/* sIFR
------------------------------ */
/* These are standard sIFR styles... do not modify. */
.sIFR-flash {visibility:visible !important;margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}

/* Hide Adblock Object tab:the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display:none !important;}


/* HACKS
------------------------------ */
.clear,
.jobs,
.history,
.job-profile,
.portfolio-thumbs,
.data ol,
.portfolio-thumbs li h3,
.project-list ul li .details h4,
.news ul li h4,
.project-list ul,
.client-list ul,
#sidebar .location dl,
#sidebar h3,
#body,
#navigation ul,
#footer ul,
#header {display:inline-block;}

.clear:after,
.jobs:after,
.history:after,
.job-profile:after,
.portfolio-thumbs:after,
.data ol:after,
.portfolio-thumbs li h3:after,
.project-list ul li .details h4:after,
.news ul li h4:after,
.project-list ul:after,
.client-list ul:after,
#sidebar .location dl:after,
#sidebar h3:after,
#body:after,
#navigation ul:after,
#footer ul:after,
#header:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}