#background_moto{
	position:relative;
	top:0px;
	left:0px;
	height:157px;
	width:100%;
	z-index:101;
	background-image:url(../images/background_moto.gif);
	background-repeat:repeat-x;
	margin-bottom:140px;
}



/* set the size of the definition list <dl> and add the background image */
#imap {
  display:block;
  width:414px;
  height:332px;
  background:url(../images/map_moto.gif) no-repeat;
  position:absolute;
  left:350px;
  top:50px;
  z-index:102;
  }

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
  display:block;
  width:414px;
  height:0px;
  padding-top:332px;
  overflow:hidden;
  position:absolute;
  left:0px;
  top:0px;
  z-index:102;
  background:transparent url(../images/map_moto_on.gif) no-repeat 414px 414px;
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:332px;
  he\ight:0;
  }
/* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0;
  z-index:103;
  }

/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute;
  padding:0;
  margin:0;
  }
#imap #pic1 {
  left:329px;
  top:47px;
  z-index:104;
  }
#imap #pic2 {
  left:314px;
  top:145px;
  z-index:104;
  }
#imap #pic3 {
  left:298px;
  top:232px;
  z-index:104;
  }
#imap #pic4 {
  left:220px;
  top:167px;
  z-index:104;
  }
#imap #pic5 {
  left:72px;
  top:268px;
  z-index:104;
  }

       

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#one, #imap a#two, #imap a#three, #imap a#four, #imap a#five{
  display:block;
  width:22px;
  height:22px;
  background:transparent url(../images/hover_moto.gif) -100px -100px no-repeat;
  text-decoration:none;
  z-index:105;
  }

/* 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#one:hover, #imap a#two:hover, #imap a#three:hover, #imap a#four:hover, #imap a#five:hover{
  background-position:0 0;
  }

/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:171px; 
  display:block; 
  font-family:arial; 
  font-size:11px; 
  color:#fff; 
  padding:5px;
  }
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:400px; w\idth:388px;
  }

/* move the span text to a common position at the bottom of the image map */
#imap a#one:hover span {
  left:-332px; 
  top:15px;
  width:200px;
  }
#imap a#two:hover span {
  left:-316px; 
  top:-82px;
  width:200px;
  }
#imap a#three:hover span {
  left:-301px; 
  top:-170px;
  width:200px;
  }
#imap a#four:hover span {
  left:-223px; 
  top:-105px;
  width:200px;
  }
#imap a#five:hover span {
  left:-75px; 
  top:-206px;
  width:200px;
  }

      
/* add the style for the link span text - first line */
#imap a span:first-line {
  font-weight:bold; 
 
  }

.txtblock 
{
	position:relative;
	top:0px;
	left:325px;
	width:450px;	
	font-family:Futura Book,Verdana; 
	font-size:10px; 
	color:#000; 
	line-height:16px;
	z-index:101;
	margin-bottom:50px;	
}

.header
{
	font-family:Futura Book,Trebuchet; 
	font-size:16px;
	line-height:18px; 
	color:#5d5e10;
	font-weight:bold;
	margin-bottom:5px; 	
}