div.container {
width : 940px;
margin : 0 auto;
text-align : left;
}
div.page-title h1 .sIFR-alternate {
margin-bottom : 0.125em;
}
.required {
color : #da371c;
}
.rss {
position : absolute;
right : 0;
top : 45%;
color : #fff;
display : none;
outline : none;
}
.rss img {
vertical-align : top;
}
img.rss {
position : static;
display : inline;
vertical-align : top;
padding-top : 2px;
padding-left : 2px;
}
div#header {
background : #003245 url(../../_base/img/bg_header.png) no-repeat center bottom;
border-bottom : 1px solid #114a61;
margin-bottom : 40px;
height : 80px;
}
div#header #logo {
display : block;
text-indent : -9999px;
background : transparent url(../../_base/img/logo_web.png) no-repeat left center;
width : 120px;
height : 80px;
float : left;
margin-right : 120px;
outline : none;
}
div#header #nav {
float : left;
font-size : 12px;
}
div#header #nav li {
display : block;
float : left;
font : bold 12px "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
}
div#header #nav li.current {
background : #023d53 url(../../_base/img/bg_nav_on.png) no-repeat left bottom;
color : #fff;
}
div#header #nav li.current a {
color : #fff;
}
div#header #nav li.current span {
display : block;
background : transparent url(../../_base/img/bg_nav_on.png) no-repeat right bottom;
margin-left : 2px;
}
div#header #nav li a {
display : block;
height : 80px;
line-height : 110px;
padding : 0 14px;
outline : none;
}
div#header #nav li.current a, div#header #nav li.current a:hover {
background : transparent url(../../_base/img/hover_nav_green.png) no-repeat center bottom;
padding : 0 14px 0 12px;
}
div#header #nav li a:hover {
background : transparent url(../../_base/img/hover_nav.png) no-repeat center bottom;
color : #fff;
}
div#footer {
background : #003042 url(../../_base/img/bg_footer.png) no-repeat center top;
border-top : 1px solid #023a4e;
min-height : 150px;
color : #88aebd;
font-size : 12px;
margin-top : -1px;
}
div#footer div.section {
background : transparent url(../../_base/img/sep_footer.png) no-repeat right top;
min-height : 150px;
float : left;
width : 200px;
padding : 32px 10px 20px 20px;
}
div#footer div#footer_nav, div#footer div#footer_colophon {
width : 210px;
}
div#footer div#footer_address {
padding-left : 10px;
width : 210px;
}
div#footer div#footer_nav ul li {
list-style : none url(../../_base/img/bullet.png) inside;
}
div#footer div#footer_nav ul li {
background : transparent url(../../_base/img/sep_underline_left.png) no-repeat left top;
padding : 5px 0 0 4px;
margin-top : 2px;
line-height : 1.5;
margin-bottom : 0;
}
div#footer div#footer_nav ul li:first-child {
background : none;
margin-top : 0;
padding-top : 0;
}
div#footer div#footer_nav ul li a {
margin-left : 4px;
color : #aacad5;
}
div#footer div#footer_nav ul li a:hover {
color : #fff;
}
div#footer div#footer_colophon {
width : 210px;
padding-right : 10px;
}
div#footer div#footer_colophon p {
margin-bottom : 16px;
}
div#footer div#footer_colophon p a {
color : #fff;
}
div#footer div#footer_colophon p a:hover {
text-decoration : underline;
}
div#footer div#footer_colophon a img {
margin-right : 8px;
vertical-align : middle;
}
div#footer div#footer_copyright {
background : none;
}
.alt, .hidden, .h-alt {
position : absolute;
left : -9999px;
}
.call-to-action {
margin-left : 12px;
padding-left : 8px;
}
div.call-to-action {
margin-left : 0;
background-position : left 6px;
line-height : 1.5;
}
.call-to-action a {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-decoration : none;
}
.call-to-action a:hover, .rich-text .call-to-action a:hover {
text-decoration : none;
color : #f79637;
}
.testimonial {
text-align : right;
}
div.page-title {
position : relative;
}
.ncluded {
display : block;
position : absolute;
width : 42px;
height : 57px;
background : transparent url(../../_base/img/icn_ncluded.png) no-repeat left top;
text-indent : -9999px;
z-index : 999;
cursor : default;
outline : none;
}
.col1 {
background : transparent;
}
.col2 {
background : #003b52 url(../../_base/img/bg_col2.png) repeat-x left top;
}
.col3 {
background : #003f55 url(../../_base/img/bg_col3.png) repeat-x left top;
}
.col-last {
background : transparent url(../../_base/img/bg_col-last.png) no-repeat left bottom;
}
.aside .section h2, h2.emphasized, .rich-text h2, h3.emphasized {
background : transparent url(../../_base/img/sep_underline_center_shadow.png) no-repeat center bottom;
padding-bottom : 0.25em;
margin-bottom : 1em;
padding-left : 10px;
margin-left : -10px;
display : inline-block;
min-width : 217px;
}
body.three-col h2.emphasized, body.two-col-a h2.emphasized, body.three-col h3.emphasized, body.two-col-a h3.emphasized {
background-position : left bottom;
}
#main_content h2.emphasized, #main_content h3.emphasized {
margin-top : 1em;
}
#main_content h2.emphasized:first-child, #main_content h3.emphasized:first-child {
margin-top : 0;
}
ul.call-out {
font : normal 12px "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
background : transparent url(../../_base/img/sep_call_out.png) no-repeat left top;
}
ul.call-out li, #aside ul.call-out li, #aside ul.call-out li:first-child {
background : transparent url(../../_base/img/icn_big_idiolocator_lighter.png) no-repeat left center;
padding-left : 30px;
margin-bottom : 0.625em;
}
ul.call-out li.plain {
background : none;
}
ul.call-out li:first-child div {
background : none;
padding-top : 0;
}
ul.call-out li div {
background : transparent url(../../_base/img/sep_underline_left_brighter.png) no-repeat left top;
line-height : 1.5;
padding-top : 0.625em;
}
ul.call-out li.plain div.call-to-action {
padding-top : 0;
line-height : 1;
}
ul.articles li {
background : transparent url(../../_base/img/sep_underline_left_brightest.png) no-repeat left top;
margin-bottom : 0.625em;
padding-top : 0.625em;
padding-left : 10px;
}
ul.articles li:first-child {
padding-top : 0;
background : none;
}
ul.articles li h4 {
font : bolder 12px/1.5 "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
margin-bottom : 0.5em;
color : #fff;
}
ol.huge {
margin : 40px 0;
}
ol.huge li, .rich-text ol.huge li {
margin-left : 0;
background : transparent url(../../_base/img/huge_ol_1.png) no-repeat -20px top;
padding : 0 20px 0 75px;
margin-bottom : 40px;
list-style : none;
}
ol.huge li.two {
background-image : url(../../_base/img/huge_ol_2.png);
}
ol.huge li.three {
background-image : url(../../_base/img/huge_ol_3.png);
}
ol.huge li.four {
background-image : url(../../_base/img/huge_ol_4.png);
}
ol.huge li.five {
background-image : url(../../_base/img/huge_ol_5.png);
}
ol.huge li.six {
background-image : url(../../_base/img/huge_ol_6.png);
}
ol.huge li.seven {
background-image : url(../../_base/img/huge_ol_7.png);
}
ol.huge li.eight {
background-image : url(../../_base/img/huge_ol_8.png);
}
ol.huge li.nine {
background-image : url(../../_base/img/huge_ol_9.png);
}
ol.huge ul li, ol.huge ol li, .rich-text ol.huge ul li, .rich-text ol.huge ol li {
margin-bottom : 0.75em;
}
ol.huge ul li, .rich-text ol.huge ul li {
margin-left : 5px;
padding-left : 15px;
margin-bottom : 0.5em;
}
.all {
background : #003245 url(../../_base/img/bg_all_select.png) repeat-x left top;
border : 1px solid #0c4156;
position : relative;
bottom : -10px;
overflow : hidden;
height : auto;
}
.all ul {
font : bolder 12px/1 "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
color : #4c889c;
}
.all ul li {
float : left;
width : 24%;
border-right : 1px solid #083649;
margin : 0 14px 0 0;
}
.all ul li.four {
width : 23%;
border-right : none;
margin-right : 0;
}
.all ul li a {
color : #4c889c;
padding : 1em 20px 1em;
display : block;
outline : none;
}
.all ul li a:hover {
padding-left : 20px;
background : transparent url(../../_base/img/icn_arrow_tiny_green.png) no-repeat 10px center;
color : #fff;
}
.all ul li.current a {
padding-left : 20px;
background : transparent url(../../_base/img/icn_arrow_tiny_green.png) no-repeat 10px center;
color : #fff;
}
a#all_trigger {
position : absolute;
right : 1px;
top : 1em;
padding-left : 10px;
background : transparent url(../../_base/img/icn_toggle_arrows_tiny_white.png) no-repeat left 2px;
outline : none;
}
a#all_trigger.two-line {
top : 3em;
}
a#all_trigger.on {
background-position : left bottom;
}
a#all_trigger:hover {
text-decoration : underline;
}
.paging {
margin-bottom : 80px;
font-size : 11px;
background : transparent url(../../_base/img/sep_underline_center_sketchbook.png) no-repeat left bottom;
padding-bottom : 1px;
}
.paging-links {
margin-left : 10px;
}
.paging strong, .paging a {
display : inline;
display : inline-block;
text-align : center;
min-width : 11px;
padding : 0 3px;
height : 15px;
line-height : 15px;
outline : none;
background : #033c50;
border : 1px solid #0f485f;
color : #aecbd4;
}
.paging strong, .paging a:hover {
background : #4d7a8a;
border : 1px solid #487686;
color : #013447;
}
.paging a.first, .paging a.last, .paging a.next, .paging a.prev {
text-indent : -9999px;
padding : 0;
margin : 0;
width : 15px;
background-image : url(../../_base/img/btn_arrow_double.png);
background-position : left top;
}
.paging a.next, .paging a.prev {
background-image : url(../../_base/img/btn_arrow_darker.png);
}
.paging a.next, .paging a.last {
background-position : right top;
}
.paging a.prev:hover, .paging a.first:hover {
background-position : left bottom;
}
.paging a.next:hover, .paging a.last:hover {
background-position : right bottom;
}
.paging a.prev {
margin-right : 0;
}
.paging a.next {
margin-left : 4px;
}
.rich-text a {
color : #fff;
text-decoration : none;
}
.rich-text a:hover {
text-decoration : underline;
}
.rich-text em {
font-style : italic;
}
.rich-text strong {
font-weight : bold;
}
.rich-text p {
margin-bottom : 1em;
}
.rich-text p + h3 {
margin-top : 2em;
}
.rich-text ul li, .rich-text ol li {
margin-bottom : 0.75em;
}
.rich-text ul li {
margin-left : 5px;
padding-left : 15px;
margin-bottom : 0.5em;
}
.rich-text ol li {
margin-left : 30px;
list-style : decimal;
margin-bottom : 0.5em;
}
.rich-text ul, .rich-text ol {
margin-bottom : 2em;
}
.rich-text div.section {
margin-bottom : 3em;
}
.rich-text pre {
font : normal 12px/1.5 "monaco", "bitstream vera sans mono", courier, monospace;
display : block;
background : #003245 url(../../_base/img/bg_all_select.png) repeat-x left top;
border : 1px solid #0c4156;
position : relative;
margin-bottom : 1em;
color : #6391a3;
}
.rich-text code {
padding : 8px 10px;
background : transparent url(../../_base/img/bg_code.png) repeat-y left -10px;
display : block;
line-height : 1.5;
}
.rich-text embed {
margin : 0 0 1em;
}
#aside {
padding-bottom : 50px;
}
#aside ul {
padding : 0;
margin : 0 0 1em;
}
#aside ul li {
background : transparent url(../../_base/img/sep_underline_left_brighter.png) no-repeat left top;
padding : 15px 0 0;
margin : 0 0 12px;
}
#aside ul li:first-child {
background : none;
padding-top : 0;
}
#aside .section h2 {
margin-left : -20px;
padding-left : 20px;
}
#aside .section .widget {
background : transparent url(../../_base/img/sep_underline_left_brighter.png) no-repeat left top;
margin : 1em 0;
padding : 1em 0;
}
#aside hr {
background : transparent url(../../_base/img/sep_underline_left_brighter.png) no-repeat left top;
margin : 30px 0 20px;
border : none;
}
#aside .action-button, #aside ul li.action-button {
background : transparent url(../../_base/img/bg_action_btn.png) no-repeat left top;
margin : 0 -50px 0 -10px;
padding : 8px 0 0 10px;
width : 220px;
font-size : 11px;
}
#aside .action-button:hover, #aside .action-button.hover, #aside ul li.action-button:hover, #aside ul li.action-button.hover {
background-position : -270px 0%;
}
#aside .action-button a {
background : transparent url(../../_base/img/action_buttons.png) no-repeat 4px 4px;
display : block;
padding : 10px 10px 18px 40px;
line-height : 2;
}
#aside .action-button a.download-vcard {
background-image : url(../../_base/img/icn_hcard_dl.png);
background-position : 8px 10px;
line-height : 1.5;
padding : 12px 10px 12px 45px;
}
#aside .action-button a:hover {
text-decoration : none;
}
#aside .action-button a.flickr {
background-position : 2px -41px;
}
#aside .action-button a.facebook {
background-position : 2px -91px;
}
#aside .action-button a.upcoming {
background-position : 2px -141px;
}
#aside .action-button a.download {
background-position : 2px -191px;
}
#aside .action-button a.document, #aside .action-button a.rfp {
background-position : 2px -243px;
}
#aside .action-button a.capabilities, #aside .action-button a.doc-download {
background-position : 2px -300px;
}
#section_home_about h1 {
margin : 0 0 8px 120px;
width : 500px;
height : 32px;
background : transparent url(../../_base/img/headings/h1_creative-web-agency.png) no-repeat left top;
text-indent : -9999px;
}
#section_home_about p {
margin-left : 230px;
width : 600px;
color : #6e9baa;
font-size : 13px;
}
#section_home_work {
margin-top : 0;
}
#section_home_work h2 {
margin : 0 0 0 1px;
position : relative;
top : 65px;
width : 207px;
height : 21px;
background : transparent url(../../_base/img/headings/h2_our-most-recent-work.png) no-repeat left top;
text-indent : -9999px;
}
#work_widget {
position : relative;
height : 280px;
width : 942px;
margin : 0 -1px;
}
#work_widget li {
margin-bottom : 0;
}
#work_widget ul.menuCS {
float : left;
width : 193px;
background : url(../../images/casestudy-menu-bg.png) no-repeat;
margin : 61px 28px 0 14px;
padding : 42px 0 0 0;
text-align : left;
list-style-type : none;
}
#work_widget ul.menuCS li {
font : bold 11px arial, sans-serif, "lucida grande", "lucida sans unicode", "lucida sans";
color : #1b9ccd !important ;
text-transform : uppercase;
text-decoration : none;
}
#work_widget ul.menuCS li:first-child {
background : none;
}
#work_widget ul.menuCS li.current {
color : #000;
background : url(../../images/casestudy-active-arrow.jpg) no-repeat 13px center;
text-decoration : none;
color : #1b9ccd !important ;
}
#work_widget ul.menuCS li a {
display : block;
padding : 6px 12px 6px 25px;
outline : none;
text-decoration : none;
color : #1b9ccd;
}
#work_widget ul.menuCS li a:hover {
color : #aecbd4;
}
#work_widget ul.menuCS li.current a {
color : #f79637;
}
#work_widget .projects {
float : left;
width : 709px;
height : 280px;
position : relative;
margin-left : -20px;
}
#work_widget .project {
position : absolute;
display : none;
}
#work_widget .project:first-child {
display : block;
}
#work_widget .project .samples-container {
width : 480px;
float : left;
overflow : hidden;
margin-left : 232px;
margin-right : 20px;
}
.hasJS #work_widget .project .samples-container {
margin-left : 0;
margin-right : 0;
float : left;
}
#work_widget .project .samples {
width : 480px;
height : 245px;
float : left;
position : relative;
text-align : left;
overflow : hidden;
}
#work_widget .project .samples li {
display : block;
float : left;
width : 240px;
position : relative;
margin-left : -66px;
border : 1px solid #e0e0e0;
}
#work_widget .project .samples li:first-child {
margin-left : 0;
}
#work_widget .project .samples li.primary {
width : 240px;
margin-top : 3px;
}
#work_widget .project .samples li.secondary {
width : 200px;
margin-top : 49px;
}
#work_widget .project .samples li.tertiary {
width : 164px;
margin-top : 90px;
}
#work_widget .project .samples li.front {
z-index : 30;
}
#work_widget .project .samples li.middle {
z-index : 20;
}
#work_widget .project .samples li.back {
z-index : 10;
}
#work_widget .project .samples li a {
display : block;
width : 100%;
border : none;
outline : none;
position : relative;
padding : 0;
margin : 0;
}
#work_widget .project .samples li a img {
width : 100%;
border : none;
margin : 0;
padding : 0;
}
#work_widget .project .summary {
padding : 23px 6px 10px 2px;
width : 195px;
height : 201px;
background : url(../../images/casestudy-details-bg.png) no-repeat;
margin : 57px 0 0 7px;
float : left;
color : #1b9ccd !important ;
}
#work_widget .project .summary h3 {
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f79637 !important ;
text-transform : uppercase;

text-align : center;
padding : 0 0 10px 0;
}
a.hdrColor {
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f79637 !important ;
text-transform : uppercase;
text-align : center;
padding : 0 0 10px 0;
}
a.hdrColor:hover {
color : #1b9ccd;
}
#work_widget .project .summary p {
color : #f79637 !important ;
padding : 5px 27px;
text-align : justify;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
}
#work_widget .project .summary .call-to-action {
font-size : 11px;
color : #1b9ccd;
text-decoration : none;
text-align : center;
}
a.call2Action {
text-align : center;
color : #1b9ccd;
text-decoration : none;
}
a.call2Action:hover {
color : #f79637;
}
#work_widget .ncluded {
right : 18px;
top : 64px;
}
#work_widget hr {
position : absolute;
width : 930px;
display : block;
left : 5px;
top : 280px;
margin : 0;
padding : 0;
border : none;
background : transparent;
height : 1px;
z-index : 10;
}
#aside_home {
padding-bottom : 0;
}
#aside_home .section {
width : 210px;
min-height : 400px;
float : left;
padding : 3em 10px 10px;
margin-bottom : 0;
}
#aside_home .testimonial {
padding-right : 20px;
padding-left : 0;
margin : -5px 0 0;
width : 209px;
}
#aside_home #section_home_services {
padding-left : 0;
padding-right : 20px;
width : 220px;
}
#aside_home #section_home_services h2 {
margin-left : 10px;
}
#aside_home #section_home_services h2 a {
display : block;
width : 115px;
height : 21px;
background : transparent url(../../_base/img/headings/h2_what-we-do.png) no-repeat left top;
text-indent : -9999px;
}
#aside_home #section_home_services ul.call-out {
min-height : 300px;
}
#aside_home #section_home_services div.call-to-action {
margin-top : 15px;
}
#aside_home #section_home_sketchbook {
width : 210px;
padding-right : 20px;
}
#aside_home #section_home_sketchbook h2 {
padding-left : 20px;
}
#aside_home #section_home_sketchbook h2 a {
display : block;
width : 196px;
height : 21px;
background : transparent url(../../_base/img/headings/h2_from-the-sketchbook.png) no-repeat left top;
text-indent : -9999px;
}
#aside_home #section_home_sketchbook ul.articles li {
background : transparent url(../../_base/img/sep_underline_left_brightest.png) no-repeat 10px top;
position : relative;
}
#aside_home #section_home_sketchbook ul.articles li:first-child {
background : none;
}
#aside_home #section_home_rfp {
padding-right : 0;
width : 220px;
}
#aside_home #section_home_rfp p {
padding-left : 10px;
}
#aside_home #section_home_rfp h2 {
padding-left : 20px;
}
#aside_home #section_home_rfp h2 a {
display : block;
width : 124px;
height : 21px;
background : transparent url(../../_base/img/headings/h2_work-with-us.png) no-repeat left top;
text-indent : -9999px;
}
#aside_home #section_home_rfp div.call-to-action {
margin-left : 10px;
}
#aside_home #section_home_rfp div.call-to-action a {
font-weight : normal;
}
body.three-col h1 {
color : #aecbd4;
}
body.three-col #main_content, body.three-col #aside {
padding-top : 30px;
padding-right : 10px;
float : left;
}
body.three-col #main_content {
width : 450px;
}
body.three-col #aside {
width : 460px;
background : transparent url(../../_base/img/bg_aside_3-col.png) no-repeat 4px top;
}
body.three-col #aside .column {
width : 180px;
float : left;
padding : 0 20px 10px;
margin-right : -20px;
}
body.three-col #aside .column:first-child {
width : 205px;
padding : 0 15px 10px 30px;
margin-right : 0;
}
body.three-col #aside .column .section {
margin-bottom : 40px;
}
body.three-col #aside .column.last {
padding-right : 0;
}
body.three-col #aside ul.call-out {
margin-left : -20px;
background-image : none;
margin-top : -10px;
}
body.three-col #aside ul.call-out li {
padding-top : 0;
}
body.three-col #aside ul.call-out li div {
padding-top : 10px;
padding-bottom : 10px;
}
body.one-col div.page-title {
background : transparent url(../../_base/img/sep_underline_full.png) no-repeat center bottom;
padding-bottom : 10px;
}
body.one-col div.page-title p {
max-width : 580px;
}
body.one-col #main_content {
padding-top : 30px;
padding-bottom : 50px;
min-height : 200px;
}
body.two-col-a .rich-text ul {
padding-top : 0;
}
body.two-col-a .column {
padding-left : 20px;
float : left;
width : 560px;
background : transparent url(../../_base/img/bg_case_study.png) no-repeat left bottom;
}
body.two-col-a div.page-title {
background : transparent url(../../_base/img/sep_underline_full.png) no-repeat center bottom;
padding-bottom : 10px;
}
body.two-col-a #main_content {
padding-top : 30px;
padding-right : 20px;
float : left;
width : 340px;
}
body.two-col-a .rich-text ul {
padding-top : 0;
}
body.two-col-a .column {
padding-left : 20px;
float : left;
width : 560px;
background : transparent url(../../_base/img/bg_case_study.png) no-repeat left bottom;
}
body.two-col-b div.page-title {
background : transparent url(../../_base/img/sep_underline_full.png) no-repeat center bottom;
padding-bottom : 10px;
}
body.two-col-b #main_content {
padding-top : 30px;
padding-right : 20px;
float : left;
width : 680px;
}
body.two-col-b #aside {
padding-left : 30px;
padding-top : 30px;
float : left;
width : 210px;
background : transparent url(../../_base/img/bg_aside_2-col-b.png) no-repeat 4px top;
}
body.two-col-b #aside ul.call-out {
margin-left : -20px;
background-image : none;
margin-top : -10px;
}
body.two-col-b #aside ul.call-out li {
padding-top : 0;
}
body.two-col-b #aside ul.call-out li div {
padding-top : 10px;
padding-bottom : 10px;
}
body#about #main_content p {
padding-right : 5px;
}
.main-image {
margin-bottom : 30px;
position : relative;
}
.main-image img, .huge-image img, .small-image img {
border-bottom : 1px solid #013547;
}
body#about .main-image .ncluded {
left : auto;
right : 0;
top : -1px;
}
body#about #about_us {
margin-bottom : 40px;
}
body#about #our_team {
float : left;
margin-top : 0.5em;
margin-right : -5px;
}
body#about #our_team li {
float : left;
width : 221px;
padding-right : 4px;
background : transparent url(../../_base/img/sep_underline_left_brighter.png) no-repeat left bottom;
margin-bottom : 1.5em;
padding-bottom : 1px;
}
body#about #our_team li:hover {
background : transparent url(../../_base/img/bg_underline_left_brighter.png) no-repeat left bottom;
}
body#about #our_team li.odd {
clear : left;
}
body#about #our_team li * {
float : left;
}
body#about #our_team li a {
margin-right : 10px;
}
body#about #our_team li p {
width : 110px;
font : normal 11px/1.25 "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
color : #6e9baa;
margin-bottom : 0.25em;
margin-right : -5px;
}
body#about #our_team li p strong {
font : bold 12px/1.5 "trebuchet ms", trebuchet, sans-serif;
color : #fff;
text-transform : uppercase;
}
body#about #our_team li p a {
margin-right : 0;
}
body#about #aside #about_join div.main-image {
margin-bottom : 40px;
}
body#about #aside div.main-image {
margin-bottom : 0;
}
body#sketchbook h2.entry-title {
color : #fff;
margin-bottom : 2px;
}
body#sketchbook h2.entry-title .sIFR-alternate {
display : block;
}
body#sketchbook abbr {
font : normal 10px "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
color : #9ebfcc;
}
body#sketchbook .single abbr {
font-size : 12px;
}
body#sketchbook li.article {
margin-bottom : 50px;
color : #9ebfcc;
}
body#sketchbook #about_sketchbook {
margin-bottom : 20px;
}
body#sketchbook #search_form form {
position : relative;
margin-right : -50px;
}
body#sketchbook #search_form input, body#sketchbook #search_form button {
float : left;
}
body#sketchbook #search_form input {
margin-right : 6px;
}
body#sketchbook #search_form label.inset {
position : absolute;
left : 8px;
top : 8px;
z-index : 9;
}
body#sketchbook #search_form label.inset.alt {
left : -9999px;
}
body#sketchbook #search_form button {
position : relative;
top : 1px;
}
body#sketchbook #aside {
padding-top : 30px;
}
body#sketchbook #aside #archive_content li a:hover {
text-decoration : underline;
}
body#sketchbook #aside span.call-to-action {
background-image : url(../../_base/img/icn_call_to_action_trans.png);
}
body#sketchbook #aside span.call-to-action a {
border-bottom : 0;
padding-bottom : 0;
margin-left : 4px;
}
body#sketchbook #aside span.call-to-action a:hover {
text-decoration : underline;
}
body#sketchbook #aside #archive_content li {
padding-top : 8px;
margin-bottom : 6px;
}
body#sketchbook #aside #archive_content li:first-child {
padding-top : 0;
}
body#sketchbook #aside li h3 {
font : normal 12px "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
padding-bottom : 0.625em;
margin-left : 10px;
background : transparent url(../../_base/img/sep_underline_left_brighter.png) no-repeat left bottom;
}
body#sketchbook #aside li h3 a {
outline : none;
}
body#sketchbook #aside li ol {
padding-bottom : 0.5em;
background : transparent url(../../_base/img/sep_underline_left_brighter.png) no-repeat left bottom;
}
body#sketchbook #aside li li {
background : transparent url(../../_base/img/sep_underline_left.png) no-repeat left top;
padding-top : 0.625em;
}
body#sketchbook #aside li li:first-child {
background : none;
padding-top : 0.625em;
}
body#sketchbook #aside cite {
line-height : 1.5;
}
body#sketchbook #aside cite small {
display : block;
}
body#sketchbook #aside div.main-image {
margin-bottom : 1em;
}
body#sketchbook .main-image img, body#sketchbook .huge-image img, body#sketchbook .small-image img {
border-bottom : none;
}
body#sketchbook #aside ul#single_paging {
margin-top : 3em;
}
body#sketchbook #aside #extended_content h2 {
width : 205px;
}
#sketchbook .all .section {
width : 25%;
float : left;
border-right : 1px solid #083649;
margin-right : -1px;
}
#sketchbook .all .section.three {
width : 240px;
}
#sketchbook .all .section.four {
width : 220px;
border-right : none;
}
#sketchbook .all h2 {
padding-left : 20px;
padding-top : 20px;
margin : 0;
}
#sketchbook .all ul li {
float : none;
width : auto;
border-right : none;
}
#sketchbook .all .archives ul li {
float : left;
width : 43%;
margin-right : 0;
}
body#sketchbook #popular li .call-to-action {
margin-left : 0;
background-position : left 6px;
display : block;
}
body#sketchbook #popular li .call-to-action a {
display : inline;
display : inline-block;
line-height : 1.5;
}
#calendar {
height : 195px;
overflow : hidden;
margin-right : -20px;
width : 220px;
position : relative;
margin-bottom : 2em;
}
table.calendar {
width : 200px;
margin-bottom : 20px;
font : normal 10px "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
text-align : center;
position : absolute;
z-index : 1;
}
table.calendar th {
text-align : left;
}
table.calendar tr {
background : transparent url(../../_base/img/sep_calendar_horizontal.png) no-repeat 45% 0%;
}
table.calendar tr.month {
background : none;
}
table.calendar tr.month h2 {
margin-bottom : 0;
}
table.calendar tr.weekdays {
background : none;
}
table.calendar tr.weekdays td {
height : 30px;
color : #fff;
}
table.calendar tr td {
height : 22px;
width : 24px;
padding : 0;
vertical-align : middle;
background : transparent url(../../_base/img/sep_calendar_vertical.png) no-repeat left center;
}
table.calendar tr td:first-child {
background-image : none;
}
table.calendar tr td.entries {
background : #74ac51 url(../../_base/img/bg_calendar_entries.png) no-repeat center;
border-top : 1px solid #11516a;
border-left : 1px solid #11516a;
}
table.calendar tr td.entries:first-child {
border-left : none;
}
table.calendar tr.weekdays td {
background-position : left top;
}
table.calendar tr.week.last td {
background-position : left bottom;
}
table.calendar tr td a {
color : #fff;
}
.calendar-month-links {
position : absolute;
right : 10px;
top : 4px;
padding : 0;
z-index : 99;
}
.calendar-month-links a {
display : block;
float : left;
width : 15px;
height : 15px;
text-indent : -9999px;
background : transparent url(../../_base/img/btn_arrow.png) no-repeat left top;
outline : none;
}
.calendar-month-links a.next {
background-position : right top;
margin-left : 4px;
}
.calendar-month-links a:hover {
background-position : left bottom;
}
.calendar-month-links a.next:hover {
background-position : right bottom;
}
table.calendar .calendar-month-links {
display : none;
}
body#sketchbook .single h1 {
color : #aecbd4;
}
body#sketchbook .single #aside {
padding-top : 27px;
}
#bio img.photo {
margin-bottom : 2em;
}
#bio a {
color : #fff;
}
.single #main_content h2.emphasized {
background-image : url(../../_base/img/sep_underline_left_comments.png);
min-width : 450px;
}
.single #aside .section {
margin-bottom : 3em;
}
.single ol.recent-posts li {
margin-left : 0;
}
.single ol.recent-posts li span.call-to-action {
margin-left : 5px;
margin-right : 15px;
}
.single ol.recent-posts li a {
display : inline-block;
vertical-align : top;
line-height : 1.5;
}
.article .rich-text h2 {
display : inline;
display : inline-block;
margin-top : 30px;
}
.article .rich-text h3, .rich-text h3 {
font-size : 16px;
padding-bottom : 1px;
margin : 0.5em 0;
background : transparent url(../../_base/img/sep_underline_left.png) no-repeat left bottom;
}
.article .rich-text h4, .rich-text h4 {
font-size : 14px;
margin : 0.5em 0;
background : none;
font-weight : bold;
}
.article div.header {
padding-bottom : 10px;
margin-bottom : 12px;
background : transparent url(../../_base/img/sep_underline_center_sketchbook.png) no-repeat left bottom;
}
.article div.footer {
background : transparent url(../../_base/img/bg_sketchbook_teaser_footer.png) no-repeat;
position : relative;
font-size : 11px;
height : 31px;
line-height : 31px;
margin-top : 32px;
}
.article div.footer li {
line-height : 31px;
float : left;
margin-right : 1.5em;
}
.article div.footer a {
color : #fff;
}
.article div.footer .sprite {
margin-top : 12px;
margin-right : 5px;
}
.article div.footer .last {
position : absolute;
right : 10px;
top : 7px;
}
.article div.footer .call-to-action a {
padding-bottom : 1px;
margin-top : 2px;
display : block;
}
.article img {
max-width : 450px;
}
.article .huge-image, .article .small-image {
margin-bottom : 1em;
}
.article .interior {
display : block;
}
.article.lead .interior {
display : none;
}
.article ul li {
background-position : left 7px;
}
.article ul li.call-to-action {
background-position : left center;
}
#aside .article div.header {
background-image : url(../../_base/img/sep_underline_center_shadow.png);
position : relative;
}
#aside .article div.header a.comments {
position : absolute;
right : 10px;
line-height : 1.725;
font-size : 11px;
}
#aside .article div.header span.comment-sprite {
float : none;
display : inline;
display : inline-block;
width : 10px;
height : 10px;
background : transparent url(../../_base/img/icn.png) no-repeat 0% 0%;
}
#aside .article div.footer {
background-image : url(../../_base/img/bg_sketchbook_teaser_footer_aside.png);
margin-top : 15px;
}
#aside .article div.footer ul li {
padding : 0;
margin : 0 1.5em 0 0;
background-image : none;
}
#aside .article div.footer ul li.call-to-action {
padding-left : 8px;
}
#aside .article div.footer li:first-child {
display : none;
}
#aside div.posts-footer {
background-image : url(../../_base/img/bg_sketchbook_teaser_footer_aside.png);
position : relative;
font-size : 11px;
height : 31px;
line-height : 31px;
margin-top : 32px;
}
#aside div.posts-footer div.call-to-action {
padding-left : 8px;
position : absolute;
left : 0;
top : 7px;
}
#main_content.archive ol.articles li {
float : left;
width : 215px;
padding : 0 10px;
margin-bottom : 4em;
height : 320px;
}
#main_content.archive ol.articles li.one {
padding-left : 0;
clear : left;
}
#main_content.archive ol.articles li.three {
padding-right : 0;
margin-right : -5px;
}
#main_content.archive ol.articles li.paging {
height : auto;
width : auto;
float : none;
clear : left;
padding-bottom : 0.5em;
padding-left : 0;
}
#main_content.archive ol.articles li div.header {
background-image : url(../../_base/img/sep_underline_center_shadow.png);
height : 60px;
position : relative;
}
#main_content.archive ol.articles li div.header h3 {
font-size : 14px;
min-height : 35px;
}
#main_content.archive ol.articles li div.header span.comment-sprite {
float : none;
display : inline;
display : inline-block;
width : 10px;
height : 10px;
background : transparent url(../../_base/img/icn.png) no-repeat 0% 0%;
}
#main_content.archive ol.articles li div.header a.comments {
position : absolute;
right : 14px;
line-height : 1.725;
font-size : 11px;
}
body.two-col-b .article div.footer {
background : transparent url(../../_base/img/bg_footer_2-col.png) no-repeat;
}
#comments ol li {
background : transparent url(../../_base/img/bg_comment_shadow_2-col.png) no-repeat left bottom;
padding-bottom : 20px;
margin-top : -20px;
}
#comments ol li div.entry {
width : 100%;
}
#comments ol li a {
color : #fff;
}
#comments ol li a:hover {
text-decoration : underline;
}
#comments ol li a img {
border : none;
}
#comments ol li img.avatar {
width : 36px;
height : 36px;
padding : 0 2px 2px 0;
margin : 0 20px 0 0;
background : transparent url(../../_base/img/bg_comment_avatar.png) no-repeat right bottom;
display : block;
float : left;
}
#comments ol li div.header {
font-size : 11px;
width : 300px;
padding : 20px 20px 20px 0;
margin-bottom : 20px;
}
#comments ol li div.header .username {
text-transform : uppercase;
}
#comments ol li div.header p {
margin-bottom : 0;
float : left;
width : 200px;
}
#comments ol li a {
color : #fff;
}
#comments ol li sup {
font-size : 9px;
font-variant : small-caps;
vertical-align : top;
}
#comments ol li div.body img {
vertical-align : middle;
}
#comments ol li div.body {
color : #6e9baa;
clear : left;
padding-left : 58px;
}
#comments ol li.group-1 {
padding-bottom : 11px;
}
#comments ol li.group-1 div.entry {
background : transparent url(../../_base/img/bg_admin_comment_2-col.png) no-repeat left bottom;
margin-bottom : 0;
}
#comments ol li.group-1 div.body {
font-style : italic;
}
#comments ol li.yours, #comments ol li.yours li {
margin-top : 0;
}
#comment_form ul li {
width : 450px;
float : left;
clear : left;
background : none;
font-size : 11px;
padding-bottom : 0;
}
#comment_form ul li img.avatar, #comment_form ul li.remember {
margin-bottom : 0;
}
#comment_form ul li p {
margin-bottom : 0;
}
#comment_form ul li .rich-text p, #comment_form ul li #comment_preview p {
margin-bottom : 1em;
}
#comment_form ul li .username {
text-transform : uppercase;
}
#comment_form ul li.condensed {
width : 48%;
clear : none;
margin-bottom : 0.75em;
}
#comment_form ul li.condensed.email {
margin-left : 14px;
}
#comment_form label {
margin-bottom : 0.25em;
}
#comment_form input.textfield, #comment_form textarea {
font : normal 11px "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
width : 430px;
}
#comment_form textarea {
height : 100px;
}
#comment_form li.condensed input.textfield {
width : 200px;
}
#comment_form li.captcha img, #comment_form li.captcha input {
display : block;
float : left;
margin-right : 10px;
}
#comment_form li.captcha input {
padding-top : 7px;
}
#comment_form li.textarea {
margin-bottom : 10px;
}
#comment_form #comment_preview {
padding : 0 20px 0 0;
color : #6e9baa;
}
#comment_form button {
background : #528a1a url(../../_base/img/form_bg_button_green.png) repeat-x left top;
font : bold 11px "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
border : none;
border-bottom : 1px solid #013246;
border-right : 1px solid #013246;
color : #fff;
display : block;
height : 29px;
cursor : pointer;
}
body#work.one-col #main_content {
padding-right : 0;
}
body#work .featured-projects {
background : transparent url(../../_base/img/bg_featured_work.png) no-repeat center bottom;
padding-bottom : 100px;
margin-bottom : -20px;
}
body#work .featured-projects .project {
width : 460px;
height : 251px;
background : transparent url(../../_base/img/bg_featured_project.png) no-repeat right bottom;
float : left;
margin : 0 0 0 20px;
}
body#work .featured-projects .project:first-child {
margin-left : 0;
}
body#work .featured-projects .project a.screenshot {
border-left : 1px solid #114a61;
float : left;
}
body#work .featured-projects .project .summary {
width : 200px;
float : left;
margin : 77px 0 0 20px;
}
body#work .featured-projects .project .summary h3 {
font-weight : normal;
margin-bottom : 0.5em;
}
body#work .featured-projects .project .summary p {
color : #89aebc;
margin-bottom : 1em;
}
body#work .featured-projects .project .summary p a {
color : #fff;
}
body#work .featured-projects .project .summary .call-to-action {
font-size : 11px;
}
body#work .paging {
padding : 0;
margin : 0 0 15px 0;
background : none;
}
body#work .paging a {
float : right;
clear : none;
margin-right : 4px;
background-image : url(../../_base/img/btn_arrow.png);
}
body#work .all-projects {
clear : left;
height : 220px;
width : 100%;
}
body#work .all-projects li {
display : inline;
display : inline-block;
}
body#work .all-projects li h3 {
margin-bottom : 0.5em;
}
body#work .all-projects li a img {
width : 160px;
}
body#work #screenshots {
padding-top : 32px;
padding-bottom : 1em;
}
body#work #screenshots ol, body#work #screenshots ul {
clear : both;
}
body#work.hasJS #screenshots ol {
height : 800px;
}
body#work #screenshots ol#pager {
height : auto;
}
body#work #screenshots #pager li {
display : block;
float : left;
text-align : center;
margin-right : 5px;
}
body#work #screenshots #pager li a {
font-size : 10px;
display : block;
width : 16px;
height : 16px;
line-height : 16px;
background : #104960;
color : #aecbd4;
outline : none;
}
body#work #screenshots #pager li a:hover, body#work #screenshots #pager li.current a {
background : #97b8c3;
color : #013447;
}
body#work.two-col-b #main_content {
width : 679px;
}
body#work.two-col-b #main_content p {
margin-bottom : 40px;
}
body#work.two-col-b #main_content ul {
margin-right : -30px;
}
body#work.two-col-b #main_content ul li {
float : left;
margin-bottom : 50px;
}
body#work.two-col-b #main_content ul li a {
display : block;
clear : left;
outline : none;
}
body#work.two-col-b #main_content ul li img {
width : 210px;
margin-left : 15px;
margin-right : 10px;
}
body#work.two-col-b #main_content ul li.one img {
margin-left : 10px;
}
body#work.two-col-b #main_content ul li h2 img, body#work.two-col-b #main_content ul li.one h2 img {
width : auto;
}
body#work.two-col-b #aside {
width : 210px;
}
body#work ul li#identity {
width : 700px;
clear : left;
position : relative;
}
body#work.two-col-b #main_content ul li#identity h2 img {
margin-left : 0;
padding-left : 10px;
}
body#work ul li#identity ul {
background : #fff;
width : 680px;
margin : 0 10px;
text-align : center;
position : relative;
}
body#work.hasJS ul li#identity ul {
height : 210px;
}
body#work.two-col-b #main_content ul li#identity ul li {
float : none;
display : block;
text-align : center;
margin : 10px;
width : 660px;
height : 190px;
background-color : #fff;
text-align : center;
vertical-align : middle;
}
body#work.two-col-b #main_content ul li#identity ul li img {
width : auto;
border : none;
vertical-align : middle;
}
body#work ul li#identity #identity_pager {
position : absolute;
right : 6px;
top : 20px;
}
body#work ul li#identity #identity_pager a {
float : none;
display : inline-block;
}
body#work.two-col-b #main_content ul li.secondary a {
display : block;
height : 112px;
border-bottom : 8px solid #fff;
margin-left : 15px;
margin-right : 10px;
overflow : hidden;
}
body#work.two-col-b #main_content ul li.secondary.one a {
margin-left : 10px;
}
body#work.two-col-b #main_content ul li.secondary a img {
margin : 0;
}
body#work.two-col-b #main_content ul li.secondary h2 a {
margin-right : 0;
overflow : visible;
width : auto;
height : auto;
display : inherit;
border-bottom : none;
}
body#work.two-col-b #main_content ul li.secondary h2 a img {
width : auto;
}
body#work.two-col-b #main_content ul li h2 a {
height : auto !important ;
}
body#work.two-col-b #main_content ul li#fullbleed a, body#work.two-col-b #main_content ul li#happyhour a, body#work.two-col-b #main_content ul li#gdzlla a, body#work.two-col-b #main_content ul li#museum-of-sex a {
border-bottom : none;
height : 120px;
}
body#services #main_content h2 {
background : transparent url(../../_base/img/sep_underline_center_sketchbook.png) no-repeat -50px bottom;
min-width : 440px;
}
body#contact textarea {
height : 180px;
}
body#contact #contact_us {
margin-bottom : 34px;
}
body#contact #main_content.rich-text h2 {
margin-top : 1em;
background : transparent url(../../_base/img/sep_underline_center_sketchbook.png) no-repeat -50px bottom;
min-width : 440px;
}
body#contact .rich-text h3 {
font-size : 14px;
margin-top : 0;
}
body#contact .rich-text ol {
margin : 0 0 2em 10px;
}
body#contact .rich-text ol li {
list-style : decimal;
margin-left : 20px;
}
body#contact #map {
height : 350px;
margin-bottom : 2em;
color : #4d4d4d;
border : 1px solid #0e485d;
}
body#contact #map p {
line-height : 1.5;
margin-left : 1em;
}
body#contact #map p b {
font-size : 13px;
color : #2d2d2d;
margin-bottom : 0.5em;
display : block;
}
body#contact #request_proposal {
margin-bottom : 3em;
}
body#contact fieldset {
padding-bottom : 0;
margin : 0;
}
body#contact fieldset legend {
position : absolute;
left : -9999px;
height : 0;
visibility : hidden;
}
li#budget_more {
width : 406px;
padding : 20px;
border : 1px solid #0e485d;
background : #023a4e;
}
li#budget_more p {
font-size : 11px;
}
li#budget_more input {
width : 393px;
}
#content.fourohfour .container {
background : transparent url(../../_base/img/bg_404.png) no-repeat right 110px;
}
#content.fourohfour #main_content {
width : 450px;
}
span.sprite {
text-indent : -9999px;
}
span.comment-sprite {
float : left;
display : block;
width : 10px;
height : 10px;
background : transparent url(../../_base/img/icn.png) no-repeat 0% 0%;
}
.clear:after {
content : " ";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
margin-bottom : 0;
}
.clear {
display : inline-block;
}
html[xmlns] .clear {
display : block;
}
* html .clear {
height : 1%;
}