/* --------------------------- */
/* Z-INDEX OVERLAP
/* --------------------------- */

div.transbox-slice {
  margin: 0;
  width: 11px;
  height: 597px;
  position: absolute;
  top: 0;
  margin: 0 0 0 360px;
  _margin: 0 0 0 375px;
  z-index: -2;
  background: #434141;
  visibility: visible;
}

div#panel_1 div.inside { 
    margin: 0 0 0 -158px;
}

div#panel_2 div.inside { 
    margin: 0 0 0 -45px;
}

div#panel_3 div.inside {
    margin: 0 0 0 -25px;
}

div#panel_4 div.inside {
    margin: 0 0 0 -60px;
}

div#panel_5 div.inside {
    margin: 0 0 0 -50px;
}

div#panel_6 div.inside {
    margin: 0 0 0 100px;
}

div#panel_7 div.inside {
    margin: 0 0 0 -20px;
}



/* --------------------------- */
/* BIG GRAY BOX 
/* --------------------------- */

div.transbox {
  width: 610px;
  height: 600px;
  display: block;
  float: left;
  background:#434141;
  border:1px solid #434141;

  /* for IE */
  filter:alpha(opacity=99);

  /* CSS3 standard */
  opacity:0.99;

  font-family: 'MyriadProRegular', "Myriad Pro", Arial, sans-serif;
  overflow: hidden;
}

div.transbox p {
  margin:115px 40px;
  font-weight:bold;
  color:#fff;
  z-index:10;
  }



/* --------------------------- */
/* PAGE TITLES  
/* --------------------------- */

#rightcolumntitle {
  margin: -93px 100px 13px 17px;
  padding: 5px 5px 0 5px;
  width: 500px;
  color: #fff;
}

div#rightcolumntitle h2 img {
  margin: 0 0 5px -1px;
}



/* --------------------------- */
/* CONTENT  
/*---------------------------- */

#rightcolumn {
  margin: -20px 100px 0 10px;
  padding: 0 20px 0 11px;
  display: inline;
  float: left;
  width: 445px;
  color: #fff;
  height: 280px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 12px;
  line-height: 145%;
  position: relative;
  z-index: 9;
  border: 0px solid #fff;
}

div.fade-overlay {
  position: absolute;
  top: 232px;
  z-index: 10;
  width: 470px;
  height: 41px; 
  background: url(/beta/images/bgfade.png) no-repeat;
}




/* --------------------------- */
/* FOOTER  
/* --------------------------- */

#footer {
margin: 0;
position: relative;
top: -120px;
left: -10px;
width: 700px;
clear: both;
font-family: 'MyriadProRegular', sans-serif;
background: url(../images/motion-blur.jpg) no-repeat 0 50px;
}





/* ----------- END ----------- */