body { margin: 0; padding: 0; font-size: 76%; font-family: Tahoma, Arial, Helvetica, sans-serif; }

img { border: 0; }

h1 { position: relative; z-index: 50; margin: 0 0 0.8em; font-weight: normal; font-size: 250%; font-family: Futura, Tahoma, Arial, Helvetica, sans-serif; }

a { color: #00809e; }
a:hover { text-decoration: underline; }

h2 { font-weight: normal; font-size: 150%; }

h3 { font-size: 120%; }

p { margin-top: 0; }

td { vertical-align: top; }


.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */


#wrapper { position: relative; margin: 0 auto; width: 600px; padding-top: 200px; background-repeat: no-repeat; }
body.larger #wrapper { font-size: 120%; }

#logo { position: absolute; top: 54px; left: 25px; text-decoration: none; font-size: 160%; white-space: nowrap; }

#navigation { display: none; }

#crumbs { position: absolute; top: 140px; left: 35px; font-size: 90%; color: #b7b6b6; }

#main { padding: 0; #padding: 5px 40px 1.5em 35px; line-height: 1.6em; }

#section_links { position: relative; border-top: 1px solid #ccc; padding-top: 1em; }
#section_links ul { position: relative; top: -1.5em; left: 120px; margin: 0; padding: 0; list-style-type: none; }

#left { float: left; width: 600px; }
#left h2 { white-space: nowrap; }

#right { display: none; }

#footer { padding-bottom: 2em; }

#footer div.top { display: none; }

#footer div.base { border-bottom: 1px solid #e1e1e1; height: 40px; }
#footer div.base p { margin: 0; line-height: 40px; padding: 0 40px 0 35px; }
#footer div.base p.left { float: left; font-size: 90%; color: #b7b6b6; }
#footer div.base p.left a { color: #b7b6b6; text-decoration: underline; }
#footer div.base p.right { display: none; }

/* Home template */
#home #wrapper { background-image: url(../graphics/home/header.jpg); }
#home #navigation li.nav_active a { color: #006c85; }
#home #navigation ul ul { background: #3399b2; }
/* #home #navigation ul ul { background: url(../graphics/navigation/blue/subnav.png); } */
#home #navigation ul ul li a:hover, #home #navigation ul li.nav_active ul li a:hover, #home #navigation li li.nav_active a { background: #00809e !important; }

#home #navigation li a { background-color: #57acc1; }
#home #navigation li a:hover { background-color: #00809e; }
#home #navigation li.home a { background-image: url(../graphics/navigation/active/home.gif); }
#home #navigation li.who_we_are a { background-image: url(../graphics/navigation/blue/who_we_are.gif); }
#home #navigation li.who_we_are a:hover { background-image: url(../graphics/navigation/blue/who_we_are_hover.gif); }
#home #navigation li.what_we_do a { background-image: url(../graphics/navigation/blue/what_we_do.gif); }
#home #navigation li.what_we_do a:hover { background-image: url(../graphics/navigation/blue/what_we_do_hover.gif); }
#home #navigation li.inspired_ideas a { background-image: url(../graphics/navigation/blue/inspired_ideas.gif); }
#home #navigation li.inspired_ideas a:hover { background-image: url(../graphics/navigation/blue/inspired_ideas_hover.gif); }
#home #navigation li.work_with_us a { background-image: url(../graphics/navigation/blue/work_with_us.gif); }
#home #navigation li.work_with_us a:hover { background-image: url(../graphics/navigation/blue/work_with_us_hover.gif); }
#home #navigation li.whats_new a { background-image: url(../graphics/navigation/blue/whats_new.gif); }
#home #navigation li.whats_new a:hover { background-image: url(../graphics/navigation/blue/whats_new_hover.gif); }

#home #main h2 { color: #00809e; }

/* Who we are template */
#who_we_are #wrapper { background-image: url(../graphics/who_we_are/header.jpg); }
#who_we_are #navigation li.nav_active a { color: #006c85; }
#who_we_are #navigation ul ul { background: #3399b2; }
/* #who_we_are #navigation ul ul { background: url(../graphics/navigation/green/subnav.png); } */
#who_we_are #navigation ul ul li a:hover, #who_we_are #navigation ul li.nav_active ul li a:hover, #who_we_are #navigation li li.nav_active a { background: #00809e !important; }

#who_we_are #navigation li a { background-color: #57acc1; }
#who_we_are #navigation li a:hover { background-color: #00809e; }
#who_we_are #navigation li.home a { background-image: url(../graphics/navigation/blue/home.gif); }
#who_we_are #navigation li.home a:hover { background-image: url(../graphics/navigation/blue/home_hover.gif); }
#who_we_are #navigation li.who_we_are a { background-image: url(../graphics/navigation/active/who_we_are.gif); }
#who_we_are #navigation li.what_we_do a { background-image: url(../graphics/navigation/blue/what_we_do.gif); }
#who_we_are #navigation li.what_we_do a:hover { background-image: url(../graphics/navigation/blue/what_we_do_hover.gif); }
#who_we_are #navigation li.inspired_ideas a { background-image: url(../graphics/navigation/blue/inspired_ideas.gif); }
#who_we_are #navigation li.inspired_ideas a:hover { background-image: url(../graphics/navigation/blue/inspired_ideas_hover.gif); }
#who_we_are #navigation li.work_with_us a { background-image: url(../graphics/navigation/blue/work_with_us.gif); }
#who_we_are #navigation li.work_with_us a:hover { background-image: url(../graphics/navigation/blue/work_with_us_hover.gif); }
#who_we_are #navigation li.whats_new a { background-image: url(../graphics/navigation/blue/whats_new.gif); }
#who_we_are #navigation li.whats_new a:hover { background-image: url(../graphics/navigation/blue/whats_new_hover.gif); }

#who_we_are #main h2 { color: #00809e; }

/* What we do template */
#what_we_do #wrapper { background-image: url(../graphics/what_we_do/header.jpg); }
#what_we_do #navigation li.nav_active a { color: #727c03; }
#what_we_do #navigation ul ul { background: #b2bc37; }
/* #what_we_do #navigation ul ul { background: url(../graphics/navigation/blue/subnav.png); } */
#what_we_do #navigation ul ul li a:hover, #what_we_do #navigation ul li.nav_active ul li a:hover, #what_we_do #navigation li li.nav_active a { background: #9eab05 !important; }

#what_we_do #navigation li a { background-color: #c1c95c; }
#what_we_do #navigation li a:hover { background-color: #a0a841; }
#what_we_do #navigation li.home a { background-image: url(../graphics/navigation/green/home.gif); }
#what_we_do #navigation li.home a:hover { background-image: url(../graphics/navigation/green/home_hover.gif); }
#what_we_do #navigation li.who_we_are a { background-image: url(../graphics/navigation/green/who_we_are.gif); }
#what_we_do #navigation li.who_we_are a:hover { background-image: url(../graphics/navigation/green/who_we_are_hover.gif); }
#what_we_do #navigation li.what_we_do a { background-image: url(../graphics/navigation/active/what_we_do.gif); }
#what_we_do #navigation li.inspired_ideas a { background-image: url(../graphics/navigation/green/inspired_ideas.gif); }
#what_we_do #navigation li.inspired_ideas a:hover { background-image: url(../graphics/navigation/green/inspired_ideas_hover.gif); }
#what_we_do #navigation li.work_with_us a { background-image: url(../graphics/navigation/green/work_with_us.gif); }
#what_we_do #navigation li.work_with_us a:hover { background-image: url(../graphics/navigation/green/work_with_us_hover.gif); }
#what_we_do #navigation li.whats_new a { background-image: url(../graphics/navigation/green/whats_new.gif); }
#what_we_do #navigation li.whats_new a:hover { background-image: url(../graphics/navigation/green/whats_new_hover.gif); }

#what_we_do #main h2 { color: #a0a841; }

/* Inspired ideas template */
#inspired_ideas #wrapper { background-image: url(../graphics/inspired_ideas/header.jpg); }
#inspired_ideas #navigation li.nav_active a { color: #727c03; }
#inspired_ideas #navigation ul ul { background: #b2bc37; }
/* #inspired_ideas #navigation ul ul { background: url(../graphics/navigation/green/subnav.png); } */
#inspired_ideas #navigation ul ul li a:hover, #inspired_ideas #navigation ul li.nav_active ul li a:hover, #inspired_ideas #navigation li li.nav_active a { background: #9eab05 !important; }

#inspired_ideas #navigation li a { background-color: #c1c95c; }
#inspired_ideas #navigation li a:hover { background-color: #a0a841; }
#inspired_ideas #navigation li.home a { background-image: url(../graphics/navigation/green/home.gif); }
#inspired_ideas #navigation li.home a:hover { background-image: url(../graphics/navigation/green/home_hover.gif); }
#inspired_ideas #navigation li.who_we_are a { background-image: url(../graphics/navigation/green/who_we_are.gif); }
#inspired_ideas #navigation li.who_we_are a:hover { background-image: url(../graphics/navigation/green/who_we_are_hover.gif); }
#inspired_ideas #navigation li.what_we_do a { background-image: url(../graphics/navigation/green/what_we_do.gif); }
#inspired_ideas #navigation li.what_we_do a:hover { background-image: url(../graphics/navigation/green/what_we_do_hover.gif); }
#inspired_ideas #navigation li.inspired_ideas a { background-image: url(../graphics/navigation/active/inspired_ideas.gif); }
#inspired_ideas #navigation li.work_with_us a { background-image: url(../graphics/navigation/green/work_with_us.gif); }
#inspired_ideas #navigation li.work_with_us a:hover { background-image: url(../graphics/navigation/green/work_with_us_hover.gif); }
#inspired_ideas #navigation li.whats_new a { background-image: url(../graphics/navigation/green/whats_new.gif); }
#inspired_ideas #navigation li.whats_new a:hover { background-image: url(../graphics/navigation/green/whats_new_hover.gif); }

#inspired_ideas #main h2 { color: #a0a841; }

/* Work with us template */
#work_with_us #wrapper { background-image: url(../graphics/work_with_us/header.jpg); }
#work_with_us #navigation li.nav_active a { color: #b7640a; }
#work_with_us #navigation ul ul { background: #ed973d; }
/* #work_with_us #navigation ul ul { background: url(../graphics/navigation/orange/subnav.png); } */
#work_with_us #navigation ul ul li a:hover, #work_with_us #navigation ul li.nav_active ul li a:hover, #work_with_us #navigation li li.nav_active a { background: #e87d0d !important; }

#work_with_us #navigation li a { background-color: #f0ac63; }
#work_with_us #navigation li a:hover { background-color: #d69249; }
#work_with_us #navigation li.home a { background-image: url(../graphics/navigation/orange/home.gif); }
#work_with_us #navigation li.home a:hover { background-image: url(../graphics/navigation/orange/home_hover.gif); }
#work_with_us #navigation li.who_we_are a { background-image: url(../graphics/navigation/orange/who_we_are.gif); }
#work_with_us #navigation li.who_we_are a:hover { background-image: url(../graphics/navigation/orange/who_we_are_hover.gif); }
#work_with_us #navigation li.what_we_do a { background-image: url(../graphics/navigation/orange/what_we_do.gif); }
#work_with_us #navigation li.what_we_do a:hover { background-image: url(../graphics/navigation/orange/what_we_do_hover.gif); }
#work_with_us #navigation li.inspired_ideas a { background-image: url(../graphics/navigation/orange/inspired_ideas.gif); }
#work_with_us #navigation li.inspired_ideas a:hover { background-image: url(../graphics/navigation/orange/inspired_ideas_hover.gif); }
#work_with_us #navigation li.work_with_us a { background-image: url(../graphics/navigation/active/work_with_us.gif); }
#work_with_us #navigation li.whats_new a { background-image: url(../graphics/navigation/orange/whats_new.gif); }
#work_with_us #navigation li.whats_new a:hover { background-image: url(../graphics/navigation/orange/whats_new_hover.gif); }

#work_with_us #main h2 { color: #d69249; }

/* What's new template */
#whats_new #wrapper { background-image: url(../graphics/whats_new/header.jpg); }
#whats_new #navigation li.nav_active a { color: #b7640a; }
#whats_new #navigation ul ul { background: #ed973d; }
/* #whats_new #navigation ul ul { background: url(../graphics/navigation/orange/subnav.png); } */
#whats_new #navigation ul ul li a:hover, #whats_new #navigation ul li.nav_active ul li a:hover, #whats_new #navigation li li.nav_active a { background: #e87d0d !important; }

#whats_new #navigation li a { background-color: #f0ac63; }
#whats_new #navigation li a:hover { background-color: #d69249; }
#whats_new #navigation li.home a { background-image: url(../graphics/navigation/orange/home.gif); }
#whats_new #navigation li.home a:hover { background-image: url(../graphics/navigation/orange/home_hover.gif); }
#whats_new #navigation li.who_we_are a { background-image: url(../graphics/navigation/orange/who_we_are.gif); }
#whats_new #navigation li.who_we_are a:hover { background-image: url(../graphics/navigation/orange/who_we_are_hover.gif); }
#whats_new #navigation li.what_we_do a { background-image: url(../graphics/navigation/orange/what_we_do.gif); }
#whats_new #navigation li.what_we_do a:hover { background-image: url(../graphics/navigation/orange/what_we_do_hover.gif); }
#whats_new #navigation li.inspired_ideas a { background-image: url(../graphics/navigation/orange/inspired_ideas.gif); }
#whats_new #navigation li.inspired_ideas a:hover { background-image: url(../graphics/navigation/orange/inspired_ideas_hover.gif); }
#whats_new #navigation li.work_with_us a { background-image: url(../graphics/navigation/orange/work_with_us.gif); }
#whats_new #navigation li.work_with_us a:hover { background-image: url(../graphics/navigation/orange/work_with_us_hover.gif); }
#whats_new #navigation li.whats_new a { background-image: url(../graphics/navigation/active/whats_new.gif); }

#whats_new #main h2 { color: #d69249; }

/* Portfolio */
#portfolio { float: right; background: url(../graphics/portfolio_top.gif) no-repeat; padding-top: 12px; width: 391px; }
#portfolio ul { float: left; margin: 0; padding: 0 0 12px 20px; list-style-type: none; background: #9eab06 url(../graphics/portfolio_base.gif) no-repeat bottom left; text-align: center; width: 371px; }
#portfolio li { position: relative; left: 13px; display: block; float: left; margin: 10px 35px 0 0; }
#portfolio li a { float: left; position: relative; zoom: 1; cursor: pointer; }
#portfolio li a img { width: 145px; height: 98px; }
#portfolio li a canvas {  }

#portfolio_image { margin-top: 4.8em; }

/* Our People */
#who_we_are td { padding: 0 20px 20px 0; }

/* Tooltips */
.tool-tip { background: #525903; color: white; border: 1px solid white; padding: 3px 6px; font-size: 90%; font-weight: bold; }