/* This ID is for the image of the cutting of the ribbon on the launch registration and thankyou page */
#launch {
  display:block;
  width:213px;
  height:318px;
  background:url(http://www.market-analyst.com/ma5/images/launch.png) no-repeat;
  position:relative;
  float:right;
  }

/* SIDE INFO PANEL */
#imap {
  display:block;
  width:240px;
  height:380px;
  background:url(http://www.market-analyst.com/ma5/images/sideinfo2.png) no-repeat;
  position:relative;
  float:right;
  }
  
/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute;
  padding:0;
  margin:0;
  }
#imap #opt1 {
  left:8px;
  top:77px;
  z-index:20;
  }
#imap #opt2 {
  left:8px;
  top:148px;
  z-index:20;
  }
#imap #opt3 {
  left:8px;
  top:204px;
  z-index:20;
  }
#imap #opt4 {
  left:8px;
  top:284px;
  z-index:20;
  }
  
/* style for the headings */
h1.heading {
  display:block;
  position:absolute;
  width:180px;
  font-family:verdana;
  font-size:12px;
  font-weight:bolder;
  color:#FFFFFF;
  padding-left:31px;
  padding-top:7px;
  margin-top:auto;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#matrain {
  display:block;
  width:214px;
  height:75px;
  background:transparent url(http://www.market-analyst.com/ma5/images/opt1hover.png) -100px -100px no-repeat;
  text-decoration:none;
  cursor:hand;
  z-index:20;
  }
 
 #imap a#ma5bro {
  display:block;
  width:214px;
  height:65px;
  background:transparent url(http://www.market-analyst.com/ma5/images/opt2hover.png) -100px -100px no-repeat;
  text-decoration:none;
  cursor:hand;
  z-index:20;
  }

#imap a#ntmd {
  display:block;
  width:214px;
  height:82px;
  background:transparent url(http://www.market-analyst.com/ma5/images/opt3hover.png) -100px -100px no-repeat;
  text-decoration:none;
  cursor:hand;
  z-index:20;
  }

#imap a#v5fl {
  display:block;
  width:214px;
  height:70px;
  background:transparent url(http://www.market-analyst.com/ma5/images/opt4hover.png) -100px -100px no-repeat;
  text-decoration:none;
  cursor:hand;
  z-index:20;
  }
  
/* style the span text for ID opt3 needs extra padding at the top */
#imap a span.space, #imap a:visited span.space {
  display:block;
  position:absolute;  
  width:180px;  
  font-family:verdana; 
  font-size:10px;
  line-height:11px;
  color:#000000;
  padding-left:31px;
  padding-top:25px;
  }
 
 /* style the span text for ID opt3 needs extra padding at the top */
#imap a span.normal, #imap span.normal, #imap a:visited span.normal {
  display:block;
  position:absolute;  
  width:180px;  
  font-family:verdana; 
  font-size:10px;
  line-height:11px;
  color:#000000;
  padding-left:31px;
  padding-top:12px;
  }
  
/* style for the headings */
h1.heading {
  display:block;
  position:absolute;  
  width:180px; 
  font-family:verdana; 
  font-size:12px;
  font-weight:bolder;
  color:#FFFFFF;
  padding-left:31px;
  padding-top:7px;
  margin-top:auto;
  }    
  

/* move the link background image to position 0 0 when hovered */
#imap a#matrain:hover, #imap a#ma5bro:hover, #imap a#ntmd:hover, #imap a#v5fl:hover {
  background-position:0 0;
  }
  
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:400px; w\idth:388px;
  }