/* Virtual Tour CSS Document */
#menu {display: none;}
#main {background: none; background-color: #fff;}
#contentwrapper {width: 740px;}

img {padding: 0px; border: none; margin: 0px;}
#forcer {display: none;}

#tour                           {display: block; clear: both; background: url(../images/design/vtplan.png) top left no-repeat; width: 730px; height: 736px; position: relative;}
#tour ul                        {list-style-type: none; position: relative; z-index: 5; padding: 0; margin: 0;}

#tour li {padding: 0; margin: 0;}

#tour li#classrl     {position: absolute; margin: 150px 0 0 175px; width: 77px; height: 96px;}
#tour li#nursery     {position: absolute; margin: 66px 0 0 296px; width: 91px; height: 136px;}
#tour li#courtyard   {position: absolute; margin: 387px 0 0 252px; width: 270px; height: 115px;}

#tour li#classri     {position: absolute; margin: 246px 0 0 2px; width: 115px; height: 71px;}
#tour li#staffroom   {position: absolute; margin: 190px 0 0 640px; width: 90px; height: 96px;}
#tour li#jigsaw      {position: absolute; margin: 317px 0 0 72px; width: 116px; height: 58px;}

#tour li#class1      {position: absolute; margin: 310px 0 0 252px; width: 96px; height: 77px;}
#tour li#class1s     {position: absolute; margin: 310px 0 0 348px; width: 90px; height: 77px;}
#tour li#ict         {position: absolute; margin: 272px 0 0 438px; width: 83px; height: 115px;}

#tour li#art         {position: absolute; margin: 375px 0 0 72px; width: 154px; height: 70px;}
#tour li#rainbowroom {position: absolute; margin: 342px 0 0 624px; width: 77px; height: 46px;}


#tour li#music       {position: absolute; margin: 445px 0 0 72px; width: 116px; height: 58px;}
#tour li#class6b     {position: absolute; margin: 445px 0 0 623px; width: 78px; height: 71px;}
#tour li#class6g     {position: absolute; margin: 515px 0 0 598px; width: 103px; height: 52px;}

#tour li#class2t     {position: absolute; margin: 567px 0 0 72px; width: 109px; height: 58px;}
#tour li#class2s     {position: absolute; margin: 625px 0 0 72px; width: 77px; height: 77px;}
#tour li#class3s     {position: absolute; margin: 676px 0 0 149px; width: 103px; height: 58px;}

#tour li#class5to    {position: absolute; margin: 625px 0 0 252px; width: 96px; height: 70px;}
#tour li#class5th    {position: absolute; margin: 625px 0 0 348px; width: 96px; height: 70px;}
#tour li#class4b     {position: absolute; margin: 567px 0 0 598px; width: 103px; height: 52px;}

#tour li#class4w     {position: absolute; margin: 619px 0 0 630px; width: 77px; height: 75px;}
#tour li#class3sl    {position: absolute; margin: 681px 0 0 527px; width: 104px; height: 53px;}

a.tooltip                         {display: inline; float: left; position: relative; z-index: 10; width: 100%; height: 100%; color: #000; text-decoration: none;}
a.tooltip:hover                   {position: relative; z-index: 20; background: #F00; cursor: pointer;}
a.tooltip span                    {display: none}
a.tooltip:hover span              {display: block; width: 400px; padding: 5px; z-index: 20; position: absolute; top: -10em; left: 2em; border: 2px solid #ccc; background-color: #fff; color: #000; text-align: center}

#sculpture a.tooltip:hover span{left: -380px;}
#classroom a.tooltip:hover span{left: -380px;}
#flower a.tooltip:hover span{left: -380px; top: -300px;}

img.tourHideImg {
	display: none;
}