/* CSS Document - TouchCopy FLuid */

/*  Header
=============================================================== */
#touchcopy_header
{
  height:90px;
  background-color:#204ba6;
}
#touchcopy_header_image
{
  margin:0px 32px;
  height:82px;
  background-image:url(../images/TouchCopyHeading.png);
  background-position:center left;
  background-repeat:no-repeat;
}
#touchcopy_header_text
{
  position:relative;
  margin: -62px 0px 0px 50%;
  width: 50%;
  color:#fff;
  text-align:center;
}

/*  Content
=============================================================== */
#content_primary
{
  height:400px;
  background-image:url(../images/TouchCopyHeroImage.jpg);
  background-position:center center;
  background-repeat:no-repeat;
}
.content_main_left h1
{
  font-size:1em;
  font-weight:normal;
  margin-top:0px;
}
.content_main_left h2
{
  font-size:.9em;
  font-weight:bold;
}
#content_primary_relative_content
{
  position:relative;
}
#content_primary_download_box
{
  position:absolute;
  height:160px;
  width:286px;
  background-color:#000;
  right:16px;
  top:232px;
  text-align:center;
  padding-top:8px;
  opacity:0.8;
  filter:alpha(opacity=80);
  border-radius:8px 8px 0px 0px;
}
#content_primary_download_content
{
  /*visibility:collapse;*/
  position:absolute;
  height:48px;
  right:24px;
  top:232px;
  text-align:center;
  padding-top:8px;
}
#content_primary_description
{
  position:absolute;
  background-color:#000;
  opacity:0.8;
  filter:alpha(opacity=80);
  width:388px;
  height:120px;
  left:16px;
  top:264px;
  border-radius:8px 0px 8px 8px;
}
#content_primary_description_core
{
  position:absolute;
  width:372px;
  height:112px;
  left:16px;
  top:264px;
  padding:8px 8px 0px 8px;
  color:#FFF;
  line-height:1.5;
  font-size:.9em;
}
.inline_image
{
  float:left;
  margin:0px 16px 0px 0px;
  outline:none;
  border:none;
}
.inline_image a
{
  border:none;
}
#feature_hero_map, #feature_hero_map area, #feature_hero_map a 
{
  border:none;
  border-collapse:collapse;
  border-width:0px;
  outline:none;
}
#mobile_primary_description
{
  width:0px;
  margin:0px;
  height:0px;
  padding:0px;
  overflow:hidden;
  visibility:collapse;
  display:none;
}

/*  Content Navigation
=============================================================== */
#content_sub_navigation
{
  background-color:#14184A;/* #7C94EF*/
  text-align:center;
  padding:8px 0px;
  font-size:1em;
}
.content_sub_navigation_link
{
  margin:0px 10px;
  color:#FFF;
  text-decoration:none;
}
.content_sub_navigation_link:hover
{
  color:#E4E4E4; /* #CB0205 */
}

/*  Feature Navigation
=============================================================== */
.feature_bar_item
{
  float:left;
  width:12.5%;
  height:100%;
  text-align:center;
}
.feature_bar_item_icon
{
  width:48px;
  margin: 0px auto;
  display:block;
}
.feature_bar_item_text
{
  font-size:0.8em;
  margin: 8px 4px 0px 4px;
  display:block;
  line-height:1.2;
}
#content_feature_navigation
{
  margin-top:16px;
  text-align:center;
}
#content_feature_navigation_hint
{
  margin:4px 0px 0px 0px;
  padding:0px 0px 4px 0px;
  font-size:0.9em;
}
.content_feature_navigation_item
{
  margin:0px 4px 0px 4px;
}

/*  Secondary Content
=============================================================== */
.touchcopy_feature_left
{
  width:auto;
  overflow:auto;
  padding:0px 8px 32px 8px;
}
.touchcopy_feature_left img
{
  float:left;
  padding-right:32px;
  width:300px;
}
.touchcopy_feature_left h1, .touchcopy_feature_right h1
{
  margin:0px;
  padding:0px 0px 8px 0px;
  font-size:1em;
  color:#666;
}
.touchcopy_feature_left h2, .touchcopy_feature_right h2
{
  margin:0px;
  padding:0px 0px 8px 0px;
  font-size:1em;
  color:#666;
}
.touchcopy_feature_left p, .touchcopy_feature_right p
{
  font-size:.85em;
}
.touchcopy_feature_right
{
  width:auto;
  overflow:auto;
  padding:0px 8px 32px 8px;
}
.touchcopy_feature_right img
{
  float:right;
  padding-left:32px;
  width:300px;
}
#content_secondary
{
  background-color:#FFF;
  margin:8px 0px 32px 0px;
  padding:16px;
}
#content_secondary_header_main
{
  padding:8px 0px 16px 0px;
}
#content_secondary_header_main h2
{
  font-size:1em;
  font-weight:normal;
  margin:0px 0px 0px 0px;
}
.content_secondary_container
{
  display:table;
  table-layout:fixed;
  width:100%;
}
.content_secondary_right
{
  display:table-cell;
  width:300px;
  padding-left:32px;
}
.content_secondary_right h3
{
  font-size:0.8em;
  font-weight:bold;
  margin:8px 15px 8px 15px;
  padding:0px;
  color:#666;
}
.content_secondary_left
{
  display:table-cell;
}
.content_secondary_left p
{
  font-size:0.85em;
  line-height:1.5;
}
.content_secondary_left li
{
  font-size:0.85em;
  line-height:1.5;
}

.content_secondary_left h3
{
  font-size:0.9em;
  font-weight:bold;
  margin:8px 0px 8px 0px;
  padding:0px;
  color:#333;
}
.feature_hero_image
{
  width: 628px;
}

/*  Feedback
=============================================================== */
#touchcopy_feedback_section h2
{
  margin: 0px;
  padding: 0px 0px 8px 0px;
  font-size: 1em;
  color: #666;
}
.feedback_quote
{
  display:block;
  background-color:#fff;
  border-radius:4px;
  border:1px #ccc solid;
  padding:8px;
}
.overview_feedback_quote
{
  background-color:#eee;
}
.feedback_quote p
{
  margin:0px;
  font-size:1em;
}
.feedback_speech_bottom
{
  margin:-9px 0px 0px 16px;
}
.overview_feedback_loadbox
{
  text-align:center;
  padding:40px 0px 42px 0px;
}
.overview_feedbackbox
{
  height:106px;
  visibility:collapse;
  display:none;
  overflow:hidden;
}
.overview_byline
{
  font-size:0.8em;
  margin: 8px 0px 0px 0px;
}
.feature_feedback_loadbox
{
  text-align:center;
  padding:98px 0px 98px 0px;
}
.feature_feedbackbox
{
  height:220px;
  visibility:collapse;
  display:none;
  overflow:hidden;
}
.feature_feedback_quote
{
  margin:4px 8px 8px 8px;
}

/*  Social Media
=============================================================== */
.social_media_container
{
  margin:-4px 0px 8px 15px;
  display:table;
}
.social_media_item
{
  display:table-cell;
  vertical-align:top;
  width:95px;
}

/*  Feature Navigation
=============================================================== */
#mobile_feature_navigation
{
  width:0px;
  height:0px;
  overflow:hidden;
  visibility:collapse;
}

/*  MOBILE
=============================================================== */
@media (max-width:779px)
{
  #touchcopy_header_text
  {
    margin:0px;
    width:0px;
    height:0px;
    display:none;
    visibility:collapse;
    overflow:hidden;
  }
  #content_primary_description, #content_primary_description_core, #content_feature_navigation
  {
    width:0px;
    margin:0px;
    height:0px;
    padding:0px;
    overflow:hidden;
    visibility:collapse;
  }
  #mobile_primary_description
  {
    width:auto;
    height:auto;
    overflow:auto;
    visibility:visible;
    display:block;
    padding:16px;
    background-color:#fff;
  }
  .content_secondary_right
  {
    width:0px;
    display:none;
    margin:0px;
    height:0px;
    padding:0px;
    overflow:hidden;
    visibility:collapse;
  }
  
  #mobile_feature_navigation
  {
    width:auto;
    height:auto;
    overflow:auto;
    visibility:visible;
  }
  #feature_bar
  {
    width:0px;
    display:none;
    margin:0px;
    height:0px;
    padding:0px;
    overflow:hidden;
    visibility:collapse; 
  }
  .feature_bar_item
  {
    float:left;
    width:25%;
    height:100%;
    text-align:center;
  }
  .feature_bar_item_clear
  {
    clear:left;
  }
  .feature_bar_item_bottom
  {
    margin-top:16px;
  }
}
@media (max-width:678px)
{
  /*  GLOBAL
  =============================================================== */
  .img_with_anotation img
  {
    padding:0px 0px 0px 0px;
  }
  
  /*  Header
  =============================================================== */
  #touchcopy_header
  {
    height:45px;
  }
  #touchcopy_header_image
  {
    margin:0px 18px;
    padding:10px 0px;
    height:20px;
    background-image:url(../images/TouchCopyHeadingSmall.png);
    background-position:center left;
    background-repeat:no-repeat;
  }
  
  /*  Content
  =============================================================== */
  #content_primary
  {
    height:150px;
    background-image:url(../images/TouchCopyHeroImageSmall.jpg);
  }
  #content_primary_download_box, #content_primary_download_content
  {
    width:0px;
    margin:0px;
    height:0px;
    padding:0px;
    overflow:hidden;
    visibility:collapse;
  }
  .touchcopy_feature_left, .touchcopy_feature_right
  {
    padding:0px 0px 0px 0px;
  }
  .touchcopy_feature_right img, .touchcopy_feature_left img
  {
    float:none;
    padding:0px;
    max-width:100%;
  }
  .overview_feedbackbox
  {
    height:190px;
  }
  
  /*  Content Navigation
  =============================================================== */
  .content_sub_navigation_link
  {
    color:#FFF; /* #CB0205*/
  }
  
  /*  Footer
  =============================================================== */
  #global_footer_disclaimer
  {
    margin:0px;
  }
}
@media(max-width:578px)
{
  .feature_bar_item_icon
  {
    width:32px;
  }
}