/* -- Home (Blue Accents) -- */

body#home #bg {
  /* top stripe */
  border-top: 8px solid #003366;
}

body#home #wrap_nav {
  /* grass triangle */
  background-image: url(../images/pages_home/bg.wrap_nav.gif);
}

body#home .panel_close {
  top:0;
}

/* main panel */

body#home #wrap_panel {
  /* the wrap allows for the fact that there are no arrows on the home page */
  margin: 0 auto;
  width: 864px;
  padding-top: 16px;
}
   
body#home #panel {
  background: url(../images/pages_home/bg.panel.png) no-repeat;
  width: 791px;
  height: 372px;
  position: relative;
}

body#home #panel_content {
  position: relative;
  top: 10px;
  left: 32px;
  width: 743px;
  height: 331px;
  font-size: 24px;
}

body#home #panel_content a#questions_trigger {
  width: 704px;
  height: 33px;
  position: absolute;
  top: 283px;
  left: 18px;
  font-size: 22px;
  padding-left: 17px;
  line-height: 33px;
  color: #000;
  z-index: 11;
  background: url(../images/pages_home/bg.questions_trigger.png) no-repeat 0 -33px;
}

body#home #panel_content a#questions_trigger.on {
  background-position: 0px 0px;
}

body#home #panel_content a#questions_trigger.question_long {
  font-size: 12px;
  font-weight: bold;
}

body#home #panel_content_pad {
  padding: 122px 40px 20px 40px;
  text-align: left;
}

body#home #panel_content p {
  color: #FFF;
  line-height: 1.3em;
}

body#home #panel_content p.intro {
  color: #FFF;
  line-height: 1.3em;
  letter-spacing:-.04em;
}

body#home #panel_content p.note {
  color: #FFF;
  font-size:13px;
  line-height: 1.4em;
  width:750px;
  position:absolute;
  left:19px;
  padding-top:68px;
  letter-spacing:-.2px;
  text-align:left;
}

body#home #panel_content p strong {
  font-weight: bold;
}


body#home #wrap_questions {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 677px;
  height: 387px;
  background: url(../images/pages_home/bg.wrap_questions.png) no-repeat;
  padding: 18px 30px 0px 30px;
}

body#home #wrap_questions ul {
  overflow: auto;
  padding: 8px;
}

body#home #wrap_questions ul li {
  display: block;
  overflow: hidden;
  background: url(../images/pages_home/bg.questions_li.gif) repeat-x bottom left;
}

body#home #wrap_questions ul li a {
  color: #5A5A5A;
  font-size: 20px;
  padding: 6px 8px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}

body#home #wrap_questions ul li a:hover {
  background-color: #DAE8F8;
}

body#home #wrap_questions ul {
  height: 370px;
}

/* answers */


body#home #answers li {
  display: none;
  position: absolute;
  height: 229px;
  width: 695px;
  top: 0px;
  left: 0px;
  padding: 92px 24px 10px 24px;
  background-color: #CC070A;
}

body#home #answers li p {
  font-size: 16px;
  padding: 10px 20px 0 20px;
  color:#000;
  font-weight:bold;
}

body#home #answers li p.answer {
  font-size: 17px;
  color: #FFFFFF; 
  font-weight:normal;
}

body#home #answers li h3 {
  font-size: 20px;
  color: #FFF;
  float: left;
/*  background: url(../images/pages_home/bg.answers_h3.png) no-repeat center right;*/
  padding-right: 40px;
  overflow: hidden;
}

body#home #answers li a {
  color: #fdf0a9;
  font-weight: bold;
}

/* -- About (Blue Accents) -- */

body#about #page_title {
  /* title above panels */
  color: #076ACF;
}

body#about #bg {
  /* top stripe */
  border-top: 8px solid #076ACF;
}

body#about #wrap_nav {
  /* triangle */
  background-image: url(../images/pages_about/bg.wrap_nav.gif);
}

body#about .panel_strong_content,
body#about .panel_strong .panel_title {
  background:none;	
}

body#about .panel_first .panel_title {
  background-color: #076ACF;
}

body#about .panel_first {
  background: url(../images/pages_about/bg.panel_aboutus.png) top right no-repeat;
}

body#about #nav li.on a {
  color: #076ACF;
}

body#about #nav li.on ul.sub_nav li a {
  color: #989898; /* reset the color for inner items */
}

body#about #nav li.on ul.sub_nav li.on a {
  color: #076ACF;
}

body#about #panel_history .panel_content {
  background:url(../images/pages_about/bg.panel_history.gif) no-repeat;
}

body#about #panel_history .panel_content p {
  padding-top:140px;
}
body#about #panel_values #list-of-values,
body#about #panel_values #list-of-values li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
body#about #panel_values #list-of-values li {
	border-bottom: 1px solid #dfdfdf;
	font-size: 12px;
	color: #333;
	margin: 12px 0 0;
    padding-bottom: 2px;
	/*letter-spacing: -0.2px;*/
}
body#about #panel_values h3.ir {
	padding: 0;
	text-indent: -9999px;
	background: url(../images/our_people/bg.title_we.png);
	width: 112px;
	height: 48px;
	margin-left: -5px;
}
body#about #panel_values .panel_content_pad {
     padding: 30px 35px 5px;
}

/* tweak the font sizes pf panel titles to fit the panel (these are the "preview" blocks) */

body#about #panel_about .panel_title {
  font-size: 130px; 
}

body#about #panel_history .panel_title {
  font-size: 140px; 
}

body#about #panel_people .panel_title {
  font-size: 98px; 
}

body#about #panel_our_space .panel_title {
  font-size: 106px; 
}

body#about #panel_partners .panel_title {
  font-size: 82px; 
}

body#about #panel_partners .panel_content_pad {
	padding:20px 0 0 15px;  
}

body#about #panel_values .panel_title {
	font-size: 173px;
}

/* our people */

body#about #panel_people {
  background: url(../images/pages_about/bg.panel_people.png) no-repeat;
}

body#about #panel_people .panel_content {
  background: none;
}

body#about #panel_people .image_map {
  width: 560px;
  height: 331px; 
}

/* our people individual backgrounds */

body#about #panel_people #people_main .image_map {
  background:url(../images/our_people/bg.people_main.jpg) 0 0 no-repeat;
}

body#about #panel_people #people_coffee .image_map {
  background:url(../images/our_people/bg.people_coffee.jpg); 
}

body#about #panel_people #people_tweets .image_map {
  background:url(../images/our_people/bg.people_tweets.jpg);
}

body#about #panel_people #people_music .image_map {
  background:url(../images/our_people/bg.people_music.jpg); 
}

body#about #panel_people #people_golf .image_map {
  background:url(../images/our_people/bg.people_golf.jpg);
}

body#about #panel_people #people_sixties .image_map {
  background:url(../images/our_people/bg.people_sixties.jpg);
}

body#about #panel_people #people_newyork .image_map {
  background:url(../images/our_people/bg.people_newyork.jpg);
}

body#about #panel_people #people_kids .image_map {
  background:url(../images/our_people/bg.people_kids.jpg);
}

body#about #panel_people #people_cricket .image_map {
  background:url(../images/our_people/bg.people_cricket.jpg);
}

body#about #panel_people #people_bollywood .image_map {
  background:url(../images/our_people/bg.people_bollywood.jpg);
}

body#about #panel_people #people_dogs .image_map {
  background:url(../images/our_people/bg.people_dogs.jpg);
}

body#about #panel_people #people_manhattan .image_map {
  background:url(../images/our_people/bg.people_manhattan.jpg);
}
body#about #panel_people #people_biking .image_map {
  background:url(../images/our_people/bg.people_bikes.jpg);
}
body#about #panel_people #people_pet .image_map {
  background:url(../images/our_people/bg.people_pets.jpg);
}


body#about #panel_people .tab_panel {
  width:560px;
  height:331px;
}

body#about #panel_people a.hotspot {
  position:absolute;
  display:block;
/*  border:1px solid red;*/
  background:url(../images/blank.gif);
}

body#about #panel_people a.hotspot:hover {
  cursor:auto;
}

body#about #panel_people .right_column {
  width:560px;
  height:331px;
  position:absolute;
  top:0;
  left:183px;  
  background:url(../images/loading.gif) no-repeat; 
  background-position:250px 150px;
}

body#about #panel_people .left_column {
  width:174px;
  height:331px;
  position:absolute;
  top:0;
  left:0;
  padding-top:23px;
}

body#about #panel_people h2.ir {
  background:url(../images/our_people/bg.title_who.gif) no-repeat;
  width:132px;
  height:34px;
  margin-left:14px;  
  padding-bottom:8px;
}

body#about #panel_people ul.tabs {
  margin:0; 
  padding:0;
  list-style:none;
}

body#about #panel_people ul.tabs li {
  margin:0;
  padding:0;
  list-style:none; 
  float:left;
  clear:left;
  padding-top:2px;
}

body#about #panel_people ul.tabs li a {
  margin:0;
  text-transform:none;
  color:#000000;
  padding:1px 0 3px 14px;
  letter-spacing:normal;
  font-size:12px;
  float:left;
  width:150px;
}

body#about #panel_people ul.tabs li a:hover {
  background:url(../images/bg.people_arrow_grey.gif) top right no-repeat;
}

body#about #panel_people ul.tabs li a.current, body#about #panel_people ul.tabs li a.current:hover {
  background:#066ace url(../images/bg.people_arrow_blue.gif) top right no-repeat;
  color:#fff;
  text-decoration:none;
}

body#about #panel_people .right_column a.hotspot span {
  display:none;
}

/* our space - image thumbnails */

body#services ul.images {
  position:relative;
  top:0;
  width:200px;
}

body#services ul.images li {
  position:relative;
  top:0px;
}

body#about #panel_our_space ul.images, body#services ul.images_mini, body#work #panel_work ul.images {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

body#about #panel_our_space ul.images li, body#services ul.images_mini li {
  float: left;
  background: url(../images/pages_about/bg.panel_our_space_images_li.jpg) no-repeat;
  width: 80px;
  height: 80px;
  padding: 2px 3px 4px 3px;
  margin: 0;
}

body#about #panel_our_space .panel_content_pad {
   padding: 36px 22px 40px 26px;
}

body#about #panel_people .panel_content_pad {
   padding: 65px 0 0 99px;
}

body#about #panel_people ul.images {
  list-style-type: none;
  margin:0;
  padding: 0;
  width:600px;
}

body#about #panel_people ul.images li {
  float: left;
  padding: 0;
  margin: 0;
}

/* -- Work (Tan Accents) -- */


body#work #page_title {
  /* title above panels */
  color: #6D6852;
}

body#work #bg {
  /* top stripe */
  border-top: 8px solid #6D6852;
}

body#work #wrap_nav {
  /* triangle */
  background-image: url(../images/pages_work/bg.wrap_nav.gif);
}

body#work .panel_strong_content,
body#work .panel_strong .panel_title {
  background:none;
}

body#work .panel_first .panel_title {
  background-color: #6D6852;
}

body#work .panel_first {
  background: url(../images/pages_work/bg.panel_work.png) top right no-repeat;
}
  
body#work #nav li.on a {
  color: #6D6852;
}

body#work #nav li.on ul.sub_nav li a {
  color: #989898; /* reset the color for inner items */
}

body#work #nav li.on ul.sub_nav li.on a {
  color: #6D6852;
}

/* client images */

body#work #panel_clients ul.images {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

body#work #panel_clients ul.images li {
  float: left;
  width: 155px;
  height: 71px;
  padding: 2px 3px 15px 3px;
  margin: 0;
}

/* client list */

#panel_client_list div.wrapper, #panel_clients div.wrapper {
	width:170px;
	float:left;
}

#panel_client_list ul, #panel_client_list li, #panel_clients ul, #panel_clients li {
	list-style-type:none;
	margin:1px 0;
	font-size:12px;
}

#panel_client_list ul li.indent, #panel_clients ul li.indent {
	padding-left:14px;
}

#panel_client_list br, #panel_clients br {
	clear:left;
}

#panel_client_list .panel_content_pad, #panel_clients .panel_content_pad {
	padding:20px 0 0 15px;
}

#panel_client_list a, #panel_clients a  {
	color:#211f20;
}

#panel_client_list a:hover, #panel_clients a:hover {
	color:#cacaca;
	text-decoration:none;
}

/* tweak the font sizes pf panel titles to fit the panel (these are the "preview" blocks) */

body#work #panel_work .panel_title {
  font-size: 180px; 
}

body#work #panel_clients .panel_title {
  font-size: 100px; 
}

body#work .panel_case_study .panel_title {
  font-size: 38px; 
}

body#work #panel_reports .panel_title {
  font-size: 106px; 
}

body#work #panel_reports .column1 p {
  position:relative;
  left:20px;
}

/* -- case study layout -- */

body#work .panel_case_study .blurb {
  padding: 0px 10px 20px 28px;
  width: 230px;
  margin-top: 40px;
  float: left;
  background:url(../images/bg.blurb_fade.png) bottom left no-repeat;
}


body#work .panel_case_study .url {
  font-weight: bold;
  display: block;
  float: left;
  color: #B2B2B2;
  font-weight: bold;
}

.blurb ul {
  list-style-type: none;
  margin-top: 10px;
  padding: 0;
}

.blurb ul li {
  overflow: hidden;
  padding: 5px 0 0 0px; 
  margin: 0;
}

.blurb ul li .url {
  margin-left: 16px; /* match paragraph indent */
  _margin-left: 8px;
}

.blurb ul li .bt_gallery {
  margin-left: 10px; /* indent slightly less to provide better visual alignment */
}



body#work .panel_case_study a.screenshot {
  float: left;
  margin-left: 20px;
  display: block;
  width:450px;
  height:331px;
}

body#work .panel_case_study a.screenshot img {
  display:none; /* hide the image ! */
}

/* individual case study image selector */

body#work #panel_case_study_01 a.screenshot {
  background:url(../images/case_studies/ss.christies.png) no-repeat;  	
}

body#work #panel_case_study_02 a.screenshot {
  background:url(../images/case_studies/ss.life_123.png) no-repeat;  	
}

body#work #panel_case_study_03 a.screenshot {
  background:url(../images/case_studies/ss.sat_reg.png) no-repeat;  	
}

body#work #panel_case_study_04 a.screenshot {
  background:url(../images/case_studies/ss.mol_starnet.png) no-repeat;  	
}

body#work #panel_case_study_05 a.screenshot {
  background:url(../images/case_studies/ss.smart_e_bear.png) no-repeat;  	
}

body#work #panel_case_study_06 a.screenshot {
  background:url(../images/case_studies/ss.you24_magazine.png) no-repeat;  	
}

/* case study nav */

#casestudy_nav { 
  border:1px solid gray; 
  width:800px;
  margin:0 auto;
  margin-top:-20px;
  padding-left:400px;
}

#casestudy_nav a {
  display:block;	
}

#casestudy_nav li {
  float:left;	
}

body#work .bg_feature_mol_starnet {
  background-image: url(../images/case_studies/bg.mol_starnet.png);
}

body#work .bg_feature_nypost {
  background-image: url(../images/case_studies/bg.nypost.png);
}

body#work .bg_feature_life_123 {
  background-image: url(../images/case_studies/bg.life_123.png);
}

body#work .bg_feature_you24_magazine {
  background-image: url(../images/case_studies/bg.you24_magazine.png);
}

body#work .bg_feature_smart_e_bear {
  background-image: url(../images/case_studies/bg.smart_e_bear.png);
}

body#work .bg_feature_sat_reg {
  background-image: url(../images/case_studies/bg.sat_reg.png);
}

body#work .bg_feature_christies {
  background-image: url(../images/case_studies/bg.christies.png);
}



/* -- reports panel -- */

body#work #panel_reports {
  background-image: url(../images/pages_work/bg.panel_reports.png);
  overflow:hidden; !important
}

body#work #panel_reports .panel_content {
  background: none;
}
 
body#work #panel_reports p {
  padding-left:0;	
} 

body#work #panel_reports .report_thumb p {
  padding-top:0px;  
}
 
body#work #panel_reports .column1 {
  width:500px;
}

body#work #panel_reports .column1 p {
  padding-right:90px;
  padding-left:0;
}

body#work #panel_reports h3 {
  color:#666666;
  padding-top:20px;
  padding-left:0;  
}

body#work #panel_reports div.report_thumb {
	width:209px;
	height:161px;
	position:absolute;	
}

/* position report thumbs */
body#work #panel_reports div.report_thumb.one {
	left:534px;
	top:0;
}

body#work #panel_reports div.report_thumb.one a {
	background:url(../images/pages_work/thumb.report_love_is_in_the_air.gif) no-repeat;
	display:block;	
	width:209px;
	height:161px;
}

body#work #panel_reports div.report_thumb.two {
	left:534px;
	top:169px;	
}

body#work #panel_reports div.report_thumb.two a {
	background:url(../images/pages_work/thumb.report_roku.gif) no-repeat;
	display:block;
	width:209px;
	height:161px;
}

body#work #panel_reports div.report_thumb span {
	display:none;
}

body#work #panel_reports .panel_content_pad, body#work #panel_clients .panel_content_pad {
  padding: 10px 20px 20px 20px;
} 

body#work ul.tabs {
  margin: 0;
  padding: 0 0 0 0;
}

body#work .wrap_tabs {
  padding-top:0px;
  padding-bottom: 20px;
}

body#work ul.tabs li {
  line-height: 1.1em;
  list-style-type: none;
  float: left;
  margin: 0 10px 0 0;
  border-left: 1px solid #ccc;
  padding-left: 6px;
  height:20px;
}

body#work ul.tabs li.first {
  padding-left: 0;
  border-left: none;
}

/*
body#work ul.tabs a.current {
  color:#FFF;
  background: #6d6852 url(../images/pages_work/bg.tabs_a_current.gif) center no-repeat;
  height: 13px;
}
*/

body#work ul.tabs a.current:hover {
  text-decoration:none;
}

/* -- Services (Red Accents) -- */

body#services #page_title {
  /* title above panels */
  color: #CC070A;
}

body#services #bg {
  /* top stripe */
  border-top: 8px solid #CB0709;
}

body#services #wrap_nav {
  /* red triangle */
  background-image: url(../images/pages_services/bg.wrap_nav.gif);
}

body#services .panel_strong_content,
body#services .panel_strong .panel_title {
  background:none;
}

body#services .panel_first .panel_title { background:#cc070a; }

body#services .panel_first {
  background: url(../images/pages_services/bg.panel_services.png) top right no-repeat;
}

body#services #nav li.on a {
  color: #CC070A;
}

body#services #nav li.on ul.sub_nav li a {
  color: #989898; /* reset the color for inner items */
}

body#services #nav li.on ul.sub_nav li.on a {
  color: #CC070A;
}

/* miniature images for services */

body#services ul.images {
  list-style-type: none;
  padding: 91px 0 0 16px;
  margin: 0;
}

body#services ul.images li {
  float: left;
  background: url(../images/pages_services/bg.panel_services_images_li.jpg) no-repeat;
  width: 57px;
  height: 57px;
  padding: 3px 5px 5px 4px;
  margin: 0;
}

body#services .left_col p {
  padding-right:10px;
}

body#services .right_col h4 {
  padding-top:24px;
}

body#services ul.clients, body#services ul.clients li {
  list-style-type:none;
  font-size:12px;
  color:#808080;
  padding:2px 0 0 0; 
  margin:0;
}

body#services ul.clients, h4 {
  padding-left:52px;
}

body#services ul.clients {
  padding-top:4px;
}

/* for image cutout */

body#services .panel {

}


/* tweak the font sizes pf panel titles to fit the panel (these are the "preview" blocks) */

body#services #panel_services .panel_title {
  font-size: 128px; 
}

body#work #panel_work .panel_title {
  font-size: 108px; 
}

body#services #panel_expert_evaluations .panel_title {
  font-size: 58px; 
}

body#services #panel_user_interface_design .panel_title {
  font-size: 52px; 
}

body#services #panel_usability_testing .panel_title {
  font-size: 68px; 
}

body#services #panel_eye_tracking .panel_title {
  font-size: 88px; 
}

body#services #panel_experience_design .panel_title {
  font-size: 53px; 
}

body#services #panel_visual_design .panel_title {
  font-size: 84px; 
}

body#services #panel_services .panel_strong_content .panel_content_pad {
  padding:40px 40px 10px;
}

/* image replacement for service overview titles */

body#services #user_interface_design_overview h3.overview {
  background:url(../images/pages_services/bg.title_user_interface_design.gif) no-repeat 16px 12px;
}

body#services #application_design h3 {
  background:url(../images/pages_services/bg.title_application_design.gif) no-repeat 16px 12px;
}

body#services #content_media_sites h3 {
  background:url(../images/pages_services/bg.title_content_media_sites.gif) no-repeat 16px 12px;
}

body#services #social_networking_community_sites h3 {
  background:url(../images/pages_services/bg.title_social_networking_community_sites.gif) no-repeat 16px 12px;
}

body#services #mobile_web_and_applications h3 {
  background:url(../images/pages_services/bg.title_mobile_web_and_applications.gif) no-repeat 16px 12px;
}

body#services #eye_tracking_overview h3 {
  background:url(../images/pages_services/bg.title_eye_tracking.gif) no-repeat 16px 12px;
}

body#services #usability_testing_overview h3 {
  background:url(../images/pages_services/bg.title_usability_testing.gif) no-repeat 16px 12px;
}

body#services #lab_testing h3 {
  background:url(../images/pages_services/bg.title_lab_testing.gif) no-repeat 16px 12px;
}

body#services #mobile_devices_ipads h3 {
  background:url(../images/pages_services/bg.title_mobile_devices_ipads.gif) no-repeat 16px 12px;
}

body#services #cafe_testing h3 {
  background:url(../images/pages_services/bg.title_cafe_testing.gif) no-repeat 16px 12px;
}

body#services #mini_groups h3 {
  background:url(../images/pages_services/bg.title_mini_groups.gif) no-repeat 16px 12px;
}

body#services #heatmaps h3 {
  background:url(../images/pages_services/bg.title_heat_maps.gif) no-repeat 16px 12px;
}

body#services #gaze_plots h3 {
  background:url(../images/pages_services/bg.title_gaze_plots.gif) no-repeat 16px 12px;
}

body#services #zone_analysis h3 {
  background:url(../images/pages_services/bg.title_zone_analysis.gif) no-repeat 16px 12px;
}

body#services #visual_design_overview h3 {
  background:url(../images/pages_services/bg.title_visual_design_overview.gif) no-repeat 16px 12px;
}

body#services #visual_design_overview h3 {
  background:url(../images/pages_services/bg.title_visual_design.gif) no-repeat 16px 12px;
}

body#services #concept_development h3 {
  background:url(../images/pages_services/bg.title_concept_development.gif) no-repeat 16px 12px;
}

body#services #template_design h3 {
  background:url(../images/pages_services/bg.title_template_design.gif) no-repeat 16px 12px;
}

body#services #template_design h3 {
  background:url(../images/pages_services/bg.title_template_design.gif) no-repeat 16px 12px;
}

body#services #experience_design_overview h3 {
  background:url(../images/pages_services/bg.title_experience_strategy.gif) no-repeat 16px 12px;
}

body#services #brainstorming h3 {
  background:url(../images/pages_services/bg.title_brainstorming.gif) no-repeat 16px 12px;
}

body#services #prototyping h3 {
  background:url(../images/pages_services/bg.title_prototyping.gif) no-repeat 16px 12px;
}

body#services #expert_evaluations_overview h3 {
  background:url(../images/pages_services/bg.title_expert_evaluations.gif) no-repeat 16px 12px;
}

body#services #heuristic_evaluations h3 {
  background:url(../images/pages_services/bg.title_heuristic_evaluations.gif) no-repeat 16px 12px;
}

body#services #competitive_analysis h3 {
  background:url(../images/pages_services/bg.title_competitive_analysis.gif) no-repeat 16px 12px;
}

body#work #panel_reports h3 {
  background:url(../images/pages_work/bg.title_research_is_key.gif) no-repeat 16px 12px;
}

body#services h4.representative_clients {
  background:url(../images/pages_services/bg.title_representative_clients.gif) no-repeat 48px 18px;
}

body#contact #panel_work_here h3.overview {
  background:url(../images/pages_contact/bg.title_working_at_catalyst.gif) no-repeat 8px 3px;
}

body#contact #panel_work_here h4.current_positions_available {
  background:url(../images/pages_contact/bg.title_current_positions_available.gif) no-repeat 0px 1px;
}

/* work here */

body#contact #panel_work_here .panel_content_pad {
  padding:0px 0 0 0px;  
}

body#contact #panel_work_here .right_col {
  padding-top:24px;  
}

body#contact #panel_work_here .right_col ul, body#contact #panel_work_here .right_col li {
  list-style-type:none;
  margin:0 0 6px 0;
  padding:0;
}

body#contact #panel_work_here .right_col {
  top:105px;
  position:absolute;
  left:400px;
}

body#contact #panel_work_here .left_col {
  position:absolute;
  left:25px;
  top:50px;
}

body#contact .panel .right_col ul li {
  line-height:1.2em;
  float:left;
}

body#contact #panel_work_here li a.button {
  background:url(../images/pages_contact/bg.panel_button.gif) top right no-repeat;
  color:#FFF;
  height:31px;
  width:220px;  
}

body#contact #panel_work_here li a.button span {
  background:url(../images/pages_contact/bg.panel_span_button.gif) repeat-y;
  color:#FFF;
  font-size:16px;
  margin:0;
  padding:7px 4px 0 8px;
  height:24px;
}

body#contact #panel_work_here a.button:hover {
  background-position:100% -31px; !important
}

body#contact #panel_work_here li a.button:hover span {
  background-position:0 -31px; !important
}

body#contact #panel_work_here .panel_reveal_content .panel_content_pad {
  padding:20px 10px 0 20px;  
}

body#contact #panel_work_here .panel_reveal_content .right_col h4 {
  padding-left:0;
  padding-top:0; !important
}

body#contact #panel_work_here .panel_reveal_content p {
  padding-top:15px;
}

body#contact #panel_work_here .panel_reveal_content ul li {
  float:none;
}

body#contact #panel_work_here .panel_reveal_content ul {
  padding-top:10px;
}

body#contact #panel_work_here .panel_reveal_content .right_col {
  padding-top:0;
}

/* services */

body#services .panel_content_pad {
  padding: 10px 20px 20px 20px;
} 

body#services ul.tabs {
  margin: 0;
  padding: 0 0 0 0;
}

body#services .wrap_tabs {
  padding-top:0px;
  padding-bottom: 20px;
}



body#services ul.tabs li {
  line-height: 1.1em;
  list-style-type: none;
  float: left;
  margin: 0 10px 0 0;
  border-left: 1px solid #ccc;
  padding-left: 6px;
  height:20px;
}

body#services ul.tabs li.first {
  padding-left: 0;
  border-left: none;
}

body#services ul.tabs a.current {
  color:#FFF;
  background: #BC0011 url(../images/pages_services/bg.tabs_a_current.gif) center no-repeat;
/*  height: 13px;*/
}

body#work ul.tabs a.current {
  color:#FFF;
  background: #6d6852 url(../images/pages_work/bg.tabs_a_current.gif) center no-repeat;
/*  height: 13px;*/
}

body#services ul.tabs a.current:hover {
  text-decoration:none;
}

/* usability testing map */

body#services #panel_usability_testing #our_facility h3 {
  font-size:24px;
  color:#808080;
  padding-left:20px;
  padding-top:0;
}

body#services #panel_usability_testing #our_facility p.information {
  font-size:11px;
  color:#9d9d9d;
  position:absolute;
  right:45px;
  top:30px;
}

body#services #panel_usability_testing .image_map {
  width:657px;
  height:193px;
  background: url(../images/pages_services/bg.facility_map.gif) no-repeat;
  position:relative;
  left:20px;
  margin-bottom:4px;
  margin-top:6px;
}

body#services #panel_usability_testing a.hotspot {
  position:absolute;
  display:block;
/*  border:1px solid red;*/
  background:url(../images/blank.gif);
}

body#services #panel_usability_testing a.hotspot:hover {
  background:#cc070a url(../images/red.gif);
}

body#services #panel_usability_testing a.hotspot span {
  display:none;
}


/* -- Contact Us (Grass Green Accents) -- */

body#contact #page_title {
  /* title above panels */
  color: #706C0D;
}

body#contact #bg {
  /* top stripe */
  border-top: 8px solid #B4AE3A;
}

body#contact #wrap_nav {
  /* grass triangle */
  background-image: url(../images/pages_contact/bg.wrap_nav.gif);
}

body#contact .panel_strong_content,
body#contact .panel_strong .panel_title {
  background: none;
}

body#contact #panel_work_here .panel_strong_content,
body#contact #panel_work_here .panel_strong .panel_title {
  background: #b4ae3a;
}

body#contact #panel_work_here h3 {
  padding-top:0;
}

body#contact #panel_work_here .panel_strong_content p, body#contact #panel_work_here .panel_strong_content li {
  color:#FDF0A9;
  margin-left:none;
  padding-left:none;
}

body#contact #panel_work_here .left_col {
  width:400px;
}

body#contact #panel_work_here .right_col {
  padding-left:60px;
  width:260px;
}

body#contact #panel_work_here .right_col h4 {
  padding-top:24px;
}

body#contact #panel_contact {
  background:url(../images/pages_contact/bg.panel_contact.png) no-repeat;
}

body#contact #panel_contact_thankyou {
  background:url(../images/pages_contact/bg.panel_thankyou.png) no-repeat;
}

body#contact .panel_first .panel_title { background:#b4ae3a; }

body#contact .panel_content_pad {
  padding:40px 40px 5px;
}

body#contact #nav li.on a {
  color: #706C0D;
}

body#contact #nav li.on ul.sub_nav li a {
  color: #989898; /* reset the color for inner items */
}

body#contact #nav li.on ul.sub_nav li.on a {
  color: #706C0D;
}

body#contact #panel_contact .column1 {
  width:290px;
  float:left;
  height:138px; 
  clear:left; 
  padding-top:9px;
}

body#contact #panel_contact_thankyou p, body#contact #panel_contact p.big {
  font-size:18px;
}

body#contact #panel_contact .bigger {
  font-size:23px;
}

body#contact #panel_contact .column2 {
  width:395px;
  float:left; 
  height:140px;  
  padding-left:15px;
  padding-top:9px;  
}

body#contact #panel_contact p {
  padding-top:1px;
}

body#contact #panel_contact .column1 p, body#contact #panel_contact .column2 p {
  clear:left;
  padding-top:1px;  
}

body#contact #panel_contact div.errors {
  padding-top:15px;
}

body#contact #panel_contact div.errors ul, body#contact #panel_contact div.errors ul li {
  line-height:normal;
  padding-top:0;
  padding-bottom:0;
  margin-top:0;
  margin-bottom:0;
}

body#contact #panel_contact .column1 p {
  width:280px;
}
body#contact #panel_contact .column1 p.fieldsMarked {
  margin-top: -5px;
}

body#contact #panel_contact .column2 p {
  width:370px;
}

body#contact #panel_contact .panel_content_pad, body#contact #panel_contact_thankyou .panel_content_pad {
  padding-right:0;
  padding-top: 85px;
}

body#contact #panel_contact_thankyou p {
  padding-left:0;
}

body#contact #panel_contact .errors {
  color: red;
}

body#contact #panel_contact .errors p, 
body#contact #panel_contact .errors ul {
  float: none;
}

body#contact #panel_contact .errors p {
    margin-bottom: 0px;
    padding-bottom: 3px;
} 

body#contact #panel_contact .errors ul {
  margin-top: 2px;
}

body#contact #form_submit {
  float: right;
  margin-right:10px;
}


body#contact #panel_contact .panel_strong_content h3, body#contact #panel_contact .panel_strong_content h4, body#contact #panel_contact .panel_strong_content h5 {
  color:#000;
  padding:75px 0 0 0;
  margin-bottom:0;
  font-size:18px;
  font-weight:normal;
}

body#contact #panel_contact p {
  float:left;
  padding-left:0;
  line-height:1.3em;
  margin-bottom:0;
  padding-bottom:.6em;
}

body#contact #panel_contact label { 
  width:90px;
  font-weight:bold;
  font-size:14px; 
  float:left;
}

body#contact #panel_contact textarea {
  width:265px;
  height:90px;
  float:left;
}

/* tweak the font sizes of panel titles to fit the panel (these are the "preview" blocks) */

body#contact #panel_contact .panel_title {
  font-size: 100px; 
}

body#contact #panel_map_us .panel_title {
  font-size: 166px; 
}

body#contact #panel_work_here .panel_title {
  font-size: 106px; 
}

body#contact #panel_project_inquiries .panel_title {
  font-size: 68px; 
}

/* BLOG */

body#blog #bg_blog {
  /* top stripe */
  border-top: 8px solid #000000;
}

body#blog #wrap_nav {
  /* grass triangle */
  background-image: url(../images/pages_blog/bg.wrap_nav.gif);
}

body#blog #nav li.on a {
  color: #000000;
}

body#blog #nav li.on ul.sub_nav li a {
  color: #989898; /* reset the color for inner items */
}

body#blog .panel_content,
body#blog .panel_title {
  width: 743px;
  height: auto;
/*  overflow: auto;*/
  overflow: visible;  /* to prevent scrollbars */
  position: relative;
  top: 28px;
  left: 23px;
}

body#blog .panel_content {
/*  margin-bottom:80px;*/
  width:800px;
/*  border:1px solid gray;  */
  background: url(../images/bg.panel_long_repeat.png) repeat-y;
}

body#blog .panel_top {
  width:800px;
/*  border:1px solid red;*/
  height:25px;
  position: relative;
  top: 28px;
  left: 23px;  
  background: url(../images/bg.panel_long_top.png) top left no-repeat;
}

/* black top for the blog homepage */

body#blog .panel_top_black {
  width:800px;
/*  border:1px solid red;*/
  height:25px;
  position: relative;
  top: 28px;
  left: 23px;  
  background: url(../images/bg.panel_long_top_black.png) top left no-repeat;
}

body#blog .panel_bottom {
  width:800px;
/*  border:1px solid red;*/
  height:50px;
  position: relative;
  top: 28px;
  left: 23px;  
  background: url(../images/bg.panel_long_bottom.png) bottom left no-repeat;
}

body#blog .panel_content_pad {
/*  border:1px solid green;*/
  padding-top:0px;
}

body#blog p.small {
  font-size:14px;
  padding-bottom:5px;
  color:#ffffff;
}

body#blog p.small em {
  font-style:italic;
}

body#blog p.cofactors {
  color:#cecece;
  font-size:13px;
  padding:0 12px 18px 0;
  position:relative;
}

body#blog #bg_blog {
  height:auto; !important
  background: url(../images/bg.bg.jpg) top center no-repeat #F2F2F2;
  width: 100%;
  overflow: visible;
  position: relative;  
}

body#blog .left_col {
  width:505px;
  float:left;
  padding-left:20px;
  padding-top:1px;
}

body#blog .right_col {
  float:left;
  padding-left:50px;
/*  border:1px solid gray;*/
  width:140px;
  padding-top:30px; 
}

body#blog .right_col.nopad {
  padding-top:0;
}

body#blog .right_col h1, body#blog .right_col h2 {
  text-transform:uppercase;
}

body#blog .right_col ul {
  padding-bottom:20px;
}

body#blog .post h3 {
  font-size:32px;
  font-weight:normal;
  padding-bottom:0px;  
  padding-top:22px;
}

body#blog h3#comments, body#blog h3#respond {
  font-size:16px;
  font-weight:bold;
  color:#333333;
  padding-top:16px;
}

body#blog h3#comments {
  font-weight:bold;
  border-bottom:1px solid #999999;
  padding-top:5px;
  margin-top:22px;
  padding-bottom:3px;
  margin-bottom:5px;
  font-size:14px;
}

body#blog .post h3 a, body#blog .post h3 a.visited, body#blog .post h3 {
  color:#333333;	
}

body#blog .post h3 a:hover {
  color:#666666;	
  text-decoration:none;
}

body#blog div.post  {
  padding-bottom:5px;
  border-bottom:1px solid #d5d5d5;
  margin-bottom:6px;
}

body#blog div.post p  {
  padding-top:6px;
  padding-bottom:12px;
}

body#blog div.navigation  {
  width:500px;
  font-weight:bold;
  float:left;
  clear:left;
  padding-top:20px;
}

body#blog .alignleft {
  float:left;
  width:250px;
}

body#blog .alignright {
  float:right;
  text-align:right;  
  width:250px;
}


body#blog div.post p.postmetadata  {
  font-size:11px;
  padding-bottom:2px;
  margin-top:0px;
  margin-bottom:0px;
}

body#blog div.entry {
  padding-top:20px;
  padding-bottom:20px;  
}

body#blog textarea {
  font-family: arial, sans-serif;
  font-size: 16px;
  padding: 2px 2px;
  border-left: 1px solid #8e8e8e;
  border-top: 1px solid #8e8e8e;  
  border-right: 1px solid #e1e1e1;  
  border-bottom: 1px solid #e1e1e1;      
  background: url(../images/bg.input-text.png) #FFF repeat-x;
  float: left;
  width:400px;
  height:150px;
}

body#blog p input {
  float:left;
  clear:left;
}

body#blog .commentlist {
  font-size:12px;
  color:#666666;
}

body#blog .commentlist li {
  padding-top:10px;
  padding-bottom:2px; 
  border-bottom:1px solid #e1e1e1;
  margin-right:80px;
}

body#blog h2.tag {
  background:url(../images/bg.tag_fill.gif) #252525; 
  color:#FFFFFF;
  font-weight:bold;
  font-size:14px;
  font-weight:bold;
  float:left;
  padding-left:25px;  
}

body#blog .single_column {
  padding-left:20px;
  padding-top:12px;
}

body#blog #container_blog_intro {
/*  position:absolute;*/
  background: url(../images/bg.panel_black_repeat.png) repeat-y;
  width:800px;
  position: relative;
  top: 28px;
  left: 23px;  
}

body#blog .container_intro_content {
  width:680px;
  position:relative;
  left:32px;
  background:#303537 url(../images/bg.black_corner.png) no-repeat bottom left;
  color:#cecece;
  padding-left:30px;
  padding-right:30px;
}

body#blog .container_tag {
  background:url(../images/bg.tag_left.gif) top left no-repeat;
  height:31px;
  position:relative;
  left:-28px;
  padding-left:4px;  
  padding-top:4px;
  margin-bottom:2px;
}

body#blog .container_tag span {
  display:block;
  background:url(../images/bg.tag_span.gif) bottom right no-repeat;
  height:22px;
  float:left;
  padding-top:5px;
  padding-right:35px;  
}

body#blog .container_tag span em {
  font-weight:normal;
  font-style:italic;
}

/* blog archive */

body#blog #longpage_archive .column {
  width:250px;
  float:left;
}

body#blog #longpage_archive .left_col h2, body#blog #longpage_archive .mid_col h2 {
  text-transform:none;
  padding-bottom:8px;
}

body#blog .container_search {
  padding-bottom:15px;
  padding-top:26px;
}

span.twitter-timestamp {
  font-size:10px;
}


/* css added march 2011 */
body#contact #panel_work_here .right_col {
    top: 0;
}
/* added width 214px 3/16/11 */
body#contact #panel_work_here li a.button {
    -moz-border-radius: 6px 6px 6px 6px;
    background-color: #B4AF3A;
    background-image: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    padding: 9px 4px 7px 14px;
    width: 214px;
}
body#contact #panel_work_here li a.button:hover { 
	background-color: #c7c14c;
}
#modal {
    background: url("../images/modal.png") repeat scroll 0 0 transparent;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
	display: none;
	color: #4C4C4C;
}
#modal.show{
	display:block;
}
#modal #modalOuter {
    background-color: #FFFFFF;
    height: auto;
    margin: 67px auto 0;
    padding: 93px 55px 35px;
    position: relative;
    width: 689px;
}
#modalInner {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    height: auto;
    max-height: 335px;
    min-height: 335px;
    overflow-y: auto;
    padding: 10px 20px 24px 0;
    width: 670px;
}
#modal #closeModal {
    background: url("../images/closeModal.png") repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    right: -10px;
    text-indent: -9999px;
    top: -10px;
    width: 30px;
}
#modal .panel_job {
	display:none;
}
#modal .panel_job.show {
	display:block;
}
#modal .header {
    margin-top: 0;
    position: absolute;
    top: 27px;
}
#modal h3{
    font-size: 21px;
}
#modal h4 {
    font-weight: bold;
    padding-left: 0;
}
#modal p {
	margin-bottom: 23px;
}
#modal .panel_job ul {
	margin-left: 50px;
}
#modal .panel_job ul li {
	list-style-type: disc;
	margin-bottom: 8px;
}
#modal p#applyHere {
	font-size: 15px;
    position: absolute;
    right: 52px;
    top: 53px;
}
#modal p#applyHere a {
	color: #d5cc19;
	font-weight: bold;
}
/* added 10/3/11 */
 #scroller a.prevButton,
 #scroller a.nextButton{
  background: url("../images/nav-tabs.png") no-repeat;
  display: block;
  text-indent: -99999px;
  position: absolute;
  height: 140px;
  top: 139px;
  outline: 0;
 }
 body#home #scroller a.nextButton,
 body#home #scroller a.prevButton {
  top: 253px;
 }
 #scroller a.prevButton {
    left: -85px;
	right:auto;
    width: 113px;
 }
 #scroller a.nextButton {
    right: -85px;
	left: auto;
	width: 96px;
}
 #scroller a.prevButton:hover {
  left: -18px !important;
 }
  #scroller a.nextButton:hover {
  right: 0 !important;
 }
 #scroller a.nextButton.home {  
    background-position: -144px -18px;
 }
 #scroller a.prevButton.home {  
    background-position: 18px -586px;
 }
#scroller a.prevButton.nav_about {
    background-position: 18px -447px;
}
 #scroller a.nextButton.nav_about {  
   background-position: -144px -164px;
 }
 #scroller a.prevButton.nav_services {
   background-position: 18px -16px;
}
 #scroller a.nextButton.nav_services {  
   background-position: -144px -308px;
 }
 #scroller a.prevButton.nav_work {
   background-position: 18px -163px;
}
 #scroller a.nextButton.nav_work {  
   background-position: -144px -586px;
 }
 #scroller a.prevButton.nav_contact {
   background-position: 18px -315px;
}
 #scroller a.nextButton.nav_contact {
   background-position: -144px -447px;
}
 /* hide for ie6 */
 * html #scroller a.prevButton,
 * html #scroller a.nextButton{
  background: none;
 }
 /* ie7 hacks r us */
*:first-child+html #scroller a.prevButton,
*:first-child+html #scroller a.nextButton {
	padding-top:50px;
}	
*:first-child+html #scroller a.prevButton {
	left: -38px;
}	
*:first-child+html #scroller a.prevOn{
	left: -18px;
}
*:first-child+html #scroller a.nextButton {
	right: -38px;
}	
*:first-child+html #scroller a.nextOn{
	right: -18px;
}
*:first-child+html .scroller_train{
	z-index: 5;
 }