@charset "UTF-8";
/* CSS MAIN STYLES

QUINTILES.COM REDESIGN
CAPSTRAT
02/09

COLORS:

BACKGROUND (outside #Container) - #6c6f70
BODY COPY - #536162
UTILITY NAV (beneath top nav), FOOTER NAV - #a7a7a7
LEFT NAV BACKGROUND - #dddfde
GENERAL LINK COLOR - #1c9896
HEADING RED - #be0f34
QUINTILES Q RED - #b01842
*/

/* STRUCTURAL */
#home {
   width: 757px;
   background-color: white;
}
   #rotator {
      width: 757px;
      height: 214px;
      background: #fff;
      overflow: hidden;
      position: relative;
   }
       #rotator .rotator-slide {
          width: 723px;
          height: 214px;
          color: #626265;
          z-index: 1;
       }
       #rotator .rotator-slide .content_left {
           width: 440px;
           height: 184px;
           padding: 15px 0px 15px 10px;
           /*background: url(/elements/img/left-arrow-shadow.png) no-repeat left top;*/
           float: left;
       }
       #rotator #shade .content_left {
           width: 440px;
           height: 184px;
           padding: 15px 0px 15px 27px;
           /*background: url(/elements/img/left-arrow-shadow.png) no-repeat left top;*/
           float: left;
       }
       #rotator .rotator-slide .content_right,
       #rotator #shade .content_right {
           width: 273px;
           float: left;
           height: 214px;
           position: relative;
       }
       #rotator .rotator-slide .content_left .slide-text {
           max-height: 125px;
           overflow: hidden;
       }
       #rotator .rotator-slide .content_right_shadow {
           width: 290px;
           height: 214px;
           position: absolute;
           background: url(/elements/img/right-arrow-shadow.png) no-repeat right top;
       }
       #rotator .rotator-slide .toolbox,
       #rotator #shade .toolbox {
           width: 440px;
           height: 30px;
           position: absolute;
           bottom: 0px;
           overflow: hidden;
       }
       #rotator .rotator-slide .social_icons,
       #rotator #shade .social_icons {
           width: 220px;
           float: left;
       }
       #rotator .rotator-slide .learn_more {
           width: 220px;
           float: left;
           text-align: right;
       }
       #rotator #shade .learn_more {
           /* this never made sense... */
           display: none;
       }
       #shade {
           width: 757px;
           height: 214px;
           position: absolute;
           background: #fff;
           z-index: 5;
           top: 214px;
       }
   #home_emergency {
      width: 757px;
   }

/* TABS */
#home_tabs {
   font-size: 0.95em;
}
#home_tabs .tab {
   padding: 15px 20px 10px 20px;
   min-height: 82px;
   background: #fff;
   opacity: 0.9;
}
#home_tabs .tab h2 {
   width: 717px;
   margin: 0 0 0.2em 0;
   color: #be0f34;
   font-size: 1.5em;
   font-weight: normal;
}
#home_tabs .tab .left {
   float: left;
   margin-right: 31px;
   width: 343px;
}
#home_tabs .tab .right {
   float: left;
   width: 343px;
}
#home_tabs .content h3,
#home_tabs .content h4 {
   margin-bottom: 0;
   color: #536162;
}
#home_tabs .content p,
#home_tabs .content ul,
#home_tabs .content ol {
   margin-bottom: 0.2em;
}

/* EMERGENCY */
#home_emergency {
   background: #d3f2f1 url(../img/emergency_body.gif) repeat-y left top;
}
#home_emergency .inner {
   background: transparent url(../img/emergency_top.gif) no-repeat left top;
}
#home_emergency .left {
   float: left;
   padding-top: 20px;
   width: 180px;
}
#home_emergency .left h2 {
   text-align: center;
   font-size: 1.3em;
   font-weight: bold;
   color: #fff;
}
#home_emergency .right {
   float: left;
   padding: 20px 30px 5px 20px;
   width: 527px;
}

/* CONTENT */
#home_content {
}
#home_content .content {
   padding: 20px 20px 20px 394px;
}

/* BUCKETS */
#home_buckets {
   float: left;
   width: 727px;
   padding: 25px 15px 0 15px;
   background: #ffffff;
   font-size: 11px;
}
#home_buckets .bucket,
#home_buckets .twitter-bucket {
   float: left;
   margin: 0px 11px 15px 0px;
   padding: 0px 10px 10px 10px;
}
#home_buckets .bucket {
   width: 158px;
}
#home_buckets .bucket.last {
   margin-right: 0;
}
#home_buckets .bucket .inner-bucket {
    background: url(/elements/img/home-bucket-bg.jpg) no-repeat left top;
    padding-top: 23px;
}
#home_buckets .content {
   line-height: 1.3em;
   font-size: 1.0em;
}
#home_buckets .content h3 {
   margin-top: 0.1em;
   margin-bottom: 0.4em;
   color: #be0f34;
   font-size: 1.1em;
   font-weight: normal;
}
#home_buckets .content h3 a {
    color: #be0f34;
    text-decoration: none;
}
#home_buckets .content h4 {
   margin-bottom: 0.4em;
   font-size: 1.0em;
   font-variant: normal;
   color: #5e6162;
}
#home_buckets .content p {
   margin-bottom: 0.2em;
}
#home_buckets .content ul {
   margin-bottom: 0.2em;
}
#home_buckets .content ol {
   margin-bottom: 0.2em;
}
#home_buckets .twitter-bucket {
   width: 329px;
   margin-right: 0;
}
#home_buckets .twitter-bucket h3 {
   margin: 1px;
   color: #be0f34;
   font-size: 1.1em;
   font-weight: normal;
}
#home_buckets #twitter-box,
#home_buckets #twitter-box h3 img,
#home_buckets #twitter-box a.twitter-profile {
   margin-top: 0;
}
p.more {
   margin: 0.5em 0 0 0;
}
p.more a {
   display: block;
   text-align: right;
   min-height: 18px;
   padding: 0 22px 7px 0;
   background: transparent url(/elements/img/link_bg_reflection_white.gif) no-repeat right bottom;
}
#home_buckets .content p.more a:hover {
   text-decoration: none;
}
#home_buckets .content img {
   padding: 0;
   border: none;
}
#rotator #shade h2 {
   font-weight: normal;
   margin-bottom: 10px;
}
#rotator .rotator-slide h1,
#rotator #shade h1 {
    font-size: 24px;
    font-weight: lighter;
    color: #536162;
}
#rotator .rotator-slide p,
#rotator #shade p {
    margin: 5px 0px;
    line-height: 18px;
}
#rotator .rotator-slide .smaller,
#rotator #shade .smaller {
   font-size: 0.9em;
   line-height: 1.4em;
}
#rotator .rotator-slide .content_type {
    font-size: 10px;
}
#rotator .rotator-slide .date {
    font-size: 10px;
    font-style: italic;
}
#rotator .rotator-slide-arrows {
    width: 757px;
    height: 214px;
    z-index: 2;
    position: absolute;
}
#rotator .left-arrow {
    width: 17px;
    height: 214px;
    position: absolute;
    left: 0px;
    cursor: pointer;
    z-index: 2;
}
#rotator .right-arrow {
    width: 17px;
    height: 214px;
    position: absolute;
    right: 0px;
    cursor: pointer;
    z-index: 2;
}
#rotator .stage {
    width: 2271px;
    position: absolute;
    left: -757px;
    height: 214px;
}
#rotator .stage .primary {
    left: 774px;
    position: absolute;
}
#rotator .stage .staging-right {
    right: 0px;
    position: absolute;
}
#rotator .stage .staging-left {
    left: 0px;
    position: absolute;
}
.home_content {
    padding: 0px 15px;
    margin-top: 15px;
    line-height: 18px;
}
.social_icon {
    display: block;
    float: left;
    margin-right: 3px;
}
.rotator-slide-image {
    position: absolute;
}
#rotator .rotator-slide .sub-text {
    font-size: 11px;
    line-height: 14px;
}
#twitter {
    background: url(/elements/img/twitter-icon.jpg) no-repeat center top;
}
#linkedin {
    background: url(/elements/img/linked-in-icon.jpg) no-repeat center top; 
}
#email {
    background: url(/elements/img/email-icon.jpg) no-repeat center top;
}