/* 
html5doctor.com Reset Stylesheet
v1.4 
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, h1, h2, h3, p, img, ol, ul, li, aside, footer, header, nav, section, time {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
  font-family: Arial, "Sans serif";
  font-size: 1em;
    line-height:1;
}

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

ul, ol {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

.vcard .org {
  display: none;
}

.vcard .email {
  display: none;
}

html  {
  font-size: 12px;
}

a:link,
a:visited {
  color: #009DDF;
  text-decoration: none;
}

/*
Main page styling
*/

#Container {
  margin: 20px auto;
  position: relative;
  width: 955px;
}

#PageHeader {
  background: url("../img/title.jpg") no-repeat;
  height: 88px;
  margin: 0 0 4px -17px;
  text-indent: -10000px;
}

#Content {
  float: left;
  margin: 0 -955px 0 121px;
  width: 834px;
}

.home #Content {
  margin: 0 -702px 0 122px;
  width: 580px;
}

.page #Content.wide,
.news #Content {
  margin: 0 -694px 0 122px;
  width: 572px;
}

.page #Content,
.work_detail #Content {
  margin: 0 -526px 0 122px;
  width: 404px;
}

/*
Generic styles
*/

.section_header {
  background: #009DDF;
  color: #fff;
  float: left;
  font-weight: normal;
  line-height: 2em;
  margin-bottom: 4px;
  padding: 0 7px;
  width: 78px;
}

.work_list li {
  float: left;
  height: 180px;
  margin: 0 0 4px 4px;
  position: relative;
  width: 240px;
}

.work_list li a:link,
.work_list li a:visited {
  display: block;
  /*line-height: 0;*/
  text-decoration: none;
}

.work_list .details {
  background: #E1007A;
  color: #fff;
  height: 173px;
  left: 0;
  padding: 0 0 7px 0;
  position: absolute;
  top: 0;
  width: 240px;
}

.work_list .details h3 {
  background: #009DDF;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  float: left;
  font-size: 1.16em;
  font-weight: normal;
  line-height: 1.66em;
  margin-bottom: 10px;
  padding: 0 7px;
}

.work_list .details p {
  clear: left;
  line-height: 1.5em;
  margin: 0 7px;
}

.thumb_grid {
  clear: both;
}

.thumb_grid li {
  float: left;
  margin: 0 0 4px 4px;
}

.thumb_grid li:nth-child(4n+1) {
  margin-left: 0;
}

.thumb_grid a:link,
.thumb_grid a:visited {
  display: table-cell;
  height: 100px;
  line-height: 0;
  vertical-align: middle;
  width: 100px;
}

.thumb_grid a img {
  display: block;
  margin: auto;
}

.tiny_grid {
  clear: both;
}

.tiny_grid li {
  float: left;
  margin: 0 0 4px 4px;
}

.tiny_grid li:nth-child(5n+1) {
  margin-left: 0;
}

.tiny_grid a:link,
.tiny_grid a:visited {
  display: block;
  height: 75px;
  line-height: 0;
  width: 75px;
}

.tiny_grid a img {
  display: block;
}

.article_list h2 a:link,
.article_list h2 a:visited,
.news #Content h1,
.page #Content h1,
.work_detail #Content h1 {
  background: #009DDF;
  clear: left;
  color: #fff;
  display: block;
  float: left;
  font-size: 2em;
  line-height: 1.41667em;
  padding: 4px 7px;
  text-decoration: none;
}

/*
Homapage styling
*/

#Feature {
  background: url("../img/feature.jpg") no-repeat;
  height: 274px;
  margin-bottom: 4px;
  overflow: hidden;
  padding: 20px 0 0 100px;
  position: relative;
}

#Feature p {
  font-size: 13px;
  line-height: 1.5em;
  margin-top: 20px;
}

#Feature p.highlight {
  color: #0197d6;
  font-size:1.75em;
  margin-top: 0;
}

#Feature a:link,
#Feature a:visited {
  background: #0197d6;
  color: #fff;
  padding: 0 3px;
  text-decoration: none;
}

#Feature a:hover,
#Feature a:active {
  background: #E1007A;
}

#Feature #LinkedIn {
  bottom: 10px;
  display: block;
  font-size: 0;
  height: 22px;
  line-height: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  text-decoration: none;
  width: 22px;
}

#LatestWork {
  clear: both;
}

#LatestWork ol {
  float: left;
  width: 488px;
}

.home_ad {
  display: block;
  height: 130px;
  line-height: 0;
  margin-bottom: 4px;
}

/*
Generl page styling
*/

.news .image_holder {
  clear: left;
}

.news .news_content,
.page .page_copy {
  clear: left;
  padding: 20px 20px 0 0;
}

.news .news_content p,
.page .page_copy p {
  font-size: 1em;
  line-height: 1.667em;
  margin-bottom: 1.25em;
}

#CurrentJobs {
  background: url("../img/careers.jpg") no-repeat;
  height: 300px;
  margin-bottom: 1.25em;
  position: relative;
  width: 580px;
}

#CurrentJobs a:link,
#CurrentJobs a:visited {
  display: block;
  font-size: 22px;
  font-weight: bold;
  height: 63px;
  line-height: 1.2em;
  padding: 50px 0;
  position: absolute;
  text-decoration: none;
}

#CurrentJobs a.one {
  left: 37px;
  top: 110px;
  width: 250px;
}

#CurrentJobs a.two {
  left: 321px;
  top: 110px;
  width: 229px;
}

.page .page_copy p.highlight {
  color: #209be6;
  font-weight: bold;
}

/*
Job list styling
*/
.copytitle {
  background: #009ddf;
  color: #fff;
  float: left;
  font-size: 1.33em;
  line-height: 1.25em;
  margin-bottom: 0.5em;
  padding: 5px;
}

.job_list {
  clear: both;
}

.job_list li {
  background: #d70068;
  color: #fff;
  margin-bottom: 4px;
  padding: 10px;
}

.job_list li h3 {
  font-size: 1.33em;
  line-height: 1.25em;
}

.job_list li a:link,
.job_list li a:visited {
  color: #fff;
  font-weight: bold;
}

#Content .job_list li p {
  margin-bottom: 0;
}

/*
News styling
*/

.news #Content .section_header {
  display: none;
}

.news #Content time,
.article_list time {
  background: #009DDF none repeat scroll 0 0;
  clear: left;
  color: #fff;
  float: left;
  font-size: 1.167em;
  line-height: 1.5em;
  padding: 0 7px;
}

.article_list .post {
  margin-top: 32px;
}

.article_list .post:first-child {
  margin-top: 0;
}

.article_list h2 {
  clear: left;
  margin-bottom: 0;
  overflow: hidden;
}

.article_list .post p {
  line-height: 1.667em;
  margin-bottom: 5px;
}

.article_list .post .more {
  color: #009DDF;
  text-decoration: none;
}

/*
Comments
*/

#respond { margin-top: 10px; }
#respond h3 {
  width: 120px;
  font-weight: normal;
  background-color: rgb(0,157,223);
  color: white;
  padding: 7px;
}

#commentform p:first-child { margin-top: 5px; }
#commentform input[type="text"], #commentform textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin-top: 4px;
  padding: 3px 2px;
  border: 1px solid rgb(180,180,180);
}
#commentform input[type="submit"] {
  background-color: #E1007A;
  color: white;
  border: none;
  padding: 4px;
  margin-top: 3px;
}

/*
Latest work styling
*/

#WorkList {
  float: right;
  width: 732px;
}

#TagBlock {
  float: left;
  font-size: 11px;
  width: 100px;
}

#SelectedTitle {
  background: #009DDF;
  color: #fff;
  font-size: 12px;
  padding: 12px 8px;
}

#SelectedTags {
  background: #E1007A;
}

#SelectedTags li {
  color: #fff;
  margin-bottom: 0;
  overflow: hidden;
  padding: 6px 8px;
}

#SelectedTags a:link,
#SelectedTags a:visited,
#WorkTags li ul a:link,
#WorkTags li ul a:visited {
  color: #fff;
  display: block;
  float: right;
  text-decoration: none;
  width: 75px;
}

#TagTitle {
  color: #009DDF;
  font-size: 10px;
  font-weight: normal;
  padding: 8px;
}

#RemoveAllTags {
  display: block;
  font-size: 10px;
  margin: 0 8px 8px;
}

#WorkTags {
  border-top: 3px solid #E1007A;
}

#WorkTags h3 {
  background: #009DDF url("/img/arrows.jpg") no-repeat 83px 0;
  color: #fff;
  cursor: pointer;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  padding: 0 8px;
}

#WorkTags .open h3 {
  background-position: 83px -30px;
}

#WorkTags li {
  margin-bottom: 2px;
}

#WorkTags li ul {
  background: #E1007A;
  padding: 4px 8px;
}

#WorkTags li ul li {
  color: #fff;
  margin-bottom: 0;
  overflow: hidden;
  padding: 4px 0;
}

/*
Work detail styling
*/

.tags {
  clear: both;
  line-height: 2.33em;
}

#SimilarWork h2,
.tags h2 {
  background: #009DDF;
  color: #fff;
  float: left;
  font-size: 1.33em;
  line-height: 1em;
  padding: 4px 7px;
}

.tags ul {
  clear: left;
  line-height: 1.7em;
  padding-top: 5px;
}

.tags li {
  display: inline;
  margin: 0 3px 0 0;
}

.tags a:link,
.tags a:visited {
  background: #E1007A;
  color: #FFFFFF;
  display: inline-block;
  margin-bottom: 6px;
  padding: 0 7px;
  text-decoration: none;
}

.tags a:hover,
.tags a:active {
  background: #009DDF;
}

.work_detail_copy {
  clear:both;
  margin: 0 34px 12px 0;
  padding-top: 20px;
}

.work_detail_copy p {
  font-size: 0.917em;
  line-height: 1.64em;
  margin-bottom: 1.818em;
}

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

.sitelink {
  line-height: 2em;
  margin-bottom: 20px;
  overflow: hidden;
}

.sitelink h2 {
  color: #009DDF;
  font-weight: normal;
  text-transform: lowercase;
}

.sitelink h2:after {
  content: ":";
}

.sitelink a:link,
.sitelink a:visited {
  background-color: #E1007A;
  color: #fff;
  float: left;
  padding: 0 7px;
  text-decoration: none;
}

.sitelink a:hover,
.sitelink a:active {
  background-color: #009DDF;
}

#SimilarWork {
  padding-top: 6px;
}

#SimilarWork h2 {
  margin: 0 0 5px 0;
}

/*
Navigation styling
*/

#MainNav {
  float: left;
  margin-right: -118px;
  width: 118px;
}

#MainNav a:link,
#MainNav a:visited {
  background: #009DDF;
  clear: left;
  color: #fff;
  display: block;
  float: left;
  line-height: 2em;
  padding: 0 4px;
  text-decoration: none;
  text-transform: lowercase;
}

#MainNav a.current:link,
#MainNav a.current:visited,
#MainNav a:hover,
#MainNav a:active {
  background: #E1007A;
}

/*
Sidebar styling
*/

#Sidebar {
  float: left;
  margin-left: 716px;
  margin-right: -955px;
  width: 239px;
}

#Sidebar h2 {
  background: #009DDF;
  color: #fff;
  font-weight: normal;
  line-height: 2em;
  margin-bottom: 5px;
  padding: 0 7px;
  width: 121px
}

#Sidebar .jobs h2 {
  width: 161px;
}

#Sidebar .widget {
  margin-bottom: 24px;
}

#Sidebar .widget:last-child {
  margin-bottom: 0;
}

#Sidebar .widget a:link,
#Sidebar .widget a:visited {
  background: #E1007A;
  color: #FFFFFF;
  display: inline-block;
  padding: 5px 7px;
  text-decoration: none;
}

#Sidebar .widget a:hover,
#Sidebar .widget a:active {
  background: #009DDF;
}

#Sidebar .jobs li {
  margin-bottom: 3px;
}

#Sidebar .jobs a:link,
#Sidebar .jobs a:visited {
  background: none;
  padding: 0;
  text-decoration: none;
}

#Sidebar .jobs a:link span,
#Sidebar .jobs a:visited span  {
  background: #E1007A;
  color: #FFFFFF;
  clear: left;
  display: block;
  float: left;
  padding: 5px 7px;
}

#Sidebar .jobs span.title {
  font-size: 1.33em;
  font-weight: bold;
  line-height: 1.25em;
}

/*
#Sidebar .widget a:hover,
#Sidebar .widget a:active {
  background: none;
}
*/

#Sidebar .widget a:hover span,
#Sidebar .widget a:active span {
  background: #009DDF;
}

#Sidebar .oneposts li {
  margin-bottom: 3px;
}

#Sidebar .oneposts a:link,
#Sidebar .oneposts a:visited {
  background: #fff;
  color: #FFFFFF;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
}

#Sidebar .oneposts a h3,
#Sidebar .oneposts a time {
  background: #E1007A;
  clear: left;
  color: #FFFFFF;
  display: block;
  float: left;
  text-decoration: none;
}

#Sidebar .oneposts a h3 {
  font-size: 1.4em;
  font-weight: normal;
  line-height: 20px;
  padding: 5px 7px 1px 7px;
}

/*hack for issues with HTML5 rendering */
#Sidebar .oneposts h3 a:link,
#Sidebar .oneposts h3 a:visited {
  background: #E1007A;
  clear: left;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  padding: 5px 7px 1px 7px;
}

#Sidebar .oneposts li:hover h3 a:link,
#Sidebar .oneposts li:hover h3 a:visited,
#Sidebar .oneposts li:hover time,
#Sidebar .oneposts h3 a:hover,
#Sidebar .oneposts h3 a:active {
  background: #009DDF;
}

#Sidebar .oneposts a h3 {
  font-size: 16px;
}

#Sidebar .oneposts a time {
  font-size: 12px;
  line-height: 12px;
}

#Sidebar .oneposts a:link,
#Sidebar .oneposts a:visited {
clear: left;
display: block;
  font-size: 0;
  line-height: 0;
  padding: 0;
}

#Sidebar .oneposts a:empty {
  border: 1px solid #f00;
  background: #f00;
}
/* End hack */

#Sidebar .oneposts a time {
  padding: 5px 7px 7px 7px;
}

#Sidebar .oneposts a:hover h3,
#Sidebar .oneposts a:active h3,
#Sidebar .oneposts a:hover time,
#Sidebar .oneposts a:active time {
  background: #009DDF;
}

#Sidebar .oneposts a:hover,
#Sidebar .oneposts a:active {
  background: #fff;
}

#SidebarNews li {
  margin-bottom: 10px;
}

#SidebarNews a:link,
#SidebarNews a:visited {
  color: #000;
}

#SidebarNews h3 a:link,
#SidebarNews h3 a:visited {
  color: #fff;
}

#SidebarNews img {
  display: block;
  margin-bottom: 10px;
}

#SidebarNews h3 {
  background: #E1007A;
  color: #fff;
  float: left;
  font-size: 1.33em;
  font-weight: normal;
  line-height: 1.33em;
  padding: 4px 7px;
}

#SidebarNews time {
  clear: both;
  color: #000;
  float: left;
  font-size: 0.9167em;
  font-weight: bold;
  line-height: 2em;
  padding: 0 7px;
  width: 226px;
}

#SidebarNews p {
  clear: both;
  color: #000;
  font-size: 0.9167em;
  line-height: 1.454em;
  padding: 0 7px 5px 7px;
}

#Tweets {
  font-size: 11px;
  line-height: 1.454em;
}

#Tweets li {
  margin: 8px 7px 0 7px;
}

#Tweets li:first-child {
  margin-top: 0;
}

#Tweets .view_tweet {
  display: block;
  text-align: right;
}

#TwitLogo {
  display: block;
  float: right;
  height: 22px;
  line-height: 0;
  margin-top: -26px;
  text-decoration: none;
  width: 22px;
}

/* New twitter panel - by Graham Smith */
#twitter-stream ul li { margin: 15px 0; }

/*
Media content column styling
*/

#PageWork,
#MediaContent {
  float: left;
  margin: 0 -955px 0 530px;
  width: 425px;
}

#MediaContent section {
  margin-top: 4px;
}

#MediaContent section:first-child {
  margin-top: 0;
}

#MediaContent h2 {
  width: auto;
}

/*
Page sidebar styling
*/

#Map {
  height: 425px;
  width: 425px;
}

/*
Footer styling
*/

#PageFooter {
  clear: both;
  color: #029de0;
  overflow: hidden;
  padding-top: 20px;
  text-align: right;
}

#PageFooter a:link,
#PageFooter a:visited {
  color: #029de0;
  text-decoration: none;
}

#SocialMedia {
  float: right;
  padding: 10px 0;
}

#SocialMedia li {
  float: left;
  margin-left: 2px;
}

#SocialMedia a:link,
#SocialMedia a:visited {
  background: url("../img/social_media.jpg") no-repeat;
  display: block;
  height: 22px;
  line-height: 100px;
  overflow: hidden;
  text-indent: 99999px;
  width: 22px;
}

#SocialMedia a.twitter {
  background-position: 0 0;
}

#SocialMedia a.linkedin {
  background-position: -22px 0;
}

#SocialMedia a.soundcloud {
  background-position: -44px 0;
}

#SocialMedia a.youtube {
  background-position: -66px 0;
}

#SocialMedia a.flickr {
  background-position: -88px 0;
}

#SocialMedia a.delicious {
  background-position: -110px 0;
}

#SocialMedia a.agencies {
  background-position: -132px 0;
  margin-left: 3px;
  width: 142px;
}

#JobAd {
  display: block;
  line-height: 0;
  position: absolute;
  right: 252px;
  top: 0;
}

.writtenBy { font-size: 1em; margin-top: 5px; line-height: 1.667em;}

.news_content ul {
	list-style: disc inside none;
	margin-bottom: 1.25em;
}
.news_content ol {
	list-style: disc inside none;
	margin-bottom: 1.25em;
}

.news_content li { 
	line-height: 1.667em;
}