html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

.cms_edit_container { margin: 0 !important; width: auto !important; }

html, body { height: 100%; }

body { background: #333 center top no-repeat fixed; font-size: 14px; font-family: Georgia, Times, serif; line-height: 16px; }

#body_comp { background: url("/images/bodies/_pattern.png") repeat; padding: 23px 0 50px; min-height: 100%; }
.ie6 #body_comp { background: none; }

ul { list-style: none; }

a { color: #808285; text-decoration: none; }
a:hover { text-decoration: underline; }

strong { font-weight: bold; }

em { font-style: italic; }

#page { margin: 0 auto; width: 962px; }

#header, #footer { overflow: hidden; display: inline-block; }
#header, #footer { display: block; }

#header { height: 157px; position: relative; }
#header h1 { width: 466px; }
#header img { display: block; }

body { background-image: url("/images/bodies/whatwedo.jpg"); }

#sheet { background: #FFF; color: #808285; }
.safari4 #sheet, .ff3_5 #sheet { -moz-background-clip: padding; -moz-border-image: url(/images/backgrounds/sheet_shadow.png) 9 stretch; -webkit-background-clip: padding-box; -webkit-border-image: url(/images/backgrounds/sheet_shadow.png) 9 stretch; border: 9px solid transparent; margin: -9px -9px; }

#body { background: url(/images/backgrounds/body.png) bottom center no-repeat; padding: 10px 10px 20px; overflow: hidden; display: inline-block; }
#body { display: block; }

#content { float: left; width: 704px; overflow: hidden; display: inline-block; }
#content { display: block; }
#content #intro, #content #main { float: left; margin-bottom: 33px; }
#content #intro { margin-right: 10px; width: 228px; }
#content #main { width: 466px; }
#content #extra { clear: both; width: 704px; }

#sidebar { float: right; margin-left: 30px; width: 208px; }

#main_menu { float: left; font-family: Arial, sans-serif; font-size: 18px; height: 100px; margin-top: 17px; position: relative; }
#main_menu a { color: #FFF; }
#main_menu li { float: left; position: relative; }
#main_menu li.depth-1 a { padding: 2px 4px 0 4px; }
#main_menu li.open > a { background: #231f20; }
#main_menu li ul { font-family: Georgia, Times, serif; left: 0; position: absolute; top: 25px; width: 942px; }
#main_menu li ul li.depth-2 a { margin-left: 15px; padding: 0 0 0 10px; }
#main_menu li ul li.depth-2 a:before { content: "—"; }
#main_menu li ul li.on a { font-style: italic; }

#secondary_menu { font-family: Arial, sans-serif; position: absolute; right: 0; top: 0; }
#secondary_menu a { color: #FFF; }
#secondary_menu li { text-align: right; }

#general_menu { margin-top: 50px; }
#general_menu a { color: #FFF; text-decoration: none; }
#general_menu li { float: left; margin-right: 10px; }

.breadcrumbs { display: none; }
.breadcrumbs li { display: inline; }
.breadcrumbs li + li:before { content: "• "; }

.html_block p, .html_block ul { font-family: Arial, sans-serif; margin-bottom: 15px; }

.listing div.item { border-top: 1px solid #d1d3d4; overflow: hidden; margin-bottom: 23px; padding-top: 10px; }
.listing div.item h3 { float: left; width: 228px; }
.listing div.item .content { float: right; width: 466px; }
.listing div.item .overview, .listing div.item .detail { overflow: hidden; }
.listing div.item .detail p { font-size: 12px; }
.listing div.item a.more { background: url(/images/backgrounds/arrow_grey.png) left center no-repeat; color: #231f20; display: block; line-height: 15px; padding-left: 20px; font-family: Georgia, Times, serif; font-size: 12px; font-style: italic; height: 15px; padding-left: 0; width: 15px; }
.listing div.item a.more span { display: none; }
.listing div.item.collapsed .overview { margin-bottom: 10px; }
.listing div.item.collapsed .overview .intro:after { display: none; }
.listing div.item.extended a.more { background-image: url(/images/backgrounds/arrow-back_grey.png); }
.listing div.service h3 { background: bottom left no-repeat; padding-bottom: 55px; }
.listing div.extended h3 { color: #ff5730; }

h2, h3 { color: #231f20; text-transform: uppercase; }

#intro h2 { font-size: 32px; line-height: 24px; margin-top: 2px; }
#intro p, #intro ul { font-style: italic; }
#intro p:before, #intro ul:before { content: "–"; display: block; }
#intro .html_block p { font-family: Georgia, Times, serif; margin: 0; }

#content p.intro, #content p.loud { color: #231f20; font-family: Georgia, Times, serif; font-size: 14px; line-height: 16px; }
#content p.intro { font-style: italic; margin-bottom: 0; }
#content p.intro:after { content: "–"; display: block; }
#content p.tight { margin-bottom: 0; }
#content ul { margin-bottom: 15px; }
#content #map iframe { height: 300px; width: 100%; }
#content #main .html_block, #content #extra .html_block { font-size: 12px; line-height: 14px; }
.default #content #main a, .default #content #extra a { color: #ff5730; }
.default #content #main img { max-width: 466px !important; }
.listing #content #main img { max-width: 704px !important; }
#content #extra img { max-width: 704px !important; }

#sidebar ul:before, #sidebar p:before { content: "–"; color: #231f20; display: block; }
#sidebar .filter { border-bottom: 1px solid #d1d3d4; margin-bottom: 15px; padding-bottom: 23px; }
#sidebar .filter li { font-style: italic; }

#featured #slideshow { padding: 10px 10px 0; overflow: hidden; display: inline-block; }
#featured #slideshow { display: block; }
#featured #slideshow .slides { background: black; height: 359px; overflow: hidden; position: relative; }
.javascript #featured #slideshow .slides { cursor: pointer; }
#featured #slideshow .slides img { display: block; position: absolute; width: 942px; }
#featured #slideshow a.more { background-color: rgba(0, 0, 0, .8); font-family: Arial, sans-serif; font-size: 12px; color: white; display: block; margin-top: -23px; padding: 4px 0; padding-left: 717px; position: relative; text-transform: uppercase; }
.IE6 #featured #slideshow a.more { background-color: black; }
#featured #slideshow a.more span { background: url("/images/backgrounds/arrow_white.png") left center no-repeat; display: block; line-height: 15px; padding-left: 20px; }

#project_images { margin-bottom: 23px; }
#project_images.linear .project_image { border-top: 1px solid #d1d3d4; margin-top: 10px; padding-top: 10px; }
#project_images.linear .project_image img { display: block; }
#project_images.linear .project_image em { color: #231f20; display: block; margin-top: 10px; }
#project_images.browser { border-top: 1px solid #d1d3d4; padding-top: 10px; position: relative; }
#project_images.browser a.arrow { background: transparent no-repeat center center; height: 475px; position: absolute; text-indent: -999em; top: 0; width: 10px; z-index: 11; }
#project_images.browser a.arrow.previous { background-image: url(/images/backgrounds/project_images-arrow-previous.png); left: 0; }
#project_images.browser a.arrow.next { background-image: url(/images/backgrounds/project_images-arrow-next.png); right: 0; }
#project_images.browser .menu { background: url(/images/backgrounds/project_images-menu_frame.png) left top no-repeat; color: white; font-family: Arial, sans-serif; height: 510px; left: 0; position: absolute; top: 10px; width: 704px; z-index: 10; }
#project_images.browser .menu .caption { bottom: 10px; left: 10px; position: absolute; }
#project_images.browser .menu .links { bottom: 10px; position: absolute; right: 10px; }
#project_images.browser .menu .links a { background: url(/images/backgrounds/project_images-link.png) top left no-repeat; color: white !important; float: left; font-size: 13px; line-height: 15px; margin-left: 3px; text-align: center; text-decoration: none; width: 15px; -webkit-mask: url(/images/backgrounds/project_images-link_mask.png); }
#project_images.browser .menu .links a.active, #project_images.browser .menu .links a:hover { background-position: bottom left; }
.webkit #project_images.browser .menu .links a.active, .webkit #project_images.browser .menu .links a:hover { background-position: top left; }
#project_images.browser .images { background: #231f20; height: 510px; position: relative; }
#project_images.browser .images .project_image { position: absolute; height: 510px; width: 704px; }
#project_images.browser .images .project_image img { display: block; margin: 0 auto; }

#projects .project { margin-bottom: 10px; }
#projects .project h3, #projects .project p { display: none; }
#projects .project img { display: block; }

body.default #intro, body.default #main, body.default #sidebar, body.listing #intro, body.listing #main, body.listing #sidebar { background: 0 0 no-repeat; padding-top: 38px; }
body.default #intro, body.listing #intro { background-image: url("/images/backgrounds/sheet_icons/intro.png"); }
body.default #sidebar, body.listing #sidebar { background-image: url("/images/backgrounds/sheet_icons/sidebar_create.png"); }
body.default.commerce #sidebar, body.listing.commerce #sidebar { background-image: url("/images/backgrounds/sheet_icons/sidebar_commerce.png"); }
body.default #main { background-image: url("/images/backgrounds/sheet_icons/content_create.png"); }
body.default.commerce #main { background-image: url("/images/backgrounds/sheet_icons/content_commerce.png"); }
body.default.what-we-do #intro { background-image: url("/images/backgrounds/sheet_icons/intro_create_services.png"); }
body.default.what-we-do.commerce #intro { background-image: url("/images/backgrounds/sheet_icons/intro_commerce_services.png"); }
body.default.project #intro { background-image: url("/images/backgrounds/sheet_icons/intro_create_projects.png"); }
body.default.project #sidebar { background-image: url("/images/backgrounds/sheet_icons/sidebar_create_project.png"); }
body.default.project.commerce #intro { background-image: url("/images/backgrounds/sheet_icons/intro_commerce_projects.png"); }
body.default.project.commerce #sidebar { background-image: url("/images/backgrounds/sheet_icons/sidebar_commerce_project.png"); }
body.listing #main { padding-top: 0; }
body.listing.projects #intro { background-image: url("/images/backgrounds/sheet_icons/intro_create_projects.png"); }
body.listing.projects.commerce #intro { background-image: url("/images/backgrounds/sheet_icons/intro_commerce_projects.png"); }
body.listing.projects #content p.intro { margin-bottom: 10px; }
body.listing.projects #content p.intro:before { content: "–"; display: block; }
body.listing.projects #content p.intro:after { content: ""; }
body.imprint #sidebar { background-image: none; }
body.listing #content #intro, body.listing #content #main { float: none; margin-bottom: 0; width: auto; }
body.naked #sheet { background: none; border: 0; color: white; }
body.naked #body { background: none; padding: 10px; }
body.naked #content, body.naked #content #main { float: none; width: auto; }
body.naked a { color: white; }
body#home #intro h2 { display: none; }
body#home #content p.intro { color: white; width: 466px; }
body#home #content p.intro:after { display: none; }
body#home #links { left: 50%; margin-left: -228px; position: absolute; text-align: center; top: 333px; width: 456px; font-size: 24px; text-transform: uppercase; }
body#home #links br { display: none; }
body#home #links #create_link { font-family: Georgia, Times, serif; }
body.commerce h2, body.commerce h3 { font-family: Arial, sans-serif; font-weight: bold; }