#slidemain {  width:580px; margin:0 0 15px 0; padding:0; }
#slide { width:580px; margin:0 0 15px 0; padding:0; }
#side {
	float: right;
	width:35%;
	overflow:hidden;
	margin: 0 44px 0 0;
	padding:0;
	color: #036;
	z-index: 40;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: right;
	font-weight: bold;
}

/* slide styles /*

/* set the size of the definition list <dl> and add the background image */
#imap {
  margin: 0 0 0 40px;
  display:block;
  width:578px;
  height:382px;
  background:url(http://www.debtshield.com/images/debtslide.gif) no-repeat 0 0;
  position:relative;
  z-index: 10;
  }
/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
  display:block;
  width:578px;
  height:0;
  padding-top:0px;
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  background:transparent url(http://www.debtshield.com/images/icon.gif) no-repeat 477px 477px;
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:383px;
  he\ight:0;
  }
/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute;
  padding:0;
  margin:0;
  }
#imap #picba {
  left:110px;
  top:70px;
  z-index:20;
  }
#imap #picm {
  left:162px;
  top:116px;
  z-index:20;
  }
#imap #picr {
  left:220px;
  top:154px;
  z-index:20;
  }
#imap #picc {
  left:286px;
  top:196px;
  z-index:20;
  }
#imap #picn {
  left:326px;
  top:240px;
  z-index:20;
  }
#imap #picb {
  left:378px;
  top:286px;
  z-index:20;
  }
#imap #pica {
  left:434px;
  top:308px;
  z-index:20;
  }
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#balance, #imap a#minimum, #imap a#refinance, #imap a#counseling, #imap a#negotiation, #imap a#bankruptcy, #imap a#avoidance {
  display:block;
  width:23px;
  height:24px;
  background:transparent url(http://www.debtshield.com/images/icon.gif) -100px -100px no-repeat;
  text-decoration:none;
  z-index:20;
  }
/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }
/* move the link background image to position 0 0 when hovered */
#imap a#balance:hover, #imap a#minimum:hover, #imap a#refinance:hover, #imap a#counseling:hover, #imap a#negotiation:hover, #imap a#bankruptcy:hover, #imap a#avoidance:hover {
  background-position:0 0;
  }
/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:188px; 
  display:block; 
  font-family:arial; 
  font-size:12px; 
  background:#feffaf; 
  color:#000; 
  border:1px solid #000; 
  padding:5px;
  }
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:200px; w\idth:188px;
  }
/* move the span text to a common position at the bottom of the image map */
#imap a#balance:hover span {
  left:-100px; 
  top:140px;
  }
#imap a#minimum:hover span {
  left:-152px;
  top:94px;
  }
#imap a#refinance:hover span {
  left:-214px; 
  top:56px;
  }
#imap a#counseling:hover span {
  left:-278px; 
  top:16px;
  }
#imap a#negotiation:hover span {
  left:-318px; 
  top:-28px;
  }
#imap a#bankruptcy:hover span {
  left:-368px; 
  top:-70px;
  }
#imap a#avoidance:hover span {
  left:-424px; 
  top:-96px;
  }