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;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('/fonts/league_gothic-webfont.eot');
	src: local('☺'), url('/fonts/league_gothic-webfont.woff') format('woff'), url('/fonts/league_gothic-webfont.ttf') format('truetype'), url('/fonts/league_gothic-webfont.svg#webfontMUxhfKPN') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:decrement {
  background: #ddd url(/images/css/scrollbar_arrow_up.png) center no-repeat;
}

::-webkit-scrollbar-button:start:increment,
::-webkit-scrollbar-button:end:increment {
  border-top: 1px solid #ccc;
  background: #ddd url(/images/css/scrollbar_arrow_down.png) center no-repeat;
}

::-webkit-scrollbar-track {
    background: -webkit-gradient(linear, left top, right top, from(#c5c5c5), color-stop(0.7, #fff), to(#fff));
}

::-webkit-scrollbar-thumb {
    display: block;
    width: 10px; height: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#999), color-stop(0.5, #888), to(#999));
}*/

/* --------------------------------------------------------------------------------------
   Global
-------------------------------------------------------------------------------------- */

body {
  line-height: 1.45;
  font-size: 85%;
  font-family: Helvetica, Arial, sans-serif;
/*  overflow: hidden;*/
/*  border-top: 2px solid #2E2E2E;*/
}

a {
  outline: none;
  font-weight: bold;
  color: #000;
}

#wrapper {
/*  position: absolute;*/
/*  top: 0; right: 0; bottom: 0; left: 0;*/
/*  overflow-y: scroll;*/
/*  position: absolute;*/
/*  top: 0; right: 30px; bottom: 60px; left: 30px;*/
/*  top: 0; right: 30px; bottom: 0; left: 30px;*/
/*  top: 0; right: 0; bottom: 0; left: 0;*/
/*  margin: 0 30px;*/
  min-width: 960px;
  max-width: 1600px;
/*  outline: solid thin red;*/
}

#header {
  z-index: 1;
  position: relative;
  height: 245px;
  min-width: 800px;
/*  background-color: green;*/
/*  background: url(/images/css/1pxtransparent.gif) top left repeat;*/
/*  outline: solid thin blue;*/
}

#ident a {
  position: absolute;
  z-index: 1;
  top: 0; left: 65px;
  display: block;
  width: 195px; height: 128px;
  color: #2E2E2E;
  font-size: 1px;
  background: url(/images/css/ident_s.png) top left no-repeat;
}

#cutout {
  position: absolute;
  z-index: 2;
  bottom: 0; right: 0;
  width: 220px; height: 100px;
  background-color: #fff;
}

#latest-editorial {
  position: absolute;
  z-index: 20;
  bottom: 0; right: 0;
  width: 220px;
  border-left: 20px solid #fff;
  border-right: 20px solid #fff;
}

#latest-editorial h2 {
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

#latest-editorial ul {
  padding: 20px 20px 0;
  background-color: #eee;
}

#latest-editorial li {
  font-weight: bold;
  padding-bottom: 20px;
}

#latest-editorial li a {
  display: block;
  color: #000;
  text-decoration: none;
}

#latest-editorial li a:hover {
  text-decoration: underline;
}

#latest-editorial li em {
  display: block;
  font-weight: normal;
  font-style: normal;
  font-size: 85%;
  text-transform: uppercase;
}

#navigation {
  position: absolute;
  z-index: 10;
  left: 0; bottom: 30px; right: 0;
/*  background-color: green;*/
/*  outline: solid thin green;*/
}

#navigation_indicator {
  position: absolute;
  z-index: 0;
  left: 0; bottom: 30px;
  height: 45px;
  background-color: #fff;
}

#navigation li {
  float: left;
}

#navigation li a {
  float: left;
  display: block;
  height: 45px;
  padding: 0 17px;
  line-height: 45px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
}

#navigation li a.current {
  color: #000;
  background-color: #fff;
}

p#status {
  position: absolute;
  top: 40px; right: 70px;
  z-index: 1;
  padding: 7px 10px;
  background: #BFCACE;
  border-bottom: 1px solid #97A39F;
  -webkit-transform: rotate(1.2deg);
}

#content {
  min-width: 670px;
/*  position: relative;*/
  margin-top: -75px;
  padding: 135px 65px 160px;
  background: url(/images/css/bg-bw.jpg) top left repeat;
}

.slate {
  position: relative;
  margin-bottom: 20px;
  background-color: #fff;
  width: 670px;
}

.slate-content {
  width: 930px;
  width: 575px;
  padding: 50px 0 100px;
  margin: 0 45px;
}

.slate-content.case-study ul {
    list-style-type: circle;
    margin-left: 1em;
}

.slate-content.case-study li { margin-bottom: 10px; }

.slate .cols {
  width: 100%;
  overflow: hidden;
}

.slate .cols .c1,
.slate .cols .c2 {
  display: block;
  float: left;
  width: 265px;
/*  outline: solid thin red;*/
}

.slate .cols .c1 {
  margin-right: 45px;
}

.column-wrapper {
  float: left;
  width: 220px
  background: transparent;
}

.column.double-width {
  width: 470px;
}

#konnichiwa.animate {
  -webkit-animation-name: bounce;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
}

.slate-content h1,
.slate-content h2,
.slate-content h3,
.slate-content h4,
.slate-content h5,
.slate-content h6 {
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.slate-content h1 {
  margin-bottom: 30px;
}

.slate-content h1.sub,
.slate-content h2.sub,
.slate-content h3.sub,
.slate-content h4.sub,
.slate-content h5.sub,
.slate-content h6.sub {
  margin-top: 30px;
  padding-top: 50px;
  border-top: 1px solid #ddd;
}

.slate-content p,
.slate-content img {
  margin-bottom: 1.5em;
}

.slate-content img {
  margin: 2em 0;
}

.slate-content img.right {
  float: right;
  margin: 0 0 20px 20px;
}

.slate-content img.bordered {
/*  padding: 15px 0;*/
/*  border-top: 2px solid #ccc;*/
/*  border-bottom: 1px solid #ccc;*/
}

.slate-content p:last-child {
  margin-bottom: 0;
}

.slate-content form div.form-row {
  margin-bottom: 10px;
}

.slate-content form div.form-row label {
  display: block;
  margin-bottom: 5px;
}

.slate-content form div.form-row label em {
  color: #666;
  font-style: normal;
}

.slate-content form div.form-row label.error {
  display: none !important;
  margin-top: 5px;
  color: #ff0000;
}

.slate-content form div.form-row input,
.slate-content form div.form-row textarea {
  display: block;
  width: 550px;
  padding: 10px;
  background-color: #e5e5e5;
  border: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  border: 2px solid #e5e5e5;
}

.slate-content form div.form-row input:focus,
.slate-content form div.form-row input.focus,
.slate-content form div.form-row textarea:focus,
.slate-content form div.form-row textarea.focus {
  border-color: #B0BCBC;
}

.slate-content form div.form-row input.error,
.slate-content form div.form-row textarea.error {
  background-color: #FFDFDE;
}

.slate-content form div.form-row textarea {
  height: 100px;
}

.slate-content form div.form-actions {
  width: 575px;
  overflow: hidden;
  padding-top: 15px;
}

.slate-content form div.form-actions input {
  float: right;
  width: 180px;
  padding: 10px 0;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  color: #fff;
/*  background-color: #4E494F;*/
  background-color: #EC4E35;
  border: none;
}

#slate-contact p.sending {
  padding: 15px;
  background-color: #eee;
}

#slate-contact p.error {
  padding: 15px;
  background-color: #FFDFDE;
}

#slate-contact p.thanks {
  padding: 15px;
  background-color: #ffffe0;
}

#rei {
  float: left;
}

body.lt1015 #rei {
  width: auto;
}

body.lt1305 #rei {
  width: 290px;
}

p.other-clients {
  color: #444;
}

ul.other-clients {
  position: relative;
  width: 470px; height: 253px;
  margin-bottom: 20px;
  background: url(/images/clients.png) top left no-repeat;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

ul.other-clients li {
  display: none;
  position: absolute;
  text-indent: -1000em;
}

ul.other-clients li#client-ptsc {
  display: block;
  top: 0;
  width: 160px; height: 130px;
}

ul.other-clients li#client-plymouthguild {
  display: block;
  top: 0; left: 160px;
  width: 310px; height: 130px;
}

ul.other-clients li#client-pcn {
  display: block;
  top: 130px; left: 0;
  width: 265px; height: 123px;
}

ul.other-clients li#client-pefecttribute {
  display: block;
  top: 130px; left: 265px;
  width: 205px; height: 123px;
}

ul.other-clients li a {
  display: block;
  width: 100%; height: 100%;
}

ul#case-studies {
  overflow: hidden;
}

ul#case-studies li {
  float: left;
  width: 265px; height: 380px;
  margin-bottom: 50px;
}

ul#case-studies li.odd {
  margin-right: 45px;
}

ul#case-studies li.extra {
  padding-top: 2em;
}

ul#case-studies li h4 {
  font-size: 116%;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
}

ul#case-studies li h4 a {
  text-decoration: none;
}

ul#case-studies li p {
  color: #666;
}

blockquote {
  margin: 45px;
}

blockquote cite {
  display: block;
  color: #666;
  font-style: normal;
  padding-top: 10px;
  border-top: 5px solid #ccc;
}

dl.project-meta {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

dl.project-meta dt {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 5px;
}

dl.project-meta dd {
  margin-left: 15px;
  padding-bottom: 20px;
  color: #666;
}

h2.big {
  font-size: 138.5%;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 20px;
}

.case-study {
  overflow: hidden;
}

.article {
  overflow: hidden;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #ddd;
}

.article .header {
  overflow: hidden;
  margin-bottom: 20px;
}

.article.article-full .header {
  margin-bottom: 60px;
}

.article .header .date {
  float: right;
  margin: 0;
  padding: 7px 10px;
  background: #777;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
}

.article.latest-article .header .date {
  background: #EC4E35;
}

.article .header h2 {
  font-size: 138.5%;
  font-weight: bold;
  padding-right: 130px;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 5px;
}

.article .header h2 a {
  text-decoration: none;
}

.article .intro,
.article .body {
  padding-right: 130px;
}

.article .body h2 {
  font-weight: bold;
  margin-top: 3em;
  margin-bottom: 1.2em;
  padding-bottom: 5px;
  font-size: 138.5%;
  text-transform: none;
  letter-spacing: 0;
  border-bottom: 1px solid #ddd;
}

.article .body h3 {
  font-weight: normal;
  margin-top: 3em;
  margin-bottom: 1.2em;
  font-size: 138.5%;
  text-transform: none;
  letter-spacing: 0;
}

.article .body h4 {
  font-size: 116%;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: .5em;
  text-transform: none;
  letter-spacing: 0;
}

.article .body img {
  margin: 0 -130px 0 0;
}

.article .body img.offset {
  float: right;
  margin: 0 -130px 30px 20px;
}

.article .body pre {
  margin: 0 -130px 2em 0;
  padding: 10px;
  background: #eee;
  overflow-x: auto;
  overflow-y: hidden;
}

.article .body dl {
  margin-bottom: 1.5em;
}

.article .body dl dt {
  font-weight: bold;
}

.article .body dl dd {
  margin: 0 0 1em 1.5em;
}

.article .body dl.tip {
  margin: 0 -130px 2em 0;
  padding: 15px;
  background-color: #ffffe0;
}

.article .body dl.tip dt {
  margin-bottom: .5em;
}

.article .body dl.tip dd {
  margin: 0;
}

.article .body a.download {
  padding: 10px 15px;
  display: inline-block;
  background: #EC4E35;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.article ul,
.article ol {
  margin-bottom: 1.5em;
}

.article ul li {
  margin-left: 1.5em;
  list-style: disc outside;
  margin-bottom: .5em;
}

.article ol li {
  margin-left: 1.5em;
  list-style: decimal outside;
  margin-bottom: .5em;
}

.article blockquote {
  clear: both;
  float: right;
  width: 260px;
  margin: 0 -130px 30px 20px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
}

.article .footer {
  margin: 60px -130px 0 0;
  padding: 10px 15px;
  background-color: #eee;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
}

.article .footer ul {
  margin: 0;
}

.article .footer li {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 3px 20px 3px 0;
  list-style: none;
  border-right: 1px solid #ccc;
}

.article .footer li:last-child,
.article .footer li.last-child {
  border-right: none;
}

#footer {
  clear: both;
  min-width: 740px;
  height: 60px;
  max-width: 1540px;
  position: relative;
  padding: 0 30px;
  line-height: 60px;
  color: #777;
  text-align: right;
}

#footer p {
  display: inline;
  margin-left: 15px;
}

#footer p#twitter {
  position: absolute;
  top: 0; left: 30px;
  margin-left: 0;
  text-align: left;
}

#footer p#twitter a {
  display: block;
  padding-left: 26px;
  font-weight: normal;
  background: url(/images/css/twitter.gif) center left no-repeat;
}

a.back {
  display: inline-block;
  padding-left: 42px;
  height: 28px;
  line-height: 28px;
  margin-bottom: 0;
  background: url(/images/css/back.gif) top left no-repeat;
  text-decoration: none;
}

a.back:hover {
  text-decoration: underline;
}

p.big {
  font-size: 116%;
}

#services-summary {
  margin-top: 30px;
  width: 570px;
  overflow: hidden;
}

#services-summary li {
  display: block;
  float: left;
  width: 270px;
  padding-left: 15px;
  margin-bottom: 5px;
  font-size: 116%;
  background: url(/images/css/bullet.gif) center left no-repeat;
}

#notice {
  position: absolute;
  z-index: 10;
  top: -26px; right: 45px;
  width: 245px; height: 60px;
  padding: 140px 20px 0 47px;
  color: #fff;
  background: url(/images/css/notice_bg.gif) top left no-repeat;
}

#notice a {
  font-weight: normal;
  color: #fff;
}

#konnichiwa {
  width: 265px;
}

ul#latest-work-apps {
  overflow: hidden;
}

ul#latest-work-apps li {
  overflow: hidden;
  margin: 20px 0 40px;
}

ul#latest-work-apps li img {
  float: left;
  margin: 0;
}

ul#latest-work-apps li h4 {
  margin-left: 295px;
  font-size: 116%;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}

ul#latest-work-apps li h4 a {
  font-weight: normal;
  text-decoration: none;
}

ul#latest-work-apps li h4 a strong {

}

ul#latest-work-apps li p {
  margin-left: 295px;
  color: #666;
}

.profile {
  clear: both;
  padding-top: 20px;
  margin-top: 40px;
  border-top: 1px solid #eee;
}

.profile img {
  float: right;
  margin: 0 0 30px 20px;
}