/*
-- Created by Shaun Rowe for Bark Design --
-- January March 1st 2007
*/

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

body {
font:13px/1em Arial, Verdana, sans-serif;
color:#999;
background-color:#fff;
margin:0 auto;
}

a,a:visited {
color:#4b8bb8;
}

:link,:visited {
text-decoration:none;
}

ul,ol,li {
list-style:none;
}

img {
border:0;
}

div#container {
width:800px;
margin:0 auto;
}

div#header_container {
position:fixed;
width:100%;
height:69px;
background-color:#fff;
text-align:center;
z-index:1000;
}

div#header {
width:798px;
text-align:left;
background-color:#fff;
z-index:1;
margin:0 auto;
}

div#nav {
float:left;
width:600px;
height:26px;
margin:35px 0;
}

div#nav img {
float:left;
vertical-align:middle;
}

#nav ul {
margin:6px 0;
padding:0;
}

#main_nav {
float:left;
height:26px;
list-style:none;
}

#n_dots {
float:left;
color:#FFF;
margin:0 10px 0 0;
}

#n_about,#n_featured,#n_work,#n_people,#n_contact,#n_listenup,#n_mail {
float:left;
color:#FFF;
margin:6px 10px 0;
}

#n_about a {
display:block;
width:33px;
height:11px;
text-decoration:none;
background:url('../i/button_about_combo.gif') 0 3px no-repeat;
}

#n_about a:hover {
background-position:-33px 3px;
}

#n_featured a {
display:block;
width:48px;
height:11px;
text-decoration:none;
background:url('../i/button_featured_combo.gif') 0 3px no-repeat;
}

#n_featured a:hover {
background-position:-48px 3px;
}

#n_work a {
display:block;
width:29px;
height:11px;
text-decoration:none;
background:url('../i/button_work_combo.gif') 0 3px no-repeat;
}

#n_work a:hover {
background-position:-29px 3px;
}

#n_people a {
display:block;
width:34px;
height:11px;
text-decoration:none;
background:url('../i/button_people_combo.gif') 0 3px no-repeat;
}

#n_people a:hover {
background-position:-34px 3px;
}

#n_contact a {
display:block;
width:45px;
height:11px;
text-decoration:none;
background:url('../i/button_contact_combo.gif') 0 3px no-repeat;
}

#n_contact a:hover {
background-position:-45px 3px;
}

#n_listenup a {
display:block;
width:49px;
height:12px;
text-decoration:none;
background:url('../i/button_listenup_combo.gif') 0 2px no-repeat;
}

#n_listenup a:hover {
background-position:-50px 2px;
}

#n_mail a {
display:block;
width:17px;
height:12px;
text-decoration:none;
background:url('../i/button_mail_combo.gif') 0 2px no-repeat;
margin:0;
}

#n_mail a:hover {
background-position:-17px 2px;
}

div#work_subnav {
float:left;
width:600px;
height:23px;
margin:0 auto;
padding:0 0 0 134px;
}

div#work_subnav ul {
list-style-type:none;
margin:0;
}

#sn_favorites,#sn_logos,#sn_branding,#sn_collateral,#sn_web {
float:left;
display:block;
margin:0 20px 0 0;
}

#sn_favorites a {
display:block;
width:52px;
height:8px;
text-decoration:none;
background:url('../i/button_favorites_combo.gif') 0 0 no-repeat;
}

#sn_favorites a:hover {
background-position:-52px 0;
}

#sn_logos a {
display:block;
width:31px;
height:8px;
text-decoration:none;
background:url('../i/button_logos_combo.gif') 0 0 no-repeat;
}

#sn_logos a:hover {
background-position:-31px 0;
}

#sn_branding a {
display:block;
width:50px;
height:8px;
text-decoration:none;
background:url('../i/button_branding_combo.gif') 0 0 no-repeat;
}

#sn_branding a:hover {
background-position:-50px 0;
}

#sn_collateral a {
display:block;
width:59px;
height:8px;
text-decoration:none;
background:url('../i/button_collateral_combo.gif') 0 0 no-repeat;
}

#sn_collateral a:hover {
background-position:-59px 0;
}

#sn_web a {
display:block;
width:20px;
height:8px;
text-decoration:none;
background:url('../i/button_web_combo.gif') 0 0 no-repeat;
}

#sn_web a:hover {
background-position:-20px 0;
}

div#logo {
float:left;
width:140px;
margin:15px 0;
}

div#logo_splash {
float:left;
width:140px;
margin:15px 0;
}

.splash {
float:right;
padding:0 0 0 10px;
}

div.divider_first {
width:600px;
height:100px;
background-color:#fff;
margin:0 auto;
}

div.divider {
width:600px;
height:100px;
background-color:#fff;
margin:0 auto;
}

div.main_divider {
width:600px;
height:500px;
background-color:#fff;
margin:0 auto;
}

div.divider_work {
width:600px;
height:70px;
background-color:#fff;
margin:0 auto;
}

div.divider_end {
width:600px;
height:200px;
background:#FFF url('../i/splash_quote.gif') no-repeat top center;
margin:0 auto;
}

.clear {
clear:both;
}

div#splash_container {
float:left;
width:600px;
padding:150px 0;
}

div#splash_right {
float:left;
width:198px;
}

div#about_container {
float:left;
width:600px;
height:510px;
font:14px/1.2em Arial, Verdana, sans-serif;
color:#999;
text-align:right;
background-color:#fff;
margin:0 auto;
}

div#about_container H1 {
font:21px/1.2em Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:0;
padding:20px 0;
}

span#aboutPar1 {
font:17px Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:0;
padding:0;
}

div#about_container H2 {
font:bold 15px/1.2em Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:0;
}

span#aboutPar2 {
font:15px Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:0;
padding:0;
}

div#about_container H3 {
font:15px/1.2em Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:0;
}

span#aboutPar3 {
font:bold 15px Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:0;
padding:0;
}

span.links {
display:inline;
font:10px/1.2em Arial, Verdana, sans-serif;
color:#b0d1e8;
text-align:right;
padding:0;
}

span.links_bold {
display:inline;
font:bold 12px/1.2em Arial, Verdana, sans-serif;
color:#b0d1e8;
text-align:right;
padding:0;
}

span.links_italics {
display:inline;
font:italic 12px/1.2em Arial, Verdana, sans-serif;
color:#b0d1e8;
text-align:right;
padding:0;
}

div#about_right {
float:left;
width:198px;
height:500px;
background:url('../i/pattern_about.gif') no-repeat;
border-left:1px solid #9cf;
margin:0 0 0 1px;
}

div#featured_container {
float:left;
width:600px;
height:550px;
font:14px/1.2em Arial, Verdana, sans-serif;
color:#999;
text-align:right;
background:#FFF url('../i/featured_image_600x307.jpg') no-repeat bottom;
border-right:1px solid #9cf;
margin:0 auto;
}

div#featured_container H1 {
font:16px Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:20px 0;
padding:0;
}

div#featured_container H2 {
font:bold 12px Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:20px 0;
padding:0;
}

div#featured_container H3 {
font:12px Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:0;
padding:0;
}

span.featuredPar1_italics {
font:italic 12px Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:0;
padding:0;
}

div#featured_right {
float:left;
width:198px;
height:500px;
background:url('../i/pattern_featured.gif') no-repeat;
margin:0 0 0 1px;
}

div#work_container {
float:left;
z-index:100;
width:600px;
height:510px;
font:14px/1.2em Arial, Verdana, sans-serif;
color:#999;
text-align:right;
background-color:#fff;
border-right:1px solid #9cf;
margin:0 auto;
padding:0;
}

div#work_right {
float:left;
width:198px;
height:500px;
background:url('../i/pattern_work.gif') no-repeat;
margin:0 0 0 1px;
}

div#people_container {
float:left;
width:600px;
height:616px;
font:12px/1.7em Arial, Verdana, sans-serif;
color:#a0a0a0;
text-align:right;
background:#FFF url('../i/people_image_564x162.jpg') no-repeat bottom right;
border-right:1px solid #9cf;
margin:0 auto;
padding:16px 0;
}

div#people_container p {
float:right;
width:559px;
text-align:right;
margin:0;
}

SPAN.person {
font:bold 12px/1.7em Arial, Verdana, sans-serif;
color:#666;
text-align:right;
background-color:#FFF;
margin:0 auto;
}

SPAN.person_italics {
font:italic 12px/1.7em Arial, Verdana, sans-serif;
color:#a0a0a0;
text-align:right;
background-color:#fff;
margin:0 auto;
}

div#people_right {
float:left;
width:197px;
height:616px;
margin:0;
}

div#contact_container {
float:left;
width:600px;
height:510px;
text-align:right;
background:#FFF url('../i/pattern_contact.gif') no-repeat right;
border-right:1px solid #9cf;
margin:0 auto;
}

div#contact_container p {
width:338px;
font:16px/1.2em Arial, Verdana, sans-serif;
color:#999;
margin:121px 0 0 130px;
}

div#contact_container span {
font:bold 16px/1.2em Arial, Verdana, sans-serif;
color:#999;
}

div#contact_right {
float:left;
width:198px;
height:510px;
text-align:left;
margin:0;
color:#0f64a0;
}

div#contact_right a {
color:#0f64a0;
}

div#contact_right p {
font:12px/1.2em Arial, Verdana, sans-serif;
color:#0f64a0;
padding:15px 0 0 1px;
}

SPAN.contact_bold {
font:bold 12px/1.2em Arial, Verdana, sans-serif;
}

SPAN.contact_smallcaps {
font-variant:small-caps;
}

div#listenup_container {
float:left;
width:600px;
height:510px;
font:14px/1.2em Arial, Verdana, sans-serif;
color:#999;
text-align:right;
background:#FFF url('../i/pattern_listenup.gif') no-repeat top right;
border-right:1px solid #9cf;
margin:0 auto;
}

div#listenup_container p {
float:right;
width:470px;
font:16px/1.2em Arial, Verdana, sans-serif;
color:#999;
text-align:right;
margin:20px 16px 0;
}

div#listenup_container span {
float:right;
font:bold 12px/1.2em Arial, Verdana, sans-serif;
color:#999;
text-align:right;
}

div#listenup_right {
float:left;
width:140px;
height:510px;
margin:0;
}

div#listenup_right p {
font:bold 12px/1.2em Arial, Verdana, sans-serif;
color:#0f64a0;
text-align:left;
padding:13px 0 0 1px;
}

div#listenup_right span {
font:10px/1.2em Arial, Verdana, sans-serif;
color:#0f64a0;
text-align:left;
}