html, body{
    margin: 0;
    padding: 0;
}

body{
   background-image: url('../images/site-bg.jpg');
   background-repeat: repeat-x;
}

body, div, p, td{
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    line-height: 20px;
    font-size: 13px; 
    color: #04464d;
}


/*No Outlines FF*/
a:active, a:focus { outline: 0;}

form{ margin:0; padding:0; }

a{ color: #00a1b1; text-decoration: none; }
a:hover{ color: #01d0e5; }
p a{ font-weight:bold; }

sup{ 
    vertical-align: baseline;
    font-size: 0.8em;
    font-family: verdana;
    position: relative;
    top: -0.4em;
}

h1, h1.marginTop{
    font-family: tahoma, sans-serif;
    margin: 0px 0px 25px 0px;
    padding: 0;
    font-size: 24px;
    line-height: 26px;
    color: #04464d;
    text-transform: uppercase;
    z-index: 100;
    font-weight: bold;
}

h1.marginTop {margin-top: 25px;}

h1.subhead{
    font-family: tahoma, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #00a1b1;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

h3.first, h3.after{
   color: #04464d;
   text-transform: uppercase;
   font-size: 14px;
   line-height: 14px;
   font-family: tahoma;
   background-image: url('../images/checkmark.gif');
   background-repeat: no-repeat;
   height: 20px;
   padding: 25px 0 0 40px;
   margin: 0;
}

.clearLeft, .clearBoth{
    margin: 0;
    padding: 0;
    height: 0px;
}
.clearLeft{ clear: left; }
.clearBoth{ clear: both; }

.floatLeft{ float: left; display: inline; }
.floatRight{ float: right; display: inline; }

.remove{ display: none; }
.hide{ visibility: hidden; }

.noMargin{ margin:0; }
.noMarginTop{ margin-top:0; }
.noMarginBot{ margin-bottom: 5px; }

.lyrRel{
   width: 100%;
   height: 100%;
   position: relative;
}

/* HTML LAYOUT */
#site{
   width: 924px;
   margin: 0 auto;
   position: relative;
   padding: 0px 62px 0px 38px;
}

#site-top{
   width: 925px;
   height: 170px;
}

#main-box{
   width: 925px;
}

#main-btm{
   width: 925px;
   height: 50px;
}

#main-bg{
   background: url('../images/main-bg.png') repeat-y left top;
   width: 925px;
   z-index: 9;
}

#main-content{
   width: 884px;
   height: 100%;
   position: relative;
   left: 23px;
   top: 0px;
   background-color: #fff;
   z-index: 15;
}

#main-gradTop{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 884px;
   height: 161px;
   background: url('../images/main-gradTop-bg.jpg') repeat-x left top;
   z-index: 20;
}

#main-gradBtm{
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 884px;
   height: 108px;
   background: url('../images/main-gradBtm-bg.jpg') repeat-x left bottom;
   z-index: 20;
}

#main-text{
   position: relative;
   top: 0px;
   left: 50px;
   z-index: 30;
   width: 768px;
}

#home-callouts{
   position: relative;
   top: 0px;
   left: 44px;
   z-index: 30;
   width: 810px;
   height: 170px;
   padding: 20px 0px 70px 0px;
}

.divider{
   width: 765px;
   padding-left: 3px;
}

.references{ font-size: 11px; padding-top: 25px; line-height: 16px; }
.referencesHome{
    font-size: 11px; line-height: 16px;
    position:relative; width: 800px; height: 60px;
    z-index: 500;
    left: 45px; top: -40px;
}


/* NAV */

#nav01, #nav02, #nav03, #nav04, #nav05{
    position: absolute;
    top: 82px;
}

#nav01{ left: 97px; }
#nav02{ left: 208px; }
#nav03{ left: 349px; }
#nav04{ left: 500px; }
#nav05{ left: 731px; }

/* FOOTER */
#footer{
   width: 100%;
   background: #d8f1f5 url('../images/footer-bg.jpg') repeat-x left top;
}

#footer-content{
   width: 100%;
   text-align: center;
}

#footer-content div{
    padding: 0;        
    line-height: 14px;
}

#footer #disclaimer{
    padding-top: 10px;
    color: #17828d;
    font-size: 11px; 
    line-height: 16px;  
}

#footer #footerLogo{
    padding-bottom: 30px;
}

#footer-content div span span{
    padding: 0px 2px 0px 6px;
    font-size: 5px;
    position: relative;
    top: -2px;
}

#footer-content div span a{
    font-size: 11px;
    color: #04464d;
    text-decoration: none;
}

#footer-content div span a:hover{ color: #04464d; }

#footer-content div a{
    font-size: 11px;
    color: #17828d;
    text-decoration: underline;
}

#footer-content div a:hover{ color: #17828d; text-decoration: underline;}

#footer-text{
   width: 697px;
   margin: 0 auto;
}

#novartis-logo{
   width: 126px;
   height: 26px;
   padding: 25px 0 15px 0;
   margin: 0 auto;
}


/* OVERLAYS  */
div.site_overlay{
   position: absolute;
   left: 0; top: 0;
    background-image: url('../images/contentPattern.png');
  width: 100%; height: 100%;
  z-index: 200;
}

#keyStudies{
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3000;
   visibility: hidden;
   width: 776px;
   height: 708px;
}

.keyStudiesClose{
   position: absolute;
   right: 17px;
   top: 15px;
   z-index: 3104;
}

#keyStudiesBG{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 776px;
   height: 675px;
   z-index: 3102;
   background-image: url('../../images/toolsResources/studies-bg.png');
   background-repeat: no-repeat;
}

#keyStudiesContent{
   position: absolute;
   top: 33px;
   left: 47px;
   width: 681px;
   z-index: 3103;
}

#keyStudiesContent .divider{
   width: 681px;
   height: 5px;
   margin: 15px 0px 15px 0px;
}

#keyStudiesContent .button{
   width: 103px;
   margin: 15px auto 0px auto;
}  

#tag-cloud{
   width: 200px;
   height: 213px;
   padding: 30px 0px 0px 30px;
   visibility: hidden;
}

/* SHARE STORY BOX */

/*
#share-box{
   width: 571px;
   height: 241px;
   position: absolute;
  left: 0; top:0;
   background-image: url('../images/your-stories-bg.png');
   z-index: 40;
border: 1px solid red;
}
*/

#share-box{
   width: 571px;
   height: 241px;
   position: absolute;
   right: 0;
   bottom: -26px; 
   z-index: 40;
}

#share-box-bg{
   width: 571px;
   height: 241px;
   position: absolute;
   right: 0;
   bottom: -26px; 
   background-image: url('../images/your-stories-bg.png');
   background-repeat: no-repeat;
   background-position: right bottom;
   z-index: 30;
}


#share-content{
   padding: 25px 0px 0px 50px;
}

#share-text{
   width: 470px;
   padding-left: 10px;
   font-size: 13px;
   color: #000;
}

#bottom-callout{
   width: 391px;
   height: 178px;
   position: absolute;
   left: 321px;
   bottom: -83px;
   z-index: 30;
}