@charset "utf-8";
/* CSS Document */


  
/* set the size of the definition list <dl> and add the background image */  
#imap {  
display:block;   
width:654px;   
height:331px;
position:relative;  
}  
#imap2 {  
display:block;   
width:654px;   
height:331px;
position:relative;  
}  
  
/* place the <dd>s in the correct absolute position */  
#imap dd {position:absolute; padding:0; margin:0;}
#imap2 dd {position:absolute; padding:0; margin:0;}  
#imap #pica {left:372px; top:2px; z-index:20;}  
#imap #picb {left:238px; top:2px; z-index:20;}  
#imap #picc {left:149px; top:2px; z-index:20;}  
#imap #picd {left:202px; top:51px; z-index:20;}
#imap #pice {left:289px; top:56px; z-index:20;}  
#imap #picf {left:318px; top:59px; z-index:20;}
#imap #picg {left:20px; top:2px; z-index:20;}
#imap #pich {left:19px; top:148px; z-index:20;}
#imap #pici {left:127px; top:113px; z-index:20;}
#imap #picj {left:127px; top:192px; z-index:20;}
#imap #pick {left:183px; top:192px; z-index:20;}
#imap #picl {left:183px; top:218px; z-index:20;}
#imap #picm {left:280px; top:151px; z-index:20;}
#imap #picn {left:280px; top:190px; z-index:20;}
#imap #pico {left:442px; top:113px; z-index:20;}
#imap #picp {left:587px; top:169px; z-index:20;}
#imap #picq {left:587px; top:204px; z-index:20;}
#imap2 #picr {left:2px; top:148px; z-index:20;}
#imap2 #pics {left:111px; top:199px; z-index:20;}
#imap2 #pict {left:188px; top:199px; z-index:20;}
#imap2 #picu {left:247px; top:148px; z-index:20;}
#imap2 #picv {left:247px; top:200px; z-index:20;}
#imap2 #picw {left:411px; top:77px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */  
#imap a#floor{  
display:block;   
width:146px;   
height:85px;   
background:transparent url(../img/floormap/img_about05.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor1{  
display:block;   
width:89px;   
height:34px;   
background:transparent url(../img/floormap/img_about05_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor2{  
display:block;   
width:59px;   
height:28px;   
background:transparent url(../img/floormap/img_about04_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor3{  
display:block;   
width:86px;   
height:25px;   
background:transparent url(../img/floormap/img_about06_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor4{  
display:block;   
width:27px;   
height:20px;   
background:transparent url(../img/floormap/img_about07_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor5{  
display:block;   
width:28px;   
height:17px;   
background:transparent url(../img/floormap/img_about08_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor6{  
display:block;   
width:74px;   
height:29px;   
background:transparent url(../img/floormap/img_about02_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor7{  
display:block;   
width:60px;   
height:43px;   
background:transparent url(../img/floormap/img_about03_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor8{  
display:block;   
width:108px;   
height:37px;   
background:transparent url(../img/floormap/img_about09_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor9{  
display:block;   
width:54px;   
height:61px;   
background:transparent url(../img/floormap/img_about10_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor10{  
display:block;   
width:52px;   
height:24px;   
background:transparent url(../img/floormap/img_about11_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor11{  
display:block;   
width:52px;   
height:35px;   
background:transparent url(../img/floormap/img_about12_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor12{  
display:block;   
width:66px;   
height:25px;   
background:transparent url(../img/floormap/img_about13_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor13{  
display:block;   
width:66px;   
height:63px;   
background:transparent url(../img/floormap/img_about14_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor14{  
display:block;   
width:43px;   
height:94px;   
background:transparent url(../img/floormap/img_about15_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor15{  
display:block;   
width:45px;   
height:33px;   
background:transparent url(../img/floormap/img_about15_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap a#floor16{  
display:block;   
width:45px;   
height:20px;   
background:transparent url(../img/floormap/img_about16_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap2 a#floor17{  
display:block;   
width:109px;   
height:94px;   
background:transparent url(../img/floormap/img_about18_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap2 a#floor18{  
display:block;   
width:48px;   
height:42px;   
background:transparent url(../img/floormap/img_about19_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap2 a#floor19{  
display:block;   
width:34px;   
height:43px;   
background:transparent url(../img/floormap/img_about20_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap2 a#floor20{  
display:block;   
width:63px;   
height:52px;   
background:transparent url(../img/floormap/img_about21_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap2 a#floor21{  
display:block;   
width:63px;   
height:41px;   
background:transparent url(../img/floormap/img_about22_on.gif) -100px -100px no-repeat;   
text-decoration:none; z-index:20;  
}  
#imap2 a#floor22{  
display:block;   
width:192px;   
height:151px;   
background:transparent url(../img/floormap/img_about23_on.gif) -300px -300px 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;}
#imap2 a span, #imap a:visited span {display:none;}

  
/* move the link background image to position 0 0 when hovered */  
#imap a#floor:hover, #imap a#floor1:hover, #imap a#floor2:hover, #imap a#floor3:hover, #imap a#floor:hover, #imap a#floor5:hover, #imap a#floor6:hover, #imap a#floor7:hover, #imap a#floor8:hover, #imap a#floor9:hover, #imap a#floor10:hover, #imap a#floor11:hover, #imap a#floor12:hover, #imap a#floor13:hover, #imap a#floor14:hover, #imap a#floor15:hover, #imap a#floor16:hover, #imap2 a#floor17:hover, #imap2 a#floor18:hover, #imap2 a#floor19:hover, #imap2 a#floor20:hover, #imap2 a#floor21:hover, #imap2 a#floor22:hover {  
background-position:0 0;  
}  
  
/* define the common styling for the span text */  
#imap a:hover span {  
position:absolute;    
width:654px;   
display:block;   
font-family:arial;   
font-size:12px;   
background:#fff;   
color:#000;   
border:1px solid #000;   
padding:5px;  
}  
#imap2 a:hover span {  
position:absolute;    
width:654px;   
display:block;   
font-family:arial;   
font-size:12px;   
background:#fff;   
color:#000;   
border:1px solid #000;   
padding:5px;  
}  

/* the hack for IE pre IE6 */  
* html #imap a:hover span {width:654px; width:331px;}
* html #imap2 a:hover span {width:654px; width:331px;}
  
/* add the style for the link span text - first line */  
#imap a span:first-line {font-weight:bold; font-style:italic;}  
#imap2 a span:first-line {font-weight:bold; font-style:italic;}  
 
#ads {margin-top:150px;}  
</style>  
</head>  
  
<!--[if lte IE 6]>  
<style>  
</style>  
<![endif]-->