/*
Theme Name: Infochimps
Theme URI: Infochimps WordPress Theme
Author: Clutch Creative
Author URI: http://www.clutchcreative.com
Description: 
Version: 1.0
License: 
License URI: 
Tags:  
*/

body > img {
width: 1px; height: 1px;
position: absolute; top: 0; left: 0;
}

.single-press #navigation-left li.press a,
.single-staff #navigation-left li.about a { font-weight:700; color:#E55D4C; text-decoration:none; }
.single-press #navigation-left li.press ul,
.single-staff #navigation-left li.about ul { display:block; }

#content .navigation { position:relative; overflow:hidden; }
#content .navigation .next { float:right; }
#content .navigation .prev { float:left; }

.tm { font-family:Helvetica,Arial,sans-serif; size:0.5em; }

td.business-left { display:inline-block; width:97px; padding-top:2px; }
td.business-right { padding-left:25px; vertical-align:top; }

/* */

.roles-conf-table { width:100%; }

.roles-col-1 { float:left; width:24%; margin:10px 1% 0 0; }
.roles-col-2 { float:left; width:24%; margin:10px 1% 0 0; }
.roles-col-3 { float:left; width:24%; margin:10px 1% 0 0; }
.roles-col-4 { float:left; width:24%; margin:10px 0 0 0; }

.roles-col-1-above, .roles-col-2-above, .roles-col-3-above, .roles-col-4-above { width:100%; height:18px; }
.roles-col-1-above { background:url(images/bg-roles-col-1.png) no-repeat 50% 0; }
.roles-col-2-above { background:url(images/bg-roles-col-2.png) no-repeat 50% 0; }
.roles-col-3-above { background:url(images/bg-roles-col-3.png) no-repeat 50% 0; }
.roles-col-4-above { background:url(images/bg-roles-col-4.png) no-repeat 50% 0; }

.roles-col-1-content, .roles-col-2-content, .roles-col-3-content, .roles-col-4-content {
  min-height:340px;
  padding:20px 17px;
  border-radius:5px;
  font-size:12px;
  color:#fff;
}

.roles-col-1-content { background:#e55d4c; }
.roles-col-2-content { background:#525567; }
.roles-col-3-content { background:#b7d0bd; }
.roles-col-4-content { background:#535667; }

.roles-col-1-content h2, .roles-col-2-content h2, .roles-col-3-content h2, .roles-col-4-content h2 {
  font:15px/23px "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#fff;
  margin:0 0 20px 0;
}

.roles-col-1-below, .roles-col-2-below, .roles-col-3-below, .roles-col-4-below {
  margin:8px 0 0 0;
  text-align:center;
}

/* */

.industry-col-1, .industry-col-2, .industry-col-3, .industry-col-4, .industry-col-5, .industry-col-6 {
  float:left;
  width:16%;
  margin:0 0.5% 0 0;
}

.industry-col-6 { margin:0; }

.industry-col-1-above, .industry-col-2-above, .industry-col-3-above,
.industry-col-4-above, .industry-col-5-above, .industry-col-6-above {
  height:124px;
}

.industry-col-1-above { background:url(images/bg-industry-col-1.png) no-repeat 50% bottom; }
.industry-col-2-above { background:url(images/bg-industry-col-2.png) no-repeat 50% bottom; }
.industry-col-3-above { background:url(images/bg-industry-col-3.png) no-repeat 50% bottom; }
.industry-col-4-above { background:url(images/bg-industry-col-4.png) no-repeat 50% bottom; }
.industry-col-5-above { background:url(images/bg-industry-col-5.png) no-repeat 50% bottom; }
.industry-col-6-above { background:url(images/bg-industry-col-6.png) no-repeat 50% bottom; }

.industry-col-1-content, .industry-col-2-content, .industry-col-3-content,
.industry-col-4-content, .industry-col-5-content, .industry-col-6-content {
  min-height:350px;
  padding:15px 10px;
  border-radius:5px;
  font-size:12px;
  color:#fff;
  line-height:normal;
}

.industry-col-1-content { background:#e55d4c; }
.industry-col-2-content { background:#525567; }
.industry-col-3-content { background:#b7d0bd; }
.industry-col-4-content { background:#535667; }
.industry-col-5-content { background:#e55d4c; }
.industry-col-6-content { background:#b7d0bd; }

.industry-col-1-content h2, .industry-col-2-content h2, .industry-col-3-content h2,
.industry-col-4-content h2, .industry-col-5-content h2, .industry-col-6-content h2 {
  font:15px/20px "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#fff;
  margin:0 0 15px 0;
}

.industry-col-1-below, .industry-col-2-below, .industry-col-3-below,
.industry-col-4-below, .industry-col-5-below, .industry-col-6-below {
  text-align:center;
  margin:7px 0 0 0;
}

/* */

a.btn-learn-more {
  display:inline-block;
  width:94px;
  height:17px;
  padding:4px 13px 3px 13px;
  background:#e55d4c;
  font:700 12px/15px "Source Sans Pro", Arial, Helvetica, sans-serif;
  color:#fff;
  text-transform:uppercase;
  border-radius:5px;
  text-align:center;  
}

.clear { clear:both; }

@media only screen and (max-width: 1000px) {
  
  .industry-col-1, .industry-col-2, .industry-col-3, .industry-col-4, .industry-col-5, .industry-col-6 {
    float:none;
    width:100%;
    margin:0 0 35px 0;
  }
  
  .industry-col-1-above, .industry-col-2-above, .industry-col-3-above,
  .industry-col-4-above, .industry-col-5-above, .industry-col-6-above {
    float:left;
    width:20%;
    height:100px;
    margin:0;
  }
  
  .industry-col-1-above { background:url(images/bg-industry-col-1.png) no-repeat 0 0; }
  .industry-col-2-above { background:url(images/bg-industry-col-2.png) no-repeat 0 0; }
  .industry-col-3-above { background:url(images/bg-industry-col-3.png) no-repeat 0 0; }
  .industry-col-4-above { background:url(images/bg-industry-col-4.png) no-repeat 0 0; }
  .industry-col-5-above { background:url(images/bg-industry-col-5.png) no-repeat 0 0; }
  .industry-col-6-above { background:url(images/bg-industry-col-6.png) no-repeat 0 0; }
  
  .industry-col-1-content, .industry-col-2-content, .industry-col-3-content,
  .industry-col-4-content, .industry-col-5-content, .industry-col-6-content {
    float:left;
    width:75%;
    min-height:50px;
    padding:15px 10px;
  }
  
  .industry-col-1-below, .industry-col-2-below, .industry-col-3-below,
  .industry-col-4-below, .industry-col-5-below, .industry-col-6-below {
    float:left;
    width:80%;
    text-align:left;
    margin:7px 0 35px 20%;
  }
  
}

@media only screen and (max-width: 960px) {
  
  .roles-col-1-above, .roles-col-2-above, .roles-col-3-above, .roles-col-4-above { display:none; }
  .roles-col-1, .roles-col-2, .roles-col-3, .roles-col-4 { float:none; width:100%; margin:35px 0 0 0; }
  .roles-col-1-content, .roles-col-2-content, .roles-col-3-content, .roles-col-4-content { min-height:50px; }
  .roles-col-1-content h2, .roles-col-2-content  h2, .roles-col-3-content  h2, .roles-col-4-content  h2 { margin:0 0 10px 0; }
  .roles-col-1-below, .roles-col-2-below, .roles-col-3-below, .roles-col-4-below { text-align:left; }
  
}

@media only screen and (max-width: 800px) {
  
  .industry-col-1, .industry-col-2, .industry-col-3, .industry-col-4, .industry-col-5, .industry-col-6 {
    float:none;
    width:100%;
    margin:0 0 35px 0;
  }
  
  .industry-col-1-above, .industry-col-2-above, .industry-col-3-above,
  .industry-col-4-above, .industry-col-5-above, .industry-col-6-above { display:none; }
  
  .industry-col-1-content, .industry-col-2-content, .industry-col-3-content,
  .industry-col-4-content, .industry-col-5-content, .industry-col-6-content { width:96% }
  
  .industry-col-1-below, .industry-col-2-below, .industry-col-3-below,
  .industry-col-4-below, .industry-col-5-below, .industry-col-6-below { width:100%; margin:7px 0 35px 0; }

}

@media only screen and (max-width: 767px) {
  
  td.business-left { display:inline-block; width:50px; }
  td.business-right { padding-left:12px; vertical-align:top; }
  
  .industry-col-1, .industry-col-2, .industry-col-3, .industry-col-4, .industry-col-5, .industry-col-6 {
    float:none;
    width:96%;
    margin:0 0 35px 0;
  }

}