/* Reset */
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1em; font-family:inherit; text-align:left; vertical-align:baseline;}
a img, :link img, :visited img{border:0; display:block;}
ol, ul{list-style:none;}
a:focus{-moz-outline-style:none; outline:none;}
/*=Colours
DK Gray: #
Orange: #
LT Gray: #
*/
/* General */
html{height:100%; overflow-y:scroll; margin-bottom:0px;}
body{font-family:arial, sans-serif; color:#9A9A9D; text-align:center; background:#D9D9D9;}
h1, h2, h3, p, li, dt, dd, td, th, blockquote{font-size:10px; line-height:13px; font-weight:normal;}
a, span, em, i, b, strong{font-size:1em;}
/*=Typography*/
#content div h1,p,h2, .projects #content ul li a{font-size:13px; line-height:16px; margin-bottom:14px; width:auto; color:#868789;}
#projects.projects #content *{color:#727377;}
h3{margin-bottom:12px;}
a,.projects #content ul li a{color:#5F6062; text-decoration:none;}
a:hover,.projects #content ul li a:hover{text-decoration:underline;}
ul li a, ul li{color:#9A9A9D;}
ul.selected{background:#fff;}
#header ul li{color:#eee;}
#header ul.selected li.selected a, #header li.selected, #content a:hover{color:#5F6062;}
.blog #posts h2 span a:hover{color:#D3723D;}
li.selected{cursor:default;}
li.selected a{color:#5F6062;}
#header ul#level_4 li.selected a{color:#424344;}
li.selected a:hover{text-decoration:none;}
/*= Layout */
#wrapper{text-align:left; width:908px; margin:50px auto 100px auto; padding-bottom:100px;}
#header{width:908px; position:relative; margin-bottom:6px; overflow:hidden; height:75px;}
#header ul{padding:0 0 0 15px; width:893px; overflow:hidden; margin-bottom:2px;}
#header ul li,#blog_navigation li{position:relative; display:block; float:left; width:112px; line-height:17px;}
#header ul li.last{width:109px;}
#header ul li a{display:block; width:100px; line-height:17px;}
#header ul#level_4{width:893px; padding-right:13px;}
#header .case_study_1{padding-left:12px;}
#header .case_study_2{padding-left:123px;}
#header .case_study_3{padding-left:235px;}
#header .case_study_4{padding-left:347px;}
#header .case_study_5{padding-left:460px;}
#header .case_study_6{padding-left:571px;}
#header .case_study_7{padding-left:684px;}
#header .case_study_8{padding-left:796px;}
#header ul#level_4 *{padding:0; margin:0; width:auto;}
#header ul#level_4 li a, #header ul#level_4 li.selected a{padding:0 4px;}
#header ul#level_4 li a.last{padding:0 8px;}
#branding{padding:0 15px; position:relative;}
#blog_navigation{position:absolute; left:448px; top:-16px; width:500px; padding-left:15px;}
/*Content area*/
#content{position:relative; width:100%; height:433px; padding:0; margin-bottom:22px; background:#fff;}
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8{position:absolute; top:10px;}
.col_1{margin-left:15px;}
.col_2{margin-left:127px;}
.col_3{margin-left:239px;}
.col_4{margin-left:350px;}
.col_5{margin-left:463px; width:95px;}
.col_6{margin-left:575px; width:315px;}
.col_7{margin-left:686px;}
.col_8{margin-left:798px;}
#content img{position:absolute; top:0; left:0;}
h1{font-size:20px; line-height:24px; width:202px; color:#C7C9CA; top:286px !important;}
/*Spec and quote columns*/
.spec{top:12px;}
.spec h3{margin-bottom:15px;}
dd,dt{line-height:12px;}
dd{margin-bottom:13px;}
blockquote.col_5{top:42px;}
blockquote p{font-size:10px; line-height:12px; margin-bottom:12px;}
/*Offset content area*/
.offset{top:40px;}
/* Page link */
a#full_page_link{display:block; position:absolute; width:908px; height:433px; background:url('/img/overlay.png') repeat;}
/*= Page specific */
/*Home*/
#hmy{position:absolute; top:50px; right:50px; width:123px; height:50px;}
/*Projects*/
.project_links li a{font-size:12px;}
/*Clients*/
#projects-clients .col_3, #projects-clients .col_5, #projects-clients .col_7{top:40px;}
#projects-clients .col_5{width:167px;}
/*Contact*/
/* Studios */
#contact-studios .col_5{width:auto;}
#contact-studios .col_7{top:86px;}
.download,.map{display:block; font-size:10px;}
.download,.person{margin-top:30px;}
.map{margin-top:3px;}
a#credit{display:block; position:absolute; bottom:-33px; right:15px; font-size:10px; z-index:99; color:#9A9A9D;}
/*Blog*/
.blog #content{height:auto; min-height:433px;}
.blog h1{position:static; font-size:20px; line-height:42px; padding-top:45px; padding-left:463px; color:#77787D; margin-bottom:37px;}
.blog h1 a{font-size:11px; text-decoration:underline; color:#ccc; position:absolute; top:63px;}
.blog #posts{width:654px; margin:0 auto; padding-bottom:20px;}
.blog #posts li{position:relative; margin-bottom:20px; padding-bottom:17px; border-bottom:1px solid #aaa; overflow:hidden;}
.blog #posts li.last{border:none;}
.blog #posts h2{margin-top:15px;}
.blog #posts h2 span a{font-size:11px; padding-left:10px;}
.blog #posts h2, .blog #posts h3, .blog #posts p{width:317px; margin-left:336px; color:#868789;}
.blog #posts h2, .blog #posts h3{position:static; line-height:15px; font-size:13px; margin-bottom:0;}
.blog #posts .body{margin-top:17px;}
.blog #posts p{font-size:10px; line-height:12px; margin-bottom:14px;}
.blog #posts a{color:#5F6062;}
.blog #posts p.meta{margin-top:25px; margin-bottom:0;}
.blog #posts img{display:block; position:relative; float:left; border:1px solid #ccc; margin-bottom:3px;}
#no_posts{margin-left:463px;}
.over{color:red;}
/* Admin */
.blog #content form h2{position:static;}
.blog #content form img{position:static; display:block; margin-bottom:10px;}
#authMessage{padding:50px 0 0 50px; font-size:13px; color:red;;}
form{padding:50px;}
form h1{padding:0 !important;}
form div{margin:0 0 20px 0;}
form label{display:block; font-size:13px; margin-bottom:5px; position:relative; width:410px; line-height:16px;}
label span{font-size:11px;}
form div.text input, form div.password input, form div.textarea textarea{border:1px solid #ccc; padding:3px; font-size:13px; width:400px;}
form div.textarea textarea{height:300px;}
div.error-message{color:#E87400; font-size:13px; margin-top:5px;}
div.submit{margin-top:40px; padding-top:10px; border-top:1px solid #ccc;}
#delete_image label{display:inline;}
#chars{position:absolute; display:block; right:0; top:0; padding:0; font-size:13px; width:150px; line-height:15px;}
#chars strong{font-weight:bold;}