/* CSS Document */
html {height:100%;}

body {font-family:verdana,arial,sans-serif; background-color:#999999; color:#000000; behavior:url("csshover.htc"); font-size:85%; font-weight:500;}

#wrapper{width:932px; margin-left:25px; margin-top:7px; border-color:#000000; border-width:4px; border-style:solid; background-color:#ffffff;  min-height:546px;
  height:auto !important;
  height:546px;} /* set position relative so the footer can be positioned by referencing this containing element */


#wrapper_holiday{width:932px; margin-left:25px; margin-top:7px; border-color:#000000; border-width:4px; border-style:solid; background-color:#ccc;  min-height:546px;
  height:auto !important;
  height:546px;} /* set position relative so the footer can be positioned by referencing this containing element */

/*  classes for different page background images */
.design_bkgrnd{background-image:url(../graphics/backgrounds/design_bkgrnd.jpg);background-repeat:no-repeat;}
.projects_bkgrnd{background-image:url(../graphics/backgrounds/gorilla_bkgrnd.jpg);background-repeat:no-repeat;}
.develop_bkgrnd{background-image:url(../graphics/backgrounds/wooster_bkgrnd.jpg);background-repeat:no-repeat;}
.contact_bkgrnd{background-image:url(../graphics/backgrounds/contact_bkgrnd.jpg);background-repeat:no-repeat;}
.jobs_bkgrnd{background-image:url(../graphics/backgrounds/jobs_bkgrnd.jpg);background-repeat:no-repeat;}
.holiday{background-color:pink;}


#header {padding:0; height:171px; background-color:transparent;}
#logo{float:left; width:262px; background-color:transparent;}
.left_box{float:left;background-color:pink;margin-left:140px;margin-top:20px;}
#container{margin-left:262px; background-color:transparent;}
#container_team{margin-left:0; background-color:transparent;}
#main_text{padding-left:0;padding-right:3em; padding-bottom:0; padding-top:0;}
#footer {width:100%;background-color:transparent;padding-bottom:1em;padding-top:2em;position:relative; bottom: 0;}
#copyright {padding-bottom:.5em;text-align:center; font-size:77%; color:#666666;}


h1{font-size: *138.5%;} /*renders 18px */
h2{font-size: 123.1%; font-style:italic;padding-top:.4em; padding-bottom:.5em; background-color:transparent;} /* renders 16px */
h3{font-size: 108%; font-variant:small-caps;margin-top:1em;} /* renders 14px */
p{font-size: 1em;} /* renders 11px */

.client_name{font-weight:bold; color:#fb000c; background-color:transparent;}
.project_text {font-size:80%;}
.project_description{padding-left:10px;font-size: 100%;}


strong{font-weight:bold;}
a, a:link, a:visited, a:hover {text-decoration:none; color:#fb000c; outline:none;}
a img{border:none;}

ul.body{list-style-type:none;margin-left: 1em;}

li.body{
	background-color:transparent;
	background-image: url(/../graphics/bullet.gif);
	background-repeat:no-repeat;
	background-position: 0 .1em;
	padding-left: 2em;
}


/* hide hack from Mac-IE5 \*/* html #navigation { height: 1%; }/* end hiding */
ul#navigation {background-color:transparent; padding-top:75px; }

/* Remember the parent of any submenu must we at least as wide as the sum of its children-->
/*<group=level 1>*/
ul#navigation li {background-color:transparent; text-indent:-9999px; font-size:65%;}/*removed float:left; */
ul#navigation li a{display:block; background-color:transparent;}
ul#navigation li a:hover {background-color:transparent;}	
#navigation #about_current_page a{background-image:url(../graphics/red/nav_about.gif); width:91px; height:36px;background-repeat:no-repeat;}


/*<group1>*/

/*<group=level 1 classes>   for the design pages*/
.about{float:left;}
.about a{background-image:url(../graphics/black/nav_about.gif); width:91px; height:36px;background-repeat:no-repeat;}
.about a:hover{background-image:url(../graphics/red/nav_about.gif); width:91px; height:36px;background-repeat:no-repeat;}

.about_active{float:left;}
.about_active a{background-image:url(../graphics/red/nav_about.gif); width:91px; height:36px;background-repeat:no-repeat;}
.about_active a:hover{background-image:url(../graphics/red/nav_about.gif); width:91px; height:36px;background-repeat:no-repeat;}

.design{float:left;}
.design a{background-image:url(../graphics/black/nav_design.gif); width:78px; height:36px;background-repeat:no-repeat;}
.design a:hover{background-image:url(../graphics/red/nav_design.gif); width:78px; height:36px;background-repeat:no-repeat;}

.design_active{float:left;}
.design_active a{background-image:url(../graphics/red/nav_design.gif); width:78px; height:36px;background-repeat:no-repeat;}
.design_active a:hover{background-image:url(../graphics/red/nav_design.gif); width:78px; height:36px;background-repeat:no-repeat;}



.projects{float:left;}
.projects a{text-decoration:none;background-image:url(../graphics/black/nav_projects.gif); width:99px; height:36px;background-repeat:no-repeat;}
.projects a:hover{text-decoration:none;background-image:url(../graphics/red/nav_projects.gif); width:99px; height:36px;background-repeat:no-repeat;}

.projects_active{float:left;}
.projects_active a{text-decoration:none;background-image:url(../graphics/red/nav_projects.gif); width:99px; height:36px;background-repeat:no-repeat;}
.projects_active a:hover{text-decoration:none;background-image:url(../graphics/red/nav_projects.gif); width:99px; height:36px;background-repeat:no-repeat;}



.dev_opps{float:left;}
.dev_opps a{text-decoration:none;background-image:url(../graphics/black/nav_develop.gif); width:140px;height:36px;background-repeat:no-repeat;}
.dev_opps a:hover{text-decoration:none;background-image:url(../graphics/red/nav_develop.gif); width:140px;height:36px;background-repeat:no-repeat;}

.dev_opps_active{float:left;}
.dev_opps_active a{text-decoration:none;background-image:url(../graphics/red/nav_develop.gif); width:140px;height:36px;background-repeat:no-repeat;}
.dev_opps_active a:hover{text-decoration:none;background-image:url(../graphics/red/nav_develop.gif); width:140px;height:36px;background-repeat:no-repeat;}


.contact{float:left;}
.contact a{text-decoration:none;background-image:url(../graphics/black/nav_contact.gif); width:120px;height:36px;background-repeat:no-repeat;}
.contact a:hover{text-decoration:none;background-image:url(../graphics/red/nav_contact.gif); width:120px;height:36px;background-repeat:no-repeat;}

.contact_active{float:left;}
.contact_active a{text-decoration:none;background-image:url(../graphics/red/nav_contact.gif); width:120px;height:36px;background-repeat:no-repeat;}
.contact_active a:hover{text-decoration:none;background-image:url(../graphics/red/nav_contact.gif); width:120px;height:36px;background-repeat:no-repeat;}


.jobs{float:left;}
.jobs a{text-decoration:none;background-image:url(../graphics/black/nav_jobs.gif); width:129px;height:36px;background-repeat:no-repeat;}
.jobs a:hover{text-decoration:none;background-image:url(../graphics/red/nav_jobs.gif); width:129px;height:36px;background-repeat:no-repeat;}

.jobs_active{float:left;}
.jobs_active a{text-decoration:none;background-image:url(../graphics/red/nav_jobs.gif); width:129px;height:36px;background-repeat:no-repeat;}
.jobs_active a:hover{text-decoration:none;background-image:url(../graphics/red/nav_jobs.gif); width:129px;height:36px;background-repeat:no-repeat;}

/*<group1>*/

/*<group=level 2>*/
#navigation li ul {display: block; visibility:hidden; position:absolute; left:0;width:932px;}
#navigation li:hover ul {visibility: visible;z-index: 100; }

#navigation li.about ul {margin-left:293px;}
#navigation li.about_active ul {margin-left:293px;}
#navigation li.design ul {margin-left:293px;}
#navigation li.design_active ul {margin-left:293px;}
#navigation li.projects ul {margin-left:293px;}
#navigation li.projects_active ul {margin-left:293px;}
#navigation li.dev_opps ul {margin-left:293px;}
#navigation li.dev_opps_active ul {margin-left:293px;}
#navigation li.jobs ul {margin-left:293px;}
#navigation li.jobs_active ul {margin-left:293px;}



/*<group=level 2 ids>*/
/*  about submenu1 */
.team{float:left;}
ul#navigation li.about ul li.team a{background-image:url(../graphics/black/nav_about_team.gif); width:139px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about ul li.team a:hover{background-image:url(../graphics/red/nav_about_team.gif); width:139px;height:40px;background-repeat:no-repeat;}

.team_active{float:left;}
ul#navigation li.about_active ul li.team_active a{background-image:url(../graphics/black/nav_about_team.gif); width:139px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about_active ul li.team_active a:hover{background-image:url(../graphics/red/nav_about_team.gif); width:139px;height:40px;background-repeat:no-repeat;}

.history{float:left;}
ul#navigation li.about ul li.history a{background-image:url(../graphics/black/nav_about_history.gif); width:72px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about ul li.history a:hover{background-image:url(../graphics/red/nav_about_history.gif); width:72px;height:40px;background-repeat:no-repeat;}

.history_active{float:left;}
ul#navigation li.about_active ul li.history_active a{background-image:url(../graphics/black/nav_about_history.gif); width:72px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about_active ul li.history_active a:hover{background-image:url(../graphics/red/nav_about_history.gif); width:72px;height:40px;background-repeat:no-repeat;}


.mission{float:left;}
ul#navigation li.about ul li.mission a{background-image:url(../graphics/black/nav_about_mission.gif); width:72px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about ul li.mission a:hover{background-image:url(../graphics/red/nav_about_mission.gif); width:72px;height:40px;background-repeat:no-repeat;}

.mission_active{float:left;}
ul#navigation li.about_active ul li.mission_active a{background-image:url(../graphics/black/nav_about_mission.gif); width:72px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about_active ul li.mission_active a:hover{background-image:url(../graphics/red/nav_about_mission.gif); width:72px;height:40px;background-repeat:no-repeat;}

.affil{float:left;}
ul#navigation li.about ul li.affil a{background-image:url(../graphics/black/nav_about_affiliations.gif); width:102px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about ul li.affil a:hover{background-image:url(../graphics/red/nav_about_affiliations.gif); width:102px;height:40px;background-repeat:no-repeat;}

.affil_active{float:left;}
ul#navigation li.about_active ul li.affil_active a{background-image:url(../graphics/black/nav_about_affiliations.gif); width:102px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about_active ul li.affil_active a:hover{background-image:url(../graphics/red/nav_about_affiliations.gif); width:102px;height:40px;background-repeat:no-repeat;}


.press_releases{float:left;}
ul#navigation li.about ul li.press_releases a{background-image:url(../graphics/black/nav_about_press.gif); width:132px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about ul li.press_releases a:hover{background-image:url(../graphics/red/nav_about_press.gif); width:132px;height:40px;background-repeat:no-repeat;}

.press_releases_active{float:left;}
ul#navigation li.about_active ul li.press_releases_active a{background-image:url(../graphics/black/nav_about_press.gif); width:132px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about_active ul li.press_releases_active a:hover{background-image:url(../graphics/red/nav_about_press.gif); width:132px;height:40px;background-repeat:no-repeat;}


.photo_library{float:left;}
ul#navigation li.about ul li.photo_library a{background-image:url(../graphics/black/nav_about_photo.gif); width:140px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about ul li.photo_library a:hover{background-image:url(../graphics/red/nav_about_photo.gif); width:140px;height:40px;background-repeat:no-repeat;}

.photo_library_active{float:left;}
ul#navigation li.about_active ul li.photo_library_active a{background-image:url(../graphics/black/nav_about_photo.gif); width:140px;height:40px;background-repeat:no-repeat;}
ul#navigation li.about_active ul li.photo_library_active a:hover{background-image:url(../graphics/red/nav_about_photo.gif); width:140px;height:40px;background-repeat:no-repeat;}

/*  design submenu1 */
.faqs{float:left;}
ul#navigation li.design ul li.faqs a{background-image:url(../graphics/black/nav_design_faq.gif); width:53px;height:40px;background-repeat:no-repeat;}
ul#navigation li.design ul li.faqs a:hover{background-image:url(../graphics/red/nav_design_faq.gif); width:53px;height:40px;background-repeat:no-repeat;}

.faqs_active{float:left;}
ul#navigation li.design_active ul li.faqs_active a{background-image:url(../graphics/black/nav_design_faq.gif); width:53px;height:40px;background-repeat:no-repeat;}
ul#navigation li.design_active ul li.faqs_active a:hover{background-image:url(../graphics/red/nav_design_faq.gif); width:53px;height:40px;background-repeat:no-repeat;}


.process{float:left;}
ul#navigation li.design ul li.process a{background-image:url(../graphics/black/nav_design_process.gif); width:76px;height:40px;background-repeat:no-repeat;}
ul#navigation li.design ul li.process a:hover{background-image:url(../graphics/red/nav_design_process.gif); width:76px;height:40px;background-repeat:no-repeat;}

.process_active{float:left;}
ul#navigation li.design_active ul li.process_active a{background-image:url(../graphics/black/nav_design_process.gif); width:76px;height:40px;background-repeat:no-repeat;}
ul#navigation li.design_active ul li.process_active a:hover{background-image:url(../graphics/red/nav_design_process.gif); width:76px;height:40px;background-repeat:no-repeat;}

.key_value{float:left;}
ul#navigation li.design ul li.key_value a{background-image:url(../graphics/black/nav_design_value.gif); width:527px;height:40px;background-repeat:no-repeat;}
ul#navigation li.design ul li.key_value a:hover{background-image:url(../graphics/red/nav_design_value.gif); width:527px;height:40px;background-repeat:no-repeat;}

.key_value_active{float:left;}
ul#navigation li.design_active ul li.key_value_active a{background-image:url(../graphics/black/nav_design_value.gif); width:527px;height:40px;background-repeat:no-repeat;}
ul#navigation li.design_active ul li.key_value_active a:hover{background-image:url(../graphics/red/nav_design_value.gif); width:527px;height:40px;background-repeat:no-repeat;}


/*  projects submenu1 */
.ind_projects{float:left;}
ul#navigation li.projects ul li.ind_projects a{background-image:url(../graphics/black/nav_projects_indivd.gif); width:155px;height:40px;background-repeat:no-repeat;}
ul#navigation li.projects ul li.ind_projects a:hover{background-image:url(../graphics/red/nav_projects_indivd.gif); width:155px;height:40px;background-repeat:no-repeat;}

.ind_projects_active{float:left;}
ul#navigation li.projects_active ul li.ind_projects_active a{background-image:url(../graphics/black/nav_projects_indivd.gif); width:155px;height:40px;background-repeat:no-repeat;}
ul#navigation li.projects_active ul li.ind_projects_active a:hover{background-image:url(../graphics/red/nav_projects_indivd.gif); width:155px;height:40px;background-repeat:no-repeat;}

.case_projects{float:left;}
ul#navigation li.projects ul li.case_projects a{background-image:url(../graphics/black/nav_projects_case.gif); width:502px;height:40px;background-repeat:no-repeat;}
ul#navigation li.projects ul li.case_projects a:hover{background-image:url(../graphics/red/nav_projects_case.gif); width:502px;height:40px;background-repeat:no-repeat;}

.case_projects_active{float:left;}
ul#navigation li.projects_active ul li.case_projects_active a{background-image:url(../graphics/black/nav_projects_case.gif); width:502px;height:40px;background-repeat:no-repeat;}
ul#navigation li.projects_active ul li.case_projects_active a:hover{background-image:url(../graphics/red/nav_projects_case.gif); width:502px;height:40px;background-repeat:no-repeat;}


/*  dev_opps submenu1 */
.inventory{float:left;}
ul#navigation li.dev_opps ul li.inventory a{background-image:url(../graphics/black/nav_develop_inventory.gif); width:149px;height:40px;background-repeat:no-repeat;}
ul#navigation li.dev_opps ul li.inventory a:hover{background-image:url(../graphics/red/nav_develop_inventory.gif); width:149px;height:40px;background-repeat:no-repeat;}

.inventory_active{float:left;}
ul#navigation li.dev_opps_active ul li.inventory_active a{background-image:url(../graphics/black/nav_develop_inventory.gif); width:149px;height:40px;background-repeat:no-repeat;}
ul#navigation li.dev_opps_active ul li.inventory_active a:hover{background-image:url(../graphics/red/nav_develop_inventory.gif); width:149px;height:40px;background-repeat:no-repeat;}

.joint{float:left;}
ul#navigation li.dev_opps ul li.joint a{background-image:url(../graphics/black/nav_develop_ventures.gif); width:247px;height:40px;background-repeat:no-repeat;}
ul#navigation li.dev_opps ul li.joint a:hover{background-image:url(../graphics/red/nav_develop_ventures.gif); width:247px;height:40px;background-repeat:no-repeat;}

.joint_active{float:left;}
ul#navigation li.dev_opps_active ul li.joint_active a{background-image:url(../graphics/black/nav_develop_ventures.gif); width:247px;height:40px;background-repeat:no-repeat;}
ul#navigation li.dev_opps_active ul li.joint_active a:hover{background-image:url(../graphics/red/nav_develop_ventures.gif); width:247px;height:40px;background-repeat:no-repeat;}

.site_ad{float:left;}
ul#navigation li.dev_opps ul li.site_ad a{background-image:url(../graphics/black/nav_develop_advisory.gif); width:261px;height:40px;background-repeat:no-repeat;}
ul#navigation li.dev_opps ul li.site_ad a:hover{background-image:url(../graphics/red/nav_develop_advisory.gif); width:261px;height:40px;background-repeat:no-repeat;}

.site_ad_active{float:left;}
ul#navigation li.dev_opps_active ul li.site_ad_active a{background-image:url(../graphics/black/nav_develop_advisory.gif); width:261px;height:40px;background-repeat:no-repeat;}
ul#navigation li.dev_opps_active ul li.site_ad_active a:hover{background-image:url(../graphics/red/nav_develop_advisory.gif); width:261px;height:40px;background-repeat:no-repeat;}

/*  jobs submenu1 */
.form{float:left;}
ul#navigation li.jobs ul li.form a{background-image:url(../graphics/black/nav_jobs_form.gif); width:582px;height:40px;background-repeat:no-repeat;}
ul#navigation li.jobs ul li.form a:hover{background-image:url(../graphics/red/nav_jobs_form.gif); width:582px;height:40px;background-repeat:no-repeat;}

.form_active{float:left;}
ul#navigation li.jobs_active ul li.form_active a{background-image:url(../graphics/black/nav_jobs_form.gif); width:582px;height:40px;background-repeat:no-repeat;}
ul#navigation li.jobs_active ul li.form_active a:hover{background-image:url(../graphics/red/nav_jobs_form.gif); width:582px;height:40px;background-repeat:no-repeat;}

.benefits{float:left;}
ul#navigation li.jobs ul li.benefits a{background-image:url(../graphics/black/nav_jobs_benefits.gif); width:75px;height:40px;background-repeat:no-repeat;}
ul#navigation li.jobs ul li.benefits a:hover{background-image:url(../graphics/red/nav_jobs_benefits.gif); width:75px;height:40px;background-repeat:no-repeat;}

.benefits_active{float:left;}
ul#navigation li.jobs_active ul li.benefits_active a{background-image:url(../graphics/black/nav_jobs_benefits.gif); width:75px;height:40px;background-repeat:no-repeat;}
ul#navigation li.jobs_active ul li.benefits_active a:hover{background-image:url(../graphics/red/nav_jobs_benefits.gif); width:75px;height:40px;background-repeat:no-repeat;}

/*<group2>*/

/*<group=level 3>*/
/*#navigation li.about ul li.pressroom ul {float:left;display:block; visibility:hidden; position:absolute; left:0px; margin-left:0px;}
#navigation li.about ul li.pressroom:hover ul {float:left; visibility:visible; z-index:200;}*/
/*#navigation li.about ul li.pressroom ul li ul{float:left; background-color:transparent;	margin-left:321px;}*/ /* left margin is the sum of the wrapper left-margin (25) + border-width (4) + width logo (292) = 321! */

/*#navigation li.design ul li.key_value ul {float:left;display:block; visibility:hidden; position:absolute; left:0px; margin-left:0px;}
#navigation li.design ul li.key_value:hover ul {float:left; visibility:visible; z-index:200;}*/



/*#navigation li.design ul li.key_value ul {float:left;display:block; visibility:hidden; position:absolute; left:0px; margin-left:180px;}
#navigation li.design ul li.key_value:hover ul {float:left; visibility:visible; z-index:200;}*/

/*#navigation li.projects ul li.ind_projects ul {float:left;display:block; visibility:hidden; position:absolute; left:0px; margin-left:20px;}
#navigation li.projects ul li.ind_projects:hover ul {float:left; visibility:visible; z-index:200;}*/

/** html #navigation li.about ul li.pressroom ul {margin-left:-291px;}
* html #navigation li.design ul li.key_value ul {margin-left:-291px;}
* html #navigation li.projects ul li.ind_projects ul {margin-left:-291px; }*/


/*
* html #navigation li.about ul li.pressroom ul {margin-left:-321px;}
* html #navigation li.design ul li.key_value ul {margin-left:-321px;}
* html #navigation li.projects ul li.ind_projects ul {margin-left:-321px; }*/
/*<group=level 3>*/

/*<group=level 3 ids>
.press_releases{float:left;}
ul#navigation li.about ul li.pressroom ul li.press_releases a{background-image:url(../graphics/design/nav_about_press_releases.gif); width:516px; height:20px; background-repeat:no-repeat;}
.photo_library{float:none;}
ul#navigation li.about ul li.pressroom ul li.photo_library a{background-image:url(../graphics/design/nav_about_press_photo.gif); width:141px; height:20px; background-repeat:no-repeat;}

.case_studies{float:left;}
ul#navigation li.design ul li.key_value ul li.case_studies a{background-image:url(../graphics/design/nav_design_value_case.gif); width:657px; height:20px; background-repeat:no-repeat;}

.studies2{float:left;}
ul#navigation li.projects ul li.ind_projects ul li.studies2 a{background-image:url(../graphics/design/nav_projects_case.gif); width:502px; height:20px; background-repeat:no-repeat;}*/
/*<group=level 3ids>*/


/****bottom nav******/
#navcontainer ul{text-align:center;background-color:transparent;}
#navcontainer ul li {display:inline;background-image:url(../graphics/nav_divider.gif);padding-right:.3em; padding-left:1.3em; background-repeat:no-repeat; background-position: 0 .1em;}
#navcontainer ul li a{color:#333333;font-size:77%;}
#navcontainer ul li a:hover{color:#fb000c;}
#navcontainer .currentpage_bottom a {color:#fb000c;font-size:77%;}