@charset "UTF-8";

/* Tacit Knowledge Main Stylesheet */

body {
background: #8fafd6;
color: #000;
font: 100%/1.25em Arial, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}

.background { background: #000 url(../img/bg.gif) 0 0 repeat-x; margin: 0; padding: 0; min-width: 815px; position: relative; overflow: hidden; text-align: center; }

.wrapper { margin: 0 auto; padding: 39px 0 0 0; position: relative; text-align: left; width: 800px; }

.clear { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent; }

.nowrap { white-space: nowrap; }

/* -- General Styles -- */
hr { display: none; }
div.hr { border-top: 2px dashed #d4d4d5; height: 1px; margin: 1em 0; }

img { border: none; margin: 0; padding: 0; }

/* -- Headers -- */
h1 { margin: 0; padding: 0; }
h2 { border-top: 1px solid white; background-color: #000; color: #fff; font: 1.75em/1.1em Arial Black, Arial, sans-serif; height: 100%; margin: 0; padding: 0; text-transform: lowercase; }
h3 { color: #90afd6; font-size: 1.125em; margin: 1em 0; padding: 0; font-weight: normal; text-transform: lowercase; }
h4 { color: #579; font-size: 0.875em; margin: 1em 0 0 0; padding: 0; text-transform: lowercase; }
h5 { color: #d4d4d5; font-size: 1.5em; margin: 0; padding: 0; text-transform: lowercase; }
h6 { font: 1.25em Arial Black, Arial, sans-serif normal; margin: 1em 0 0 0; padding: 0; text-transform: uppercase; }

address { font-style: normal; }

blockquote { color: #5690d6; font-size: 1.125em; line-height: 1.3em; font-weight: normal; margin: 0 0 0 2em; padding: 0 0 1em 0; text-align: right; }
blockquote strong { font-size: 2.5em; display: block; line-height: 1.2em; }

p, q, cite { color: #666; font-size: 0.75em; margin: 0.5em 0; padding: 0; }

/* -- Lists -- */
ul, dl { list-style: none; margin: 0; padding: 0; }
ul li.last { border: none !important; }
ol { list-style-position: outside; margin-left: 2.5em; padding-left: 0; }

/* -- Links -- */
a { color: #5690d6; }
a:link { color: #5690d6; }
a:visited { color: #5690d6; }
a:hover { color: #5690d6; }
a:active, a:focus  { color: #5690d6; }

a.short_link { text-decoration: none; }

/* -- masthead -- */
#masthead { float: left; position: relative; height: 71px; width: 800px; }
#masthead h1 { float: left; }
#masthead ul {  margin: 0 0 10px 20px; text-transform: uppercase; }
#masthead ul li { float: left; font-size: 0.6875em; border-right: 1px solid #198cca; line-height: 1em; padding: 0 5px; }
#masthead ul li a { color: #2179be; text-decoration: none; white-space: nowrap; }
#masthead #info_links { color: #198cca; position: absolute; top: -20px; right: 0; }
#masthead #locations { color: #8fafd6; float: right; margin: 1.2em 0 0 0; }
#masthead #locations li { border-color: #8fafd6; }

/*-- nav --*/
#nav { font: 0.75em Arial, sans-serif; font-weight: 900; float: left; margin: -30px 0 0 0; padding-left: 190px; }

/* -- content -- */
#content { clear: both; width: 100%; }

  /* -- secondary page styles -- */
  .secondary .background { background: #fff url(../img/bg_sec.gif) 0 0 repeat-x; }
  .secondary #content { padding-bottom: 1em; height: 100%; } /* height needed for IE6/7 */
  .secondary #content ul { color: #666; font-size: 0.75em; list-style: disc; list-style-position: inside; padding: 1em 0 1em 2em; }

  /* -- two column layout -- */
  .two_col #main_content { float: left; padding-bottom: 1em; width: 510px; }

  /* sidebar styles */
  .two_col .sidebar { float: right; margin: 0; padding-bottom: 1em; width: 250px; }
  .two_col #partners li { list-style: none; margin-left: -20px; padding-left: 0; }

  .two_col .column { background: url(../img/right_column_top.gif) 0 0 no-repeat; padding: 31px 0 1em 0; }
  .two_col .column h5, .two_col .column h4, .two_col .column p { margin-left: 20px; }
  .two_col .column .hr { margin: 1em 60px 1em 20px; }

  .two_col .icon { background: #fff right -20px no-repeat; padding-top: 200px; }

  /* -- equal height columns -- */
  #main_content #columns_wrapper { float: left; background: url(../img/lg_column_bottoms.gif) bottom left no-repeat; margin: 1em 0; padding-bottom: 35px; }
  #main_content #columns_content { float: left; overflow: hidden; }
  #main_content .column { background: url(../img/lg_column_top.gif) 0 0 no-repeat; float: left; margin-bottom: -800px; padding: 34px 0 800px 0; width: 400px; }
  #main_content .column h5, #main_content .column h4, #main_content .column p { margin-left: 15px; margin-right: 45px; }

  /* -- pic grid -- */
  #pic_grid { position: relative; margin-top: 1em; width: 100%; }
  #content #pic_grid ul { float: left; padding: 0; }
  #pic_grid ul li { float: left; list-style: none; margin: 0 4px 4px 0; }
  #pic_grid a span { display: none; }
  #pic_grid a:hover { cursor: default; display:inline; } /* display: inline for IE6 to get hover to work */
  #pic_grid a:hover span { cursor: default; display: block; position: absolute; top: -70px; left: -320px; width: 300px; height: 250px; z-index: 100; }

  /* -- specific page styles -- */
  #about h2, #privacy h2, #terms h2, #site_map h2 { margin-bottom:20px; }
  #contact h5, #differentiators h5 { margin:10px 0 10px 0; }
  #agile_coaching .column { margin-top: 20px; }
  #agile_coaching .icon { background-image: url(../img/icon_agile.jpg); }
  #architecture_evaluation .icon { background-image: url(../img/icon_architecture_eval.jpg); }
  #company .sidebar .vcard h4.fn { text-transform: capitalize; }

  #contact #offices h4 { text-transform: capitalize; }
  #contact #offices p { margin-top: 0; }
  #contact .office_set { float: left; width: 250px; }
  #contact #email_us { float: left; }

  #content_management .icon { background-image: url(../img/icon_cms.jpg); }
  #development .icon { background-image: url(../img/icon_development.jpg); }
  #ecommerce .icon { background-image: url(../img/icon_ecommerce.jpg); }
  #leadership #main_content h4 { text-transform: none; }
  #mobile .icon { background-image: url(../img/icon_mobile.jpg); }
  #partners #content ul { padding-top: 0; }
  #press .icon { background-image: url(../img/icon_press.jpg); }
  #project_management .icon { background-image: url(../img/icon_project_management.jpg); }
  #press .icon { background-image: url(../img/icon_press.jpg); }
	#site_map #map { font-size: 0.75em; list-style: none; margin-left: -15px; }
	#site_map #map li { background: url(../img/arrow.gif) 0 0.5em no-repeat; list-style-position: outside; padding-left: 12px; }
	#site_map #map a { text-decoration: none; }
	#site_map #map li ul { font-size: 1em; list-style: none; padding-top: 0.5em; padding-bottom: 0.5em; }
	#site_map .section { font-weight: bold; }
	#site_map .section ul { font-weight: normal; }
  #social_media .icon { background-image: url(../img/icon_social_media.jpg); }
  #stabilization_tuning .icon { background-image: url(../img/icon_stabilization_tuning.jpg); }

  #what_we_do #columns_content .icon_list { list-style: none; list-style-position: outside; padding: 0 0 0 12px; }
  #what_we_do .icon_list li { background: url(../img/icon_ecommerce_sm.jpg) 0 0 no-repeat; margin-left: 0; padding-left: 58px; }
  #what_we_do .icon_list li h4 { font-size: 1.167em; }
  #what_we_do .icon_list li p { font-size: 1em; }
  #what_we_do .icon_list #icon2 { background-image: url(../img/icon_cms_sm.jpg); }
  #what_we_do .icon_list #icon3 { background-image: url(../img/icon_social_media_sm.jpg); }
  #what_we_do .icon_list #icon4 { background-image: url(../img/icon_mobile_sm.jpg); }
  #what_we_do .icon_list #icon5 { background-image: url(../img/icon_development_sm.jpg); }
  #what_we_do .icon_list #icon6 { background-image: url(../img/icon_stabilization_tuning_sm.jpg); }
  #what_we_do .icon_list #icon7 { background-image: url(../img/icon_project_management_sm.jpg); }
  #what_we_do .icon_list #icon8 { background-image: url(../img/icon_architecture_eval_sm.jpg); }
  #what_we_do .icon_list #icon9 { background-image: url(../img/icon_agile_sm.jpg); }

/* -- promos -- */
#promos { clear: both; background: url(../img/promo_right_bg.gif) repeat-x; border-top: 1px solid #fff; height: 115px; min-width: 815px; position: relative; bottom: 0; text-align: left; }
#promos a { color: #8fafd6; text-decoration: none; }
#promos p a { color: #fff; }

#promo1{ background: url(../img/promo_left_bg.gif) repeat-x; float: left; height: 115px; width: 45%; }
#promo1 .promo_content { float: right; }
#promo1 h6 { margin: 2em 80px 0 0; }
#promo1 p { margin: 0 80px 0 0; }

#promo2 { float: left; height: 115px; width: 40%; }
#promo2 h6 a, #promo2 p a { color: #586b83; }
#promo2 h6 { margin-left: 30px; }
#promo2 p { margin: 0 0 0 30px; }

#promo_split { background: url(../img/promo_transition.gif) 0 0 no-repeat; float: left; height: 115px; width: 80px; }

/* -- footer -- */
#footer { color: #586b83; margin: 0 auto; padding: 0.5em 0 4em 0; text-align: left; width: 800px; }
#footer p { color: #586b83; float: left; font-size: 0.625em; line-height: 1em; }
#footer ul { float: right; }
#footer ul li { border-right: 1px solid #586b83; float: left; font-size: 0.625em; line-height: 1em; padding: 0 5px; }
#footer ul a { color: #586b83; text-decoration: none; text-transform: uppercase; }