#Main-Container {
  background-color: white;
}

#Main-Navigation {
  display: none;
}

#Main-Page-Content {
  background: white;
  margin-top: 35px;
  font-family: "Maven Pro";
}

#Left-Block {
  background: white;
}

#Left-Block-Content h3 span {
  color: #9b0000;
}

#Main-Page-Content.careers #Main-Content {
  width: 100%;
  margin-right: 0;
  float: none;
}

#Main-Page-Content.careers #Main-Content .iframe-container {
  width: 100%;
}

#Main-Page-Content.careers #Main-Content .iframe-container #zoho-recruit {
  width: 95%;
  height: 1550px;
}

#Main-Page-Content.careers #Left-Block {
  display: none;
}

#section-header{
  margin-top: 10px;
  margin-bottom: 12px;
}

#section-header h1.title {
  letter-spacing: -2.6px;
  font-size: 44px;
  font-family: "Maven Pro";
  margin-bottom: 0;
  color: #605f5b;
  font-weight: normal;
}

#section-header p.subtitle {
  font-family: "Maven Pro";
  letter-spacing: -2.4px;
  font-size: 24px;
  color: #c13d3b;
  font-weight: normal;
  margin-top: 4px;
}

#Page-Header {
  display: none;
}

#Banner-Bottom-Bar {
  background:#151310 url('../images/new/slider-bottom-bar.jpg');
  width: 100%;
  height: 12px;
}

#Banner-Header .static-banner {
  width: 100%;
  height: 174px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#Banner-Header .static-banner .title-wrapper {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  position: relative;
  top: 72.5%;
}

#Banner-Header .title-wrapper .title {
  margin: 0 0 0 25px;
}

#services-static-banner {
  background-image: url("/images/new/banner-image-services.jpg");
}
#awards-static-banner {
  background-image: url("/images/new/banner-image-awards.jpg");
}
#news-static-banner {
  background-image: url("/images/new/banner-image-news.jpg");
}
#article-static-banner {
  background-image: url("/images/new/banner-image-article.jpg");
}
#portfolio-static-banner {
  background-image: url("/images/new/banner-image-portfolio.jpg");
}
#about-static-banner {
  background-image: url("/images/new/banner-image-about.jpg");
}
#careers-static-banner {
  background-image: url("/images/new/banner-image-careers.jpg");
}
#contact-static-banner {
  background-image: url("/images/new/banner-image-contact.jpg");
}
#thankyou-static-banner {
  background-image: url("/images/new/banner-image-thankyou.jpg");
}
#thoughtleadership-static-banner {
  background-image: url("/images/new/banner-image-thoughtleadership.jpg?v2");
}
#webinars-static-banner {
  background-image: url("/images/new/banner-image-webinars.jpg");
}
#whitepapers-login-index-static-banner {
  background-image: url("/images/new/banner-image-whitepapers-login-index.jpg");
}
#whytrinet-static-banner,
#mypew-static-banner {
  background-image: url("/images/new/banner-image-whytrinet.jpg");
}

@media screen and (max-width:1250px) {
    #twenty-years-container {
        display:none;
    }
}

#Main-Slider {
    position: relative;
    top: 0;
    height:300px;
}


.pics {
    margin:0 auto;
    position:absolute !important;
    bottom: 64px;
    z-index:1001;
    background-position:center center;
    height:500px;
    width: 100% !important;
    padding: 0;
}

.pics-strategy {
    background-image: url("/images/new/sub-banner-strategize-slide.jpg");
}


.pics .slides {
  width: 100%;
  height: inherit;
  top:  0;
  left: 0
}

.pics div div div.active {
  display:block;
  height: 404px;
  margin-top:-29px;
  width: 100% !important;
}

#tab-btn-container {
  position: relative;
  width: 979px;
  margin: 0 auto;
}

    #tab-btn {
      position:absolute;
      top: 201px;
      height:33px;
      width:108px;
      z-index:2000;
    }

    #tab-btn a {
      color:#fff;
      display: block;
    }

    /* highlighting */
    #red-nav-highlight {
      width:100%;
      height: 0px;
      position:absolute;
      bottom: 88px;
      left: -123px;
      z-index:2000;
    }

    #red-nav-highlighter {
      width:979px;
      height: 0px;
      margin:0 auto;
    }

      /* navigation */
    #banner-nav {
      background:url('/images/new/red-nav-bg4.jpg') repeat-x 0 0;
      height: 64px;
      width:100%;
      position:absolute;
      bottom: 0;
      z-index:1002;
    }

    #banner-nav ul {
      width:979px;
      margin:0 auto;
      padding-left:40px;
      height: inherit;
    }

    #banner-nav li {
    float:left;
    padding-left:1px;
    width:236px;
    height: inherit;
    list-style-type:none;
    text-align:center;
    margin-top:0px;
    padding-top:0px;
    font-family:arial,sans-serif;
    background:url('/images/new/red-nav-divider.png') no-repeat bottom right;
    }

    #banner-nav li.measure {
      background:none;
    }

    #banner-nav a {
      color:#fff;
      display:block;
      position:relative;
      font-size:11px;
      height: inherit;
      text-decoration:none;
      z-index:3500;
    }

                #banner-nav a:active, #banner-nav a:visited {
                        outline:none;
                        border:none;
                }

    #red-nav-strategize {
                        width: 215px;
                        height: inherit;
                        background: url('/images/new/sub-red-nav-strategize-off-small.png') center center no-repeat;
                }


                #red-nav-design {
                        width:225px;
                        height: inherit;
                        background: url('/images/new/sub-red-nav-design-off-small.png') center center no-repeat;
                }

                #red-nav-establish {
                        width:225px;
                        height: inherit;
                        background: url('/images/new/sub-red-nav-establish-off-small.png') center center no-repeat;
                }

                #red-nav-measure {
                        width:239px;
                        height: inherit;
                       background: url('/images/new/sub-red-nav-measure-off-small.png') center center no-repeat;
                }

                .trinet-can-img {
                      width: 159px;
                      height:11px;
                }

                .arrow-img {
                       width:16px;
                       height:10px;
                }

                @media screen and (-webkit-min-device-pixel-ratio:0) {
                      /* put webkit CSS here*/
                      #slidetabs li a #trinet-can-strategize,
                      #slidetabs li a #trinet-can-design,
                      #slidetabs li a #trinet-can-establish,
                      #slidetabs li a #trinet-can-measure
                      {
                               margin-top: 27px !important;
                      }

                      #slidetabs li a #arrow-strategize,
                      #slidetabs li a #arrow-design,
                      #slidetabs li a #arrow-establish,
                      #slidetabs li a #arrow-measure
                      {
                               margin-top: 20px ;
                      }
                }
    #slidetabs li a #arrow-strategize,
    #slidetabs li a #arrow-design,
    #slidetabs li a #arrow-establish,
    #slidetabs li a #arrow-measure
    {
      margin-left: 95px ;
    }
    /* overlay styles */
.simple_overlay {
  /* must be initially hidden */
  display:none;
  /* place overlay on top of other elements */
  z-index:100;
  /* styling */
  width: 100%;
  height: 427px;
  background-color:transparent !important;
  margin-top: 0;
  position:absolute;
  top: 500px;
  color:#fff;
  zoom:1;
}



.simple_overlay .more-content {
  width: 100%;
  height: 427px;
  position: absolute;
  bottom: 0px;
  background:url('/images/new/more-lightbox-main-bg2.png') repeat-x;
  background-color:transparent !important;
  overflow: hidden;
  zoom:1;
}


  #close-strategize {
    margin-left:332px;
  }

  #close-design {
    margin-left:573px;
     margin-left:559px/9;
  }

  #close-establish {
    margin-left:814px;
    margin-left:790px/9;
  }

  #close-measure {
    margin-left:1055px;
    margin-left:1038px/9;
  }

  .closex {
    background:url('/images/new/more-close-ximage.png') no-repeat;
    margin-top:56px !important;
    position:absolute;
    height:26px;
    width:26px;
    z-index:20000;
    zoom:1;
    cursor:pointer;
    margin-left: 430px !important;
    left: 50%;
  }


  /* styling for elements inside overlay */
        .Light-Box-Content {
                width:1000px;
                padding-top:28px;
        }

        .Light-Box-Content .Light-Box-Redesign-Section {
                margin-top:3px !important/9;
        }



  .details {
    position:absolute;
    top:15px;
    right:15px;
    font-size:11px;
    color:#fff;
    width:150px;
  }


.Light-Box-Content .thumbnail-title {
    padding-top:20px;
    font-size:12px;
}

.Light-Box-Content .thumbnail-desc {
    font-size:11px;
}


        #copy-divider {
                width:100%;
                height:54px;
    margin-top:504px;
    position:absolute;
                background:url('/images/new/copy-pane-divider.jpg') repeat-x 0 0;
        }

        /* Styling for Thank You page */
        #Thank-You-Content {
                float:right;
                /*background: url('/images/new/thank-you-bg.png') no-repeat;*/
                background-color:#e1e0da;
                margin-bottom:60px;
                margin-right:60px;
                width:656px;
                height:803px;

                height:832px\9;
        }

        #Thank-You-Title {
                background: url('/images/new/thank-you-title.png') no-repeat;
                width:642px;
                height:69px;
                margin:0 auto;
                margin-top:9px;
        }

        #Thank-You-Copy {
               width:605px;
               margin:0 auto;
               font-family:arial, sans-serif;
               font-size:12px;
               line-height:18px;
               color:#545350;
               font-weight:normal;
        }

        #Thank-You-Copy p {
                margin-top:15px;
        }

        #Thank-You-Copy p img {
                margin-top:18px;
        }

        #Thank-You-Copy div img {
                margin:0;
        }

        #Thank-You-Copy a {
                color:#af2c2c;
        }

        #Thank-You-Copy .list1 {
                list-style:none;
                margin: 18px 0 18px -40px;
                margin-left:0px\9;
        }

        #Thank-You-Copy li {
               font-family:arial, sans-serif;
               font-size:12px;
               line-height:30px;
               color:#545350;
        }

        #Thank-You-Copy li a {
                font-family:arial, sans-serif;
                font-size:16px;
                line-height:30px;
                color:#af2c2c;
                text-decoration:underline;
        }

        #Thank-You-Copy li a:hover {
                color:#db2b2b;
                text-decoration:underline;
        }

#banner-strategize, #banner-design, #banner-measure, #banner-establish {
    height:404px  !important;
    width:1107px  !important;
    margin-top:5px  !important;
}

#slide-strategize, #slide-design, #slide-measure, #slide-establish {
    width:100% !important;
}
#slide-strategize {
    background: url('/images/new/strategize-slide.jpg') no-repeat black;
    background-position: 50% -100%;
}
#slide-design {
    background: url('/images/new/design-slide.jpg') no-repeat black;
    background-position: 50% -100%;
}
#slide-establish {
    background: url('/images/new/establish-slide.jpg') no-repeat black;
    background-position: 50% -100%;
}
#slide-measure {
    background: url('/images/new/measure-slide.jpg') no-repeat black;
    background-position: 50% -100%;
}


.trinet-can-img {
    position:absolute;
    display:none;
    z-index:100;
    background: url('/images/expertise-to.gif') center center no-repeat;
    margin-top:-39px; /* changed from the normal version */
    margin-left:38px;
    margin-left:-80px/9;
}

.arrow-img {
    position:absolute;
    display:none;
    background: url('/images/new/red-nav-arrow-small.gif') center center no-repeat;
    height:10px;
    width:16px;
    z-index:101;
    margin-top:-15px;
    margin-left:100px;
    margin-left: -90px/9;
}

#red-nav-strategize,  #red-nav-design, #red-nav-establish, #red-nav-measure{
  background-position:50% 20px !important;
}

.simple_overlay .more-content .Light-Box-Content .thumbnail-title {
  padding-top:20px;
  font-size:12px;
}

.simple_overlay .more-content .Light-Box-Content .thumbnail-desc {
  font-size:11px;
}

/* Desktop only styling */
@media (min-width: 1000px) {
  #section-description {
    font-size: 16px;
    color: #545350;
    line-height: 1.5;
    margin-bottom: 28px;
  }
}

/* Mobile devices only styling */
@media (max-device-width: 1000px) and (max-width: 1000px) {
  #Main-Container {
    background-color: #F0EFE9;
  }
  #Main-Page-Content {
    background: transparent;
    margin-top: 25px;
  }
  #Banner-Header {
    display: none;
  }
  #Page-Header {
    display: block;
  }
  #section-header {
    margin-top: -10px;
  }
  #section-header p.subtitle{
    font-size: 22px;
  }
}