/* 
   * Built using Blueprint, a CSS framework
   
   * Last Update:     Ryan Swarts (2009-09-14)
   * Filename:        screen.css
   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/		

   == STRUCTURE: ========================

    * Page width:            975 px

    * Number of columns:     6

    * Column width:          150 px

    * Margin width:          15 px

   ======================================

   By default, the grid is 975px wide, with 6 columns 

   spanning 150px, and a 15px margin between columns. 
   
   reset */
	
	
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

html {
background-color:#353535;
margin:0;
padding:0;
width:100%;
}

/* typography */
body {
background:#fff;
color:#222;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:86%;
line-height:1.5em;
margin:0;
padding:0;
}

table {
border-collapse:separate;
border-spacing:0;
margin-bottom:1.4em;
padding-top:0.3em;
width:100%;
background:#dadada;
}

caption,th,td {
font-weight:400;
text-align:left;
}

table,td,th {
vertical-align:middle;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:"" "";
}

a img {
border:none;
}

/* grid */
.container {
margin:0 auto;
padding:0;
width:975px;
}

/* contains and centers sections that aren't full width */
#header {
background:url("../images/bg/header.gif") bottom left repeat-x;
background-color:#E5E5E5;
height:90px;
margin:0;
padding:0;
width:100%;
}

#content-main {
background:#FFF;
padding:4px 0 10px;
width:100%;
}

#content-extra {
background:#F3F3F3;
border-top:1px solid #CCC;
padding:4px 0 10px;
width:100%;
}

#footer {
background:url("../images/bg/footer.gif") top left repeat-x;
background-color:#353535;
color:#666;
font-size:1.0em;
padding:25px 0 25px;
width:100%;
}

#footer a {
color:#999;
font-weight:400;
}

#footer ul {
margin:0 0 4px 0;
padding:0;
display:inline;
font-size:0.8em;
list-style:none;
}

#footer ul li {
margin:0;
padding:0 8px;
display:inline;
border-right:1px solid #666;
}

#footer ul li.first {
margin-left:0;
padding-left:0;
}

#footer ul li.last {
border:none;
}

/* hero */
#hero {
padding:0.5em 0;
margin-bottom:1em;
}

#hero h1 {
background:url("../images/content/hd_index_h1.png") top left no-repeat;
height:61px;
margin:0.25em;
overflow:hidden;
text-indent:-9999px;
width:675px;
}

#hero h2 {
background:url("../images/content/hd_index_h2.png") top left no-repeat;
height:140px;
margin:0 0 0.3em 0.3em;
overflow:hidden;
text-indent:-9999px;
width:900px;
}

.prepend-5 p {
margin-top:-1em;
}

/* showcase */
#showcase {
display:block;
margin:10px auto;
width:615px;
}

#showcase .showcase_headline {
background:url("../images/content/hd_display.png") top left no-repeat;
display:block;
float:left;
font-size:2.75em;
line-height:1.2em;
margin-bottom:0.2em;
margin-left:0;
overflow:hidden;
text-indent:-9999px;
width:400px;
}

#showcase .showcase_container {
clear:both;
display:block;
height:400px;
margin:0 auto;
overflow:hidden;
width:613px;
}

#showcase .showcase_container img {
border:4px solid #CCC;
height:350px;
margin:0 0 0.2em;
width:605px;
}

#showcase ul {
display:block;
float:right;
list-style:none;
margin:35px 2px 5px 0;
padding:0;
width:75px;
}

#showcase ul li {
display:block;
float:left;
list-style:none;
margin:0 5px 0 0;
overflow:hidden;
padding:0;
text-indent:-9999px;
}

#showcase ul li a {
background:url("../images/content/button_circle_off.gif") top left no-repeat;
display:block;
height:10px;
width:10px;
}

.switch_content {
background:#fff;
}

/* work */
.work_item a img {
border:2px solid #CCC;
}

.work_item ul {
list-style:none;
margin:5px 5px 5px 0;
}

.work_item ul li {
margin-bottom:10px;
}

/* menu */
ul#menu {
display:block;
float:left;
height:25px;
list-style:none;
margin:67px 0 0 12px;
padding:0;
text-align:left;
}

ul#menu a {
color:#333;
text-decoration:none;
}

ul#menu a:hover {
color:#666;
text-decoration:none;
}

ul#menu li {
display:inline;
margin:0 8px 0 0;
padding:0;
}

ul#menu li.active span {
background:url("../images/bg/menu_active.png") bottom center no-repeat;
padding:0 0 6px;
}

/* quotes */
#quotes {
display:block;
height:15px;
overflow:hidden;
}

ul#quotes {
list-style:none;
margin:0 0 0 2px;
padding:0 0 5px;
}

#switcher a#gray {
color:#333;
}

#twitter_div li {
clear:both;
margin:0 0 10px;
padding:0;
list-style:none;
}

p#twitter_update_list a {
clear:both;
color:#666;
display:block;
font-size:0.8em;
font-weight:400;
line-height:1.2em;
}

p#twitter_update_list span a {
border:none;
clear:both;
display:block;
font-size:1em;
font-weight:400;
margin:0;
padding:0;
}

.client_map {
border:4px solid #ccc;
display:block;
float:right;
height:225px;
margin:0 0 .7em .7em;
width:350px;
}

.minilogo {
border:1px solid #CCC;
float:left;
height:40px;
margin:0 8px 0 0;
padding:5px;
width:40px;
}

/* logo */
#header a.logo {
border:none;
display:block;
float:left;
height:34px;
margin:52px 0 0 4px;
text-decoration:none;
width:190px
}

#header a:active {
outline:none;
}

/* specific images */
#header .span-2 p {
margin-top:65px;
}

#header .icon_container {
display:block;
float:right;
margin-top:67px;
}

#header a.lastfm {
background:url("../images/content/icon_lastfm.png") top left no-repeat;
display:block;
float:left;
height:16px;
margin-right:0;
width:16px;
}

#header a.twitter {
background:url("../images/content/icon_twitter.png") top left no-repeat;
display:block;
float:left;
height:16px;
margin-right:4px;
width:16px;
}

#header a.linkedin {
background:url("../images/content/icon_linkedin.png") top left no-repeat;
display:block;
float:left;
height:16px;
margin-right:4px;
width:16px;
}

#header a.linkedin:hover {
background-position:bottom left;
text-decoration:none;
}

#footer a.audible {
background:url("../images/content/logo_audible.png") top left no-repeat;
display:block;
height:42px;
width:180px;
overflow:hidden;
text-indent:-9999px;
}

#footer a.audible:hover {
background-position:bottom left;
text-decoration:none;
}

#header a:hover.logo,#header a.lastfm:hover,#header a.twitter:hover {
background-position:bottom left;
}

a.nrdc {
background:url("../images/content/logo_nrdc.gif") 0 0 no-repeat;
clear:none;
display:block;
float:left;
height:70px;
margin:0 20px 0 0;
text-decoration:none;
width:68px;
}

a:hover.nrdc {
background-position:-68px 0;
text-decoration:none;
}

a.mt {
background:url("../images/content/logo_mt.gif") 0 0 no-repeat;
clear:none;
display:block;
float:left;
height:35px;
margin:12px 0 0;
text-decoration:none;
width:79px;
}

a:hover.mt {
background-position:-79px 0;
text-decoration:none;
}

a.aw {
background:url("../images/content/logo_aw.gif") 0 0 no-repeat;
clear:none;
display:block;
float:left;
height:29px;
margin:16px 30px 0 0;
text-decoration:none;
width:76px;
}

a:hover.aw {
background-position:-76px 0;
text-decoration:none;
}

div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6 {
float:left;
margin-right:15px;
}

div.last {
margin-right:0;
}

.span-1 {
width:150px;
}

.span-2 {
width:315px;
}

.span-3 {
width:480px;
}

.span-4 {
width:645px;
}

.span-5 {
width:810px;
}

.span-6,div.span-6 {
margin:0;
width:975px;
}

.append-1 {
padding-right:140px;
}

.append-2 {
padding-right:280px;
}

.append-3 {
padding-right:420px;
}

.append-4 {
padding-right:560px;
}

.append-5 {
padding-right:700px;
}

.prepend-1 {
padding-left:140px;
}

.prepend-2 {
padding-left:280px;
}

.prepend-3 {
padding-left:420px;
}

.prepend-4 {
padding-left:560px;
}

.prepend-5 {
padding-left:700px;
}

div.border {
border-right:1px solid #eee;
margin-right:5px;
padding-right:4px;
}

div.border-bottom {
border-bottom:1px solid #666;
margin-bottom:5px;
padding-bottom:0;
}

div.colborder {
border-right:1px solid #eee;
margin-right:125px;
padding-right:126px;
}

.pull-1 {
margin-left:-140px;
}

.pull-2 {
margin-left:-280px;
}

.pull-3 {
margin-left:-420px;
}

.pull-4 {
margin-left:-560px;
}

.pull-5 {
margin-left:-700px;
}

.pull-6 {
margin-left:-840px;
}

.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6 {
float:left;
position:relative;
}

.push-1 {
margin:0 -140px 1.5em 140px;
}

.push-2 {
margin:0 -280px 1.5em 280px;
}

.push-3 {
margin:0 -420px 1.5em 420px;
}

.push-4 {
margin:0 -560px 1.5em 560px;
}

.push-5 {
margin:0 -700px 1.5em 700px;
}

.push-6 {
margin:0 -840px 1.5em 840px;
}

.push-1,.push-2,.push-3,.push-4,.push-5,.push-6 {
float:right;
position:relative;
}

.box {
background:#E5ECF9;
margin-bottom:1.5em;
padding:1.5em;
}

hr {
background:#ddd;
border:none;
clear:both;
color:#ddd;
float:none;
height:.05em;
margin:0 0 1.45em;
width:100%;
}

hr.space {
background:#fff;
color:#fff;
}

.clearfix:after,.container:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.clearfix,.container {
display:block;
}

.clear {
clear:both;
}

h1,h2,h3,h4,h5,h6 {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:400;
}

h1 {
font-size:4em;
letter-spacing:-0.05em;
line-height:1.3em;
margin-bottom:0.1em;
margin-left:-0.1px;
margin-top:0.1em;
}

h2 {
font-size:2.75em;
line-height:1.3em;
margin-bottom:0.5em;
margin-left:0;
}

h3 {
font-size:2.25em;
line-height:1;
margin-bottom:0.3em;
}

h4 {
font-size:1.75em;
height:1.25em;
line-height:1.35;
margin-bottom:0.2em;
margin-top:0.4em;
}

h5 {
color:#666;
font-size:1em;
font-weight:700;
margin-bottom:0.3em;
}

h6 {
font-size:1em;
font-weight:700;
}

/* Main heading sprite specifications (one image used for better performance) */
h2.heading {
height:44px;
margin-bottom:0.2em;
text-indent:-9999px;
overflow:hidden;
background:url("../images/bg/headings.png") no-repeat;
}

h2.about {
background-position:0 0;
}

h2.clients {
background-position:0 -58px;
}

h2.work {
background-position:0 -116px;
}

h2.blog {
background-position:0 -174px;
}

h2.contact {
background-position:0 -232px;
}


/* Sidebar sprite specifications (one image used for better performance) */
h4.heading {
height:22px;
border-bottom:1px solid #999;
text-transform:uppercase;
text-indent:-9999px;
overflow:hidden;
background:url("../images/bg/headings.png") no-repeat;
}

h4.in_short {
background-position:0 -278px;
}

h4.endorsed {
background-position:0 -310px;
}

h4.design_at_work {
background-position:0 -342px;
}

h4.client_service {
background-position:0 -374px;
}

h4.noteworthy {
background-position:0 -406px;
}

h4.in_a_name {
background-position:0 -438px;
}

h4.featured_clients {
background-position:0 -470px;
}

h4.work_reviews {
background-position:0 -502px;
}

h4.weekly_airplay {
background-position:0 -534px;
}

h4.geolocated {
background-position:0 -566px;
}

.bonus {
color:#666;
font-size:0.9em;
}

p {
margin:0 0 1.2em;
}

p img.right,p span.right,p div.right {
float:right;
margin:0 0 .7em .7em;
}

a:focus,a:hover {
text-decoration:underline;
}

a {
color:#666;
font-weight:700;
text-decoration:none;
}

blockquote {
color:#666;
float:right;
font-size:1.2em;
font-style:italic;
font-weight:700;
margin:1em;
width:220px;
}

sup,sub {
line-height:0;
}

abbr,acronym {
border-bottom:1px dotted #666;
}

address {
font-style:italic;
margin:0 0 1.5em;
}

del {
color:#666;
}

pre,code {
margin:1.5em 0;
white-space:pre;
}

pre,code,tt {
font:1em 'andale mono', 'lucida console', monospace;
line-height:1.5;
}

li ul,li ol {
margin:0 1.5em;
}

ul,ol {
margin:0 1.5em 1.5em;
}

ul {
list-style-type:disc;
}

ol {
list-style-type:decimal;
}

dl {
margin:0 0 1.5em;
}

dd {
margin-left:1.5em;
}

th {
background:#C3D9FF;
font-weight:700;
}

th,td {
padding:2px 10px 2px 5px;
}

tr.even td {
background:#E5ECF9;
}

caption {
background:#eee;
}

.small {
font-size:.8em;
line-height:1.5em;
margin-bottom:1.5em;
}

.small a {
font-weight:400;
}

.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em;
}

.loud {
color:#000;
}

.highlight {
background:#ff0;
}

.added {
background:#060;
color:#fff;
}

.removed {
background:#900;
color:#fff;
}

.first {
margin-left:0;
padding-left:0;
}

.last {
margin-right:0;
padding-right:0;
}

.top {
margin-top:0;
padding-top:0;
}

.bottom {
margin-bottom:0;
padding-bottom:0;
}

fieldset {
border:1px solid #ccc;
margin:0 0 1.5em;
padding:1.4em;
}

legend {
font-size:1.2em;
font-weight:700;
}

input.text,input.title,textarea,select {
border:1px solid #bbb;
}

input.text,input.title {
margin:0.6em 0;
width:300px;
}

input.title {
font-size:1.5em;
}

textarea {
height:250px;
padding:0.2em;
width:390px;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:1em;
}

.error,.notice,.success {
border:2px solid #ddd;
margin-bottom:1em;
padding:.8em;
}

.error {
background:#FBE3E4;
border-color:#FBC2C4;
color:#8a1f11;
}

.notice {
background:#FFF6BF;
border-color:#FFD324;
color:#514721;
}

.success {
background:#E6EFC2;
border-color:#C6D880;
color:#264409;
}

.error a {
color:#8a1f11;
}

.notice a {
color:#514721;
}

.success a {
color:#264409;
}

strong,dfn,dl dt,label {
font-weight:700;
}

em,dfn,tfoot {
font-style:italic;
}

.quiet {
color:#666;
}

/* GreyBox */
#GB_overlay {
background-image:url(../images/bg/overlay.png);
height:200%;
left:0;
margin:auto;
position:absolute;
top:0;
width:100%;
z-index:100;
}

#GB_window {
background:#fff;
border:3px solid #aaa;
height:400px;
left:0;
margin-left:-18px;
overflow:auto;
position:absolute;
top:45%;
width:400px;
z-index:150;
}

#GB_frame {
border:0;
height:378px;
overflow:auto;
width:100%;
}

#GB_caption {
background:#888;
color:#fff;
font:12px bold helvetica, verdana, sans-serif;
margin:0;
padding:2px 0 2px 5px;
text-align:left;
}

#GB_window img {
cursor:pointer;
position:absolute;
right:5px;
top:2px;
}

ul#quotes li,ul#twitter_update_list {
list-style:none;
margin:0;
padding:0;
}

#switcher,p.right {
text-align:right;
}

.hide,#GB_window .greythumb {
display:none;
}