body{
    background-image: url('../images/hays53/bg.gif');
}

h4{
     color: #333;
}

.flash-container{
     width: 942px;
     height: 247px;
     background-color: #000;
     position: absolute;
     top: 0; left: 0;
     z-index: 200;    
}

#investment{
     position: relative;
     z-index: 100;
}

#investment .bkr-content{
     width: 887px;
     line-height: 16px;
     height: 90px;
     color: #281c39;
     position: absolute;
     top: -27px;
     left: 18px;
     z-index: 150;
     overflow: hidden;
}

#investment .top{
     width: 942px;
     height: 247px;
     margin-bottom: 6px;
     position: relative;
}    

#investment .top .blackBox{
     width: 942px;
     height: 247px;
     background-color: #000;
     position: absolute;
     top: 0; left: 0;
     z-index: 100;
}

#investment .inner-box-space{
     width: 942px;
     height: 129px;
}

#investment .inner-box{
     width: 942px;
     position: absolute;
     top: 253px;
     height: 129px;
     z-index: 120;
}

#investment .inner-box .top{
     width: 942px;
     height: 38px;
     margin: 0;
     background: url('../images/hays53/inner-box-top.jpg') no-repeat 0px 0px;
     position: relative;
     z-index: 120;
}

#investment .inner-box .mid{
     width: 942px;
     height: 56px;
     background: url('../images/hays53/inner-box-bg.jpg') repeat-y 0px 0px;
     position: relative;
     z-index: 125;
}

#investment .inner-box .btm{
     width: 942px;
     height: 35px;
     background: url('../images/hays53/inner-box-btm.jpg') no-repeat 0px 0px;
     position: relative;
     z-index: 120;
}

#investment .callouts{width: 942px; margin-top: 5px;}
#investment .callouts .callout{
     float: left;
     display: inline;
     margin-left: 115px;
}

#investment .callouts .callout1{
     float: left;
     display: inline;
     margin-left: 45px;
}

#more-link{
     position: absolute;
     bottom: -28px;
     right: 50px;
}

#more-link a{color: #000; font-weight: bold; text-decoration: none;}



#lyr-nutrition, #lyr-xfactor, #lyr-rescue{
     position: absolute;
     top: 0px;
     left: 0px;
     z-index: 500;
     width: 945px;
     height: 517px;
     display: none;
}

#lyr-nutrition{background: url('../images/hays53/nutrition-bg.jpg') no-repeat 0px 0px;}
#lyr-xfactor{background: url('../images/hays53/xfactor-bg.jpg') no-repeat 0px 0px;}
#lyr-rescue{background: url('../images/hays53/rescue-bg.jpg') no-repeat 0px 0px;}

#xfactor-text{
     width: 488px;
     color: #fff;
     font-size: 12px;
     position: absolute;
     left: 52px;
     top: 136px;
     z-index: 510;
     line-height: 22px;
     text-align: justify;
}

#rescue-text{
     width: 375px;     
     position: absolute;
     left: 512px;
     top: 55px;
     z-index: 510;
     line-height: 16px;
     text-align: justify;
     color: #f3f3f3;
}

#nutrition-text{
     width: 610px;
     color: #000;
     position: absolute;
     left: 315px;
     top: 38px;
     z-index: 510;
     line-height: 14px;
     text-align: justify;
}

#nutrition-callout{
     width: 390px;
     color: #000;
     position: absolute;
     left: 530px;
     z-index: 510;
     top: 280px;
     font-style: italic;
}

#nutrition-callout h1, #nutrition-callout h2, #nutrition-callout h3, #nutrition-callout h4{
     font-size: 15px;
     font-weight: bold;
     font-style: italic;
     margin: 0;
     padding: 0;
     z-index: 510;
     font-family: Helvetica, Arial, sans-serif;
}

#nutrition-callout h1{color: #51a54d;}
#nutrition-callout h2{color: #df7f0e; padding-top: 10px;}
#nutrition-callout h3{color: #0e62df; padding-top: 10px;}
#nutrition-callout h4{color: #411874; padding-top: 10px;}

.buttons{
     width: 285px;
     margin: 15px 0px 0px 0px;
}

.button{
     width: 124px;
     float: left;
     display: inline;
}

.button2{
     width: 124px;
     float: right;
     display: inline;
}

/* Overlays */


.lyr-rel{
     width: 100%;
     height: 100%;
     position: relative;
}

.lyr-close{
     position: absolute;
     right: 10px;
     top: 10px;
}

.lyr-inquiry{
     width: 551px;
     height: 473px;
     position: absolute;
     left: 194px;
     top: 17px;
     z-index: 600;
     display: none;
}

#nutrition{
     background-color: #fff;
     border: 1px solid #686868;
}

#xfactor, #rescue{
     background-color: #000;
     border: 1px solid #294c58;
}

.overlay{
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
     z-index: 590;
}

.white{
     background-image: url('../images/contentWhite.png');
     display: none;
}


.black, .black2{
     background-image: url('../images/contentBlack.png');
     display: none;
}
