body{ background:#383636; } #wrap{ margin:0; } #content{ background: none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; padding:0; width:813px; } #logo{ float:left; } h1{ float:left; padding:53px 0 0 0; } #highlight{ left:336px; position:absolute; text-align:center; top:232px; width:127px; } #map{ background:url(../img/map.png) no-repeat 0 0; height:697px; /*margin:64px 0 0 50px;*/ position:relative; width:813px; } #map a{ position:absolute; } /* Tooltips Size */ #map a.medium{ height:15px; width:12px; } #map a.med-side{ height:12px; width:17px; } #map a.small{ height:12px; width:11px; } #map a.long{ height:7px; width:64px; } #map a.rest{ height:54px; width:38px; } #map a.stairs{ height:22px; width:22px; } #map a.exit{ height:49px; width:34px; } #map a.parking{ height:46px; width:46px; } #map a.sarah{ height:102px; width:156px; } /* Tooltips Layout */ #map a.tooltip-N, #map a.tooltip-S, #map a.tooltip-U{ /*position:relative;*/ text-decoration:none; z-index:24; } #map a.tooltip-small{ /*position:relative;*/ text-decoration:none; z-index:24; } #map a.tooltip-stairs{ /*position:relative;*/ text-decoration:none; z-index:24; } #map a.tooltip-N:hover, #map a.tooltip-S:hover, #map a.tooltip-U:hover{ z-index:25; background-color:#393834; } #map a.tooltip-small:hover{ z-index:25; background-color:none; } #map a.tooltip-stairs:hover{ z-index:25; background-color:none; } #map a.tooltip-N span, #map a.tooltip-S span, #map a.tooltip-U span, #map a.tooltip-small span, #map a.tooltip-stairs span{ display:none; } #map a.tooltip-N em, #map a.tooltip-S em, #map a.tooltip-U em, #map a.tooltip-small em, #map a.tooltip-stairs em{ position: absolute; top: 5px; right: 5px; } #map a.tooltip-N img, #map a.tooltip-S img, #map a.tooltip-U img, #map a.tooltip-small img, #map a.tooltip-stairs img{ position: absolute; bottom: 0; left: 0; } #map a.tooltip-N strong, #map a.tooltip-S strong, #map a.tooltip-U strong, #map a.tooltip-small strong, #map a.tooltip-stairs strong{ float: left; margin: 0 0 35px 0; width: 100%; text-align: center; } #map a.tooltip-N h2, #map a.tooltip-S h2, #map a.tooltip-U h2, #map a.tooltip-small h2, #map a.tooltip-stairs h2{ font-size: 1.1em; color: #32AA46; margin: 0; padding: 0; } #map a.tooltip-N h3, #map a.tooltip-S h3, #map a.tooltip-U h3, #map a.tooltip-small h3, #map a.tooltip-stairs h3{ font-size: 1.1em; color: #E60003; margin: 0; padding: 0; } #map a.tooltip-N:hover span{ filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; background:#000000 url(../img/logo-sm.png) no-repeat scroll 0 bottom; border:1px solid #CFCFCF; color:#FFFFFF; display:block; font-weight:bold; left:14px; padding:15px 15px 54px; position:absolute; text-align:center; top:14px; width:235px; } #map a.tooltip-S:hover span, #map a.tooltip-U:hover span{ filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; background:#000000 url(../img/logo-sm.png) no-repeat scroll 0 bottom; border:1px solid #CFCFCF; color:#FFFFFF; display:block; font-weight:bold; right:14px; padding:15px 15px 54px; position:absolute; text-align:center; top:14px; width:235px; } #map a.tooltip-small:hover span{ filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; background:#000000; border:1px solid #CFCFCF; color:#FFFFFF; display:block; font-weight:bold; left:-4px; padding:3px; position:absolute; text-align:center; top:50px; } #map a.tooltip-stairs:hover span{ filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; background:#000000; border:1px solid #CFCFCF; color:#FFFFFF; display:block; font-weight:bold; left:-88px; padding:3px; position:absolute; text-align:center; top:26px; width:130px; } /* Tooltip positioning for Icons */ #map #restroom{ left:38px; top:303px; } #map #restroom2{ left:319px; top:523px; } #map #restroom3{ left:736px; top:314px; } #map #restroom4{ left:652px; top:13px; } #map #stairs{ left:463px; top:365px; } #map #stairs2{ left:400px; top:544px; } #map #stairs3{ left:728px; top:228px; } #map #stairs4{ left:745px; top:55px; } #map #exit{ left:675px; top:205px; } #map #exit2{ left:701px; top:309px; } #map #exit3{ left:762px; top:406px; } #map #exit4{ left:435px; top:324px; } #map #exit5{ left:326px; top:325px; } #map #exit6{ left:169px; top:286px; } #map #exit7{ left:77px; top:297px; } #map #exit8{ left:11px; top:419px; } #map #parking{ left:108px; top:575px; } #map #parking2{ left:650px; top:575px; } #map #sarah{ left:322px; top:388px; } /* Tooltip positioning for Booths on 1st floor (booth numbers 1-308) */ #map #booth1{ left:486px; top:528px; } #map #booth2{ left:499px; top:528px; } #map #booth3{ left:513px; top:528px; } #map #booth4{ left:526px; top:528px; } #map #booth5{ left:540px; top:528px; } #map #booth6{ left:553px; top:528px; } #map #booth7{ left:566px; top:528px; } #map #booth8{ left:579px; top:528px; } #map #booth9{ left:592px; top:528px; } #map #booth10{ left:605px; top:528px; } #map #booth11{ left:619px; top:528px; } #map #booth12{ left:632px; top:528px; } #map #booth13{ left:645px; top:528px; } #map #booth14{ left:658px; top:528px; } #map #booth15{ left:672px; top:528px; } #map #booth16{ left:685px; top:528px; } #map #booth17{ left:699px; top:528px; } #map #booth18{ left:712px; top:528px; } #map #booth19{ left:726px; top:528px; } #map #booth20{ left:739px; top:528px; } #map #booth21{ left:752px; top:528px; } #map #booth22{ left:755px; top:497px; } #map #booth23{ left:743px; top:497px; } #map #booth24{ left:717px; top:497px; } #map #booth25{ left:704px; top:497px; } #map #booth26{ left:691px; top:497px; } #map #booth27{ left:679px; top:497px; } #map #booth28{ left:666px; top:497px; } #map #booth29{ left:653px; top:497px; } #map #booth30{ left:640px; top:497px; } #map #booth31{ left:628px; top:497px; } #map #booth32{ left:600px; top:497px; } #map #booth33{ left:588px; top:497px; } #map #booth34{ left:575px; top:497px; } #map #booth35{ left:562px; top:497px; } #map #booth36{ left:549px; top:497px; } #map #booth37{ left:536px; top:497px; } #map #booth38{ left:523px; top:497px; } #map #booth39{ left:511px; top:497px; } #map #booth40{ left:499px; top:497px; } #map #booth41{ left:499px; top:485px; } #map #booth42{ left:511px; top:485px; } #map #booth43{ left:523px; top:485px; } #map #booth44{ left:536px; top:485px; } #map #booth45{ left:549px; top:485px; } #map #booth46{ left:562px; top:485px; } #map #booth47{ left:575px; top:485px; } #map #booth48{ left:588px; top:485px; } #map #booth49{ left:600px; top:485px; } #map #booth50{ left:628px; top:485px; } #map #booth51{ left:640px; top:485px; } #map #booth52{ left:653px; top:485px; } #map #booth53{ left:666px; top:485px; } #map #booth54{ left:679px; top:485px; } #map #booth55{ left:691px; top:485px; } #map #booth56{ left:704px; top:485px; } #map #booth57{ left:717px; top:485px; } #map #booth58{ left:743px; top:485px; } #map #booth59{ left:755px; top:485px; } #map #booth60{ left:717px; top:457px; } #map #booth61{ left:704px; top:457px; } #map #booth62{ left:691px; top:457px; } #map #booth63{ left:679px; top:457px; } #map #booth64{ left:666px; top:457px; } #map #booth65{ left:653px; top:457px; } #map #booth66{ left:640px; top:457px; } #map #booth67{ left:628px; top:457px; } #map #booth68{ left:600px; top:457px; } #map #booth69{ left:588px; top:457px; } #map #booth70{ left:575px; top:457px; } #map #booth71{ left:562px; top:457px; } #map #booth72{ left:549px; top:457px; } #map #booth73{ left:536px; top:457px; } #map #booth74{ left:523px; top:457px; } #map #booth75{ left:511px; top:457px; } #map #booth76{ left:499px; top:457px; } #map #booth77{ left:499px; top:445px; } #map #booth78{ left:511px; top:445px; } #map #booth79{ left:523px; top:445px; } #map #booth80{ left:536px; top:445px; } #map #booth81{ left:549px; top:445px; } #map #booth82{ left:562px; top:445px; } #map #booth83{ left:575px; top:445px; } #map #booth84{ left:588px; top:445px; } #map #booth85{ left:600px; top:445px; } #map #booth86{ left:628px; top:445px; } #map #booth87{ left:640px; top:445px; } #map #booth88{ left:653px; top:445px; } #map #booth89{ left:666px; top:445px; } #map #booth90{ left:679px; top:445px; } #map #booth91{ left:691px; top:445px; } #map #booth92{ left:704px; top:445px; } #map #booth93{ left:717px; top:445px; } #map #booth94{ left:717px; top:415px; } #map #booth95{ left:704px; top:415px; } #map #booth96{ left:691px; top:415px; } #map #booth97{ left:679px; top:415px; } #map #booth98{ left:666px; top:415px; } #map #booth99{ left:653px; top:415px; } #map #booth100{ left:640px; top:415px; } #map #booth101{ left:628px; top:415px; } #map #booth102{ left:600px; top:415px; } #map #booth103{ left:588px; top:415px; } #map #booth104{ left:575px; top:415px; } #map #booth105{ left:562px; top:415px; } #map #booth106{ left:549px; top:415px; } #map #booth107{ left:536px; top:415px; } #map #booth108{ left:523px; top:415px; } #map #booth109{ left:511px; top:415px; } #map #booth110{ left:512px; top:402px; } #map #booth111{ left:523px; top:402px; } #map #booth112{ left:536px; top:402px; } #map #booth113{ left:549px; top:402px; } #map #booth114{ left:562px; top:402px; } #map #booth115{ left:575px; top:402px; } #map #booth116{ left:588px; top:402px; } #map #booth117{ left:600px; top:402px; } #map #booth118{ left:628px; top:402px; } #map #booth119{ left:640px; top:402px; } #map #booth120{ left:653px; top:402px; } #map #booth121{ left:666px; top:402px; } #map #booth122{ left:679px; top:402px; } #map #booth123{ left:691px; top:402px; } #map #booth124{ left:704px; top:402px; } #map #booth125{ left:717px; top:402px; } #map #booth126{ left:742px; top:405px; } #map #booth127{ left:742px; top:393px; } #map #booth128{ left:737px; top:371px; } #map #booth129{ left:725px; top:371px; } #map #booth130{ left:712px; top:371px; } #map #booth131{ left:700px; top:371px; } #map #booth132{ left:673px; top:371px; } #map #booth133{ left:660px; top:371px; } #map #booth134{ left:648px; top:371px; } #map #booth135{ left:636px; top:371px; } #map #booth136{ left:636px; top:359px; } #map #booth137{ left:648px; top:359px; } #map #booth138{ left:660px; top:359px; } #map #booth139{ left:673px; top:359px; } #map #booth140{ left:676px; top:333px; } #map #booth141{ left:664px; top:333px; } #map #booth142{ left:652px; top:333px; } #map #booth143{ left:640px; top:333px; } #map #booth144{ left:606px; top:331px; } #map #booth145{ left:606px; top:343px; } #map #booth146{ left:603px; top:369px; } #map #booth147{ left:591px; top:369px; } #map #booth148{ left:578px; top:369px; } #map #booth149{ left:566px; top:369px; } #map #booth150{ left:553px; top:369px; } #map #booth151{ left:540px; top:369px; } #map #booth152{ left:527px; top:369px; } #map #booth153{ left:514px; top:369px; } #map #booth154{ left:290px; top:370px; } #map #booth155{ left:278px; top:370px; } #map #booth156{ left:266px; top:370px; } #map #booth157{ left:253px; top:370px; } #map #booth158{ left:240px; top:370px; } #map #booth159{ left:227px; top:370px; } #map #booth160{ left:214px; top:370px; } #map #booth161{ left:202px; top:370px; } #map #booth162{ left:199px; top:348px; } #map #booth163{ left:199px; top:335px; } #map #booth164{ left:157px; top:336px; } #map #booth165{ left:145px; top:336px; } #map #booth166{ left:133px; top:336px; } #map #booth167{ left:121px; top:336px; } #map #booth168{ left:126px; top:358px; } #map #booth169{ left:138px; top:358px; } #map #booth170{ left:151px; top:358px; } #map #booth171{ left:164px; top:358px; } #map #booth172{ left:164px; top:371px; } #map #booth173{ left:151px; top:371px; } #map #booth174{ left:138px; top:371px; } #map #booth175{ left:126px; top:371px; } #map #booth176{ left:102px; top:371px; } #map #booth177{ left:90px; top:371px; } #map #booth178{ left:77px; top:371px; } #map #booth179{ left:65px; top:371px; } #map #booth180{ left:44px; top:391px; } #map #booth181{ left:44px; top:404px; } #map #booth182{ left:85px; top:403px; } #map #booth183{ left:97px; top:403px; } #map #booth184{ left:110px; top:403px; } #map #booth185{ left:123px; top:403px; } #map #booth186{ left:136px; top:403px; } #map #booth187{ left:149px; top:403px; } #map #booth188{ left:162px; top:403px; } #map #booth189{ left:174px; top:403px; } #map #booth190{ left:197px; top:403px; } #map #booth191{ left:210px; top:403px; } #map #booth192{ left:223px; top:403px; } #map #booth193{ left:235px; top:403px; } #map #booth194{ left:249px; top:403px; } #map #booth195{ left:262px; top:403px; } #map #booth196{ left:274px; top:403px; } #map #booth197{ left:286px; top:403px; } #map #booth198{ left:286px; top:416px; } #map #booth199{ left:274px; top:416px; } #map #booth200{ left:262px; top:416px; } #map #booth201{ left:249px; top:416px; } #map #booth202{ left:235px; top:416px; } #map #booth203{ left:223px; top:416px; } #map #booth204{ left:210px; top:416px; } #map #booth205{ left:197px; top:416px; } #map #booth206{ left:174px; top:416px; } #map #booth207{ left:162px; top:416px; } #map #booth208{ left:149px; top:416px; } #map #booth209{ left:136px; top:416px; } #map #booth210{ left:123px; top:416px; } #map #booth211{ left:110px; top:416px; } #map #booth212{ left:97px; top:416px; } #map #booth213{ left:85px; top:416px; } #map #booth214{ left:85px; top:445px; } #map #booth215{ left:97px; top:445px; } #map #booth216{ left:110px; top:445px; } #map #booth217{ left:123px; top:445px; } #map #booth218{ left:136px; top:445px; } #map #booth219{ left:149px; top:445px; } #map #booth220{ left:162px; top:445px; } #map #booth221{ left:174px; top:445px; } #map #booth222{ left:197px; top:445px; } #map #booth223{ left:210px; top:445px; } #map #booth224{ left:223px; top:445px; } #map #booth225{ left:235px; top:445px; } #map #booth226{ left:249px; top:445px; } #map #booth227{ left:262px; top:445px; } #map #booth228{ left:274px; top:445px; } #map #booth229{ left:286px; top:445px; } #map #booth230{ left:299px; top:445px; } #map #booth231{ left:299px; top:457px; } #map #booth232{ left:286px; top:457px; } #map #booth233{ left:274px; top:457px; } #map #booth234{ left:262px; top:457px; } #map #booth235{ left:249px; top:457px; } #map #booth236{ left:235px; top:457px; } #map #booth237{ left:223px; top:457px; } #map #booth238{ left:210px; top:457px; } #map #booth239{ left:197px; top:457px; } #map #booth240{ left:174px; top:457px; } #map #booth241{ left:162px; top:457px; } #map #booth242{ left:149px; top:457px; } #map #booth243{ left:136px; top:457px; } #map #booth244{ left:123px; top:457px; } #map #booth245{ left:110px; top:457px; } #map #booth246{ left:97px; top:457px; } #map #booth247{ left:85px; top:457px; } #map #booth248{ left:44px; top:486px; } #map #booth249{ left:55px; top:486px; } #map #booth250{ left:85px; top:486px; } #map #booth251{ left:97px; top:486px; } #map #booth252{ left:109px; top:486px; } #map #booth253{ left:121px; top:486px; } #map #booth254{ left:134px; top:486px; } #map #booth255{ left:147px; top:486px; } #map #booth256{ left:161px; top:486px; } #map #booth257{ left:173px; top:486px; } #map #booth258{ left:197px; top:486px; } #map #booth259{ left:210px; top:486px; } #map #booth260{ left:223px; top:486px; } #map #booth261{ left:235px; top:486px; } #map #booth262{ left:249px; top:486px; } #map #booth263{ left:262px; top:486px; } #map #booth264{ left:274px; top:486px; } #map #booth265{ left:287px; top:486px; } #map #booth266{ left:299px; top:486px; } #map #booth267{ left:299px; top:497px; } #map #booth268{ left:287px; top:497px; } #map #booth269{ left:274px; top:497px; } #map #booth270{ left:262px; top:497px; } #map #booth271{ left:249px; top:497px; } #map #booth272{ left:235px; top:497px; } #map #booth273{ left:223px; top:497px; } #map #booth274{ left:210px; top:497px; } #map #booth275{ left:197px; top:497px; } #map #booth276{ left:173px; top:497px; } #map #booth277{ left:161px; top:497px; } #map #booth278{ left:147px; top:497px; } #map #booth279{ left:134px; top:497px; } #map #booth280{ left:121px; top:497px; } #map #booth281{ left:109px; top:497px; } #map #booth282{ left:97px; top:497px; } #map #booth283{ left:85px; top:497px; } #map #booth284{ left:55px; top:499px; } #map #booth285{ left:44px; top:499px; } #map #booth286{ left:42px; top:528px; } #map #booth287{ left:55px; top:528px; } #map #booth288{ left:68px; top:528px; } #map #booth289{ left:82px; top:528px; } #map #booth290{ left:95px; top:528px; } #map #booth291{ left:108px; top:528px; } #map #booth292{ left:122px; top:528px; } #map #booth293{ left:135px; top:528px; } #map #booth294{ left:148px; top:528px; } #map #booth295{ left:162px; top:528px; } #map #booth296{ left:175px; top:528px; } #map #booth297{ left:188px; top:528px; } #map #booth298{ left:201px; top:528px; } #map #booth299{ left:214px; top:528px; } #map #booth300{ left:228px; top:528px; } #map #booth301{ left:241px; top:528px; } #map #booth302{ left:255px; top:528px; } #map #booth303{ left:268px; top:528px; } #map #booth304{ left:281px; top:528px; } #map #booth305{ left:294px; top:528px; } #map #booth306{ left:307px; top:528px; } #map #booth307{ left:55px; top:512px; } #map #booth308{ left:44px; top:512px; } /* Tooltip positioning for Booths on 2nd floor (booth numbers 500-569) */ #map #booth500{ left:714px; top:228px; } #map #booth501{ left:714px; top:241px; } #map #booth502{ left:753px; top:241px; } #map #booth503{ left:753px; top:228px; } #map #booth504{ left:753px; top:215px; } #map #booth505{ left:753px; top:201px; } #map #booth506{ left:753px; top:188px; } #map #booth507{ left:753px; top:175px; } #map #booth508{ left:753px; top:162px; } #map #booth509{ left:753px; top:149px; } #map #booth510{ left:753px; top:135px; } #map #booth511{ left:753px; top:122px; } #map #booth512{ left:753px; top:108px; } #map #booth513{ left:753px; top:95px; } #map #booth514{ left:753px; top:82px; } #map #booth515{ left:722px; top:53px; } #map #booth516{ left:710px; top:53px; } #map #booth517{ left:714px; top:87px; } #map #booth518{ left:714px; top:99px; } #map #booth519{ left:714px; top:111px; } #map #booth520{ left:714px; top:124px; } #map #booth521{ left:714px; top:137px; } #map #booth522{ left:702px; top:137px; } #map #booth523{ left:702px; top:124px; } #map #booth524{ left:702px; top:111px; } #map #booth525{ left:702px; top:99px; } #map #booth526{ left:702px; top:87px; } #map #booth527{ left:677px; top:87px; } #map #booth528{ left:677px; top:99px; } #map #booth529{ left:677px; top:111px; } #map #booth530{ left:677px; top:124px; } #map #booth531{ left:677px; top:137px; } #map #booth532{ left:665px; top:137px; } #map #booth533{ left:665px; top:124px; } #map #booth534{ left:665px; top:111px; } #map #booth535{ left:665px; top:99px; } #map #booth536{ left:665px; top:87px; } #map #booth537{ left:641px; top:87px; } #map #booth538{ left:641px; top:99px; } #map #booth539{ left:641px; top:111px; } #map #booth540{ left:641px; top:124px; } #map #booth541{ left:641px; top:137px; } #map #booth542{ left:629px; top:137px; } #map #booth543{ left:629px; top:124px; } #map #booth544{ left:629px; top:111px; } #map #booth545{ left:629px; top:99px; } #map #booth546{ left:629px; top:87px; } #map #booth547{ left:634px; top:53px; } #map #booth548{ left:583px; top:53px; } #map #booth549{ left:583px; top:66px; } #map #booth550{ left:583px; top:79px; } #map #booth551{ left:583px; top:92px; } #map #booth552{ left:583px; top:105px; } #map #booth553{ left:583px; top:119px; } #map #booth554{ left:583px; top:132px; } #map #booth555{ left:583px; top:145px; } #map #booth556{ left:583px; top:158px; } #map #booth557{ left:583px; top:172px; } #map #booth558{ left:583px; top:185px; } #map #booth559{ left:583px; top:199px; } #map #booth560{ left:583px; top:212px; } #map #booth561{ left:583px; top:225px; } #map #booth562{ left:583px; top:238px; } #map #booth563{ left:613px; top:228px; } #map #booth564{ left:613px; top:240px; } #map #booth565{ left:626px; top:240px; } #map #booth566{ left:638px; top:240px; } #map #booth567{ left:651px; top:240px; } #map #booth568{ left:663px; top:240px; } #map #booth569{ left:622px; top:53px; } #map #booth570{ left:645px; top:73px; }