/* CSS Document */ /* -------Mon 13:08 -------- */ /* ---------Link Colors-------- */ /* grey */ A:link { color: #000000; text-decoration: none;font-weight: bold; } /* dark grey */A:visited { color: #000000; text-decoration: none;font-weight: bold; } /* pink */A:hover { color: #CC0099; text-decoration: none; font-weight: bold;} /* grey */A:active { color: #000000; text-decoration: none;font-weight: bold; } /* ---------Text Styles-------- */ .xsblack{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 11px; line-height :14px; } .sblack{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 13px; line-height :19px; } .sblackB{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 13px; line-height :19px; } .sblackBsL{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 13px; line-height :13px; } .sgreyBsL{color: #999999; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 13px; line-height :13px; } .sblackI{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: italic; font-size: 13px; line-height :19px; } .mblackB{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 15px; line-height :19px; } .mblack{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 15px; line-height :19px; } .bblack{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 20px; line-height :21px; } .bgrey{color: #999999; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 20px; line-height :21px; } div#container { top: 30px; position: relative; margin: auto; width: 800px; } /* top - Masthead */ div#RubbishLogo{position: absolute; top: 5px; left: 5px;} div#SDFLogo{position: absolute; top: 0px; left: 600px;} div#redMastLine{position: absolute; top: 86px; left: 0px;} div#blueMastLine{position: absolute; top: 109px; left: 0px;} /* navigation options about 5pixels for leading, -57.5px from the left */ div#nav{position: absolute; top: 92px;} div#navhome{position: absolute; top: 1px; left: 20px; } div#navabout{position: absolute; top: 1px; left: 100px;} div#navnews{position: absolute; top: 3px; left: 182px;} div#navconference{position: absolute; top: 0px; left: 259px;} div#navexhibition{position: absolute; top: 1px; left: 372px;} div#navshop{position: absolute; top: 1px; left: 476px;} div#navevents{position: absolute; top: 1px; left: 552px;} div#navpress{position: absolute; top: 3px; left: 638px;} div#navcontact{position: absolute; top: 1px; left: 716px;} /* -----------------HOME---------------- */ /* brand - cut and paste logo + useless */ div#logo2{position: absolute; top: 125px; left: 7px; } div#uselessGraphic{position: absolute; top: 132px; left: 600px; } /* section title */ div#redSectionLine{position: absolute; top:460px; left: 0px;} div#Title1{position: absolute; top: 467px; left: 12px;} div#Title2{position: absolute; top: 467px; left: 457px;} /*contents */ div#content1{position: absolute; top:502px; left: 5px;} div#content1a{position: absolute; top:675px; left: 5px;} div#content1b{position: absolute; top:675px; left: 133px;} div#content1c{position: absolute; top:675px; left: 261px;} div#content2{position: absolute; top:502px; left: 450px;} div#content2a{position: absolute; top:675px; left: 450px;} /* sponsors */ div#redSectionLine2{position: absolute; top:825px; left: 0px;} div#footnote1a{position: absolute; top:890px; left: 0px;} div#footnote1b{position: absolute; top:890px; left: 110px;} div#footnote1b2{position: absolute; top:915px; left: 200px;} div#footnote1b3{position: absolute; top:930px; left: 386px;} div#footnote1b4{position: absolute; top:919px; left: 511px;} div#footnote1c{position: absolute; top:890px; left: 678px;} div#footnote2{position: absolute; top:1030px; left: 0px;} div#footnote2a{position: absolute; top:1050px; left: 0px;} div#footnote2a2{position: absolute; top:1042px; left: 162px;} div#footnote2a3{position: absolute; top:1050px; left: 264px;} div#footnote2a4{position: absolute; top:1040px; left: 380px;} div#footnote2a5{position: absolute; top:1046px; left: 482px;} div#footnote2a6{position: absolute; top:1058px; left: 565px;} div#footnote2a7{position: absolute; top:1059px; left: 700px;} div#footnote2a8{position: absolute; top:1120px; left: 0px;} div#footnote2a9{position: absolute; top:1126px; left: 218px;} div#footnote3{position: absolute; top:1185px; left: 0px;} div#footnote3a{position: absolute; top:1210px; left: 0px;} div#footnote3b{position: absolute; top:1215px; left: 60px;} div#footnote4{ position: absolute; top:1305px; left: 0px; width: 800px;} /* -----------------ABOUT---------------- */ div#about{position: absolute; top: 125px; left: 7px; width: 375px; } div#about2{position: absolute; top: 125px; left: 470px; } div#concept{position: absolute; top:525px; left: 7px;width: 415px;} div#concept2{position: absolute; top: 525px; left: 470px; } div#organiser{position: absolute; top: 965px; left: 7px; width: 370px; } div#curator{position: absolute; top: 965px; left: 450px; width: 350px; } /* -----------------NEWS---------------- */ div#news1{position: absolute; top: 130px; left: 7px; width: 375px; } /* -----------------CONFERENCE---------------- */ div#conference{position: absolute; top: 170px; left: 7px; width: 350px; } div#conference2{position: absolute; top: 125px; left: 420px; } div#conference2a{position: absolute; top: 275px; left: 420px; } div#conference2b{position: absolute; top: 275px; left: 590px; } div#conference2c{position: absolute; top: 275px; left: 700px; width:110px } div#redConferenceLine{position: absolute; top: 455px; left: 0px; } div#panel{position: absolute; top: 470px; left: 7px;width: 400px; } div#panel2{position: absolute; top: 470px; left: 450px;width: 350px; } div#redPanelLine{position: absolute; top: 875px; left: 0px; } div#ticket{position: absolute; top: 895px; left: 7px;width: 375px; } div#register{position: absolute; top: 895px; left: 450px;width: 350px; } div#redTicketLine{position: absolute; top: 1320px; left: 0px; } div#ticket2{position: absolute; top: 1355px; left: 7px;width: 375px; } div#ticket3{position: absolute; top: 1465px; left: 7px;width: 240px; } div#ticket4{position: absolute; top: 1465px; left: 287px;width: 240px; } div#ticket5{position: absolute; top: 1465px; left: 547px;width: 240px; } div#redTicketLine2{position: absolute; top: 1895px; left: 0px; } /* -----------------SPEAKERS---------------- */ div#speakers{position: absolute; top: 1925px; left: 7px; } div#speakers1{position: absolute; top: 1970px; left: 7px; width:350px; } div#speakers1pic1{position: absolute; top: 1970px; left: 395px; } div#redSpeakers1Line{position: absolute; top: 2370px; left: 0px; } div#speakers1a{position: absolute; top: 2405px; left: 7px; width:335px; } div#speakers1apic1{position: absolute; top: 2405px; left: 395px; } div#redSpeakers1aLine{position: absolute; top: 2885px; left: 0px; } div#speakers2{position: absolute; top: 2920px; left: 7px; width:348px; } div#speakers2pic1{position: absolute; top: 2920px; left: 395px; } div#speakers2pic2{position: absolute; top: 2920px; left: 595px; } div#speakers2pic3{position: absolute; top: 3080px; left: 395px; } div#speakers2pic4{position: absolute; top: 2555px; left: 595px; } div#redSpeakers2Line{position: absolute; top: 3430px; left: 0px; } div#speakers3{position: absolute; top: 3465px; left: 7px; width:355px; } div#speakers3pic1{position: absolute; top: 3465px; left: 395px; } div#speakers3pic2{position: absolute; top: 3465px; left: 595px; } div#speakers3pic3{position: absolute; top: 3615px; left: 395px; } div#speakers3pic4{position: absolute; top: 3615px; left: 595px; } div#redSpeakers3Line{position: absolute; top: 3975px; left: 0px; } div#speakers4{position: absolute; top: 4010px; left: 7px; width:350px; } div#speakers4pic1{position: absolute; top: 4010px; left: 395px; } div#redSpeakers4Line{position: absolute; top: 4355px; left: 0px; } div#speakers5{position: absolute; top: 4380px; left: 7px; width:355px; } div#speakers5pic1{position: absolute; top: 4380px; left: 395px; } div#redSpeakers5Line{position: absolute; top: 4880px; left: 0px; } div#speakers6{position: absolute; top: 4910px; left: 7px; width:353px; } div#speakers6pic1{position: absolute; top: 4910px; left: 395px; } div#redSpeakers6Line{position: absolute; top: 5295px; left: 0px; } div#speakers8{position: absolute; top: 5325px; left: 7px; width:350px; } div#speakers8pic1{position: absolute; top: 5325px; left: 395px; } div#redSpeakers8Line{position: absolute; top: 5735px; left: 0px; } div#speakers9{position: absolute; top: 5770px; left: 7px; width:350px; } div#speakers9pic1{position: absolute; top: 5770px; left: 395px; } div#redSpeakers9Line{position: absolute; top: 6345px; left: 0px; } div#speakers9a{position: absolute; top: 6380px; left: 7px; width:550px; } div#speakers9apic1{position: absolute; top: 6380px; left: 395px; } div#redSpeakers9aLine{position: absolute; top: 6460px; left: 0px; } div#speakers10{position: absolute; top: 6495px; left: 7px; width:350px; } div#speakers10pic1{position: absolute; top: 6495px; left: 395px; } div#redSpeakers10Line{position: absolute; top: 6925px; left: 0px; } /* -----------------EXHIBITION---------------- */ div#exhibition{position: absolute; top: 170px; left: 7px; width: 355px; } div#exhibition2{position: absolute; top: 125px; left: 450px; } div#exhibition2a{position: absolute; top: 310px; left: 450px; } div#exhibition3{position: absolute; top: 445px; left: 450px; } div#redExhibitionLine2{position: absolute; top: 505px; left: 0px; } div#redExhibitionLine3{position: absolute; top: 955px; left: 0px; } div#international{position: absolute; top: 525px; left: 7px; width: 375px; } div#local{position: absolute; top: 525px; left: 450px; width: 375px; } div#designers{position: absolute; top:970px; left: 7px; width:355px; } /* -----------------INT DESIGNERS---------------- */ div#designers1{position: absolute; top:1020px; left: 7px; width:355px; } div#designers1pic1{position: absolute; top: 1020px; left: 395px; } div#redDesigners1Line{position: absolute; top: 1410px; left: 0px; } div#designers2{position: absolute; top:1455px; left: 7px; width:352px; } div#designers2pic1{position: absolute; top: 1455px; left: 395px; } div#redDesigners2Line{position: absolute; top: 2335px; left: 0px; } div#designers2a{position: absolute; top:2370px; left: 7px; width:335px; } div#designers2apic1{position: absolute; top: 2370px; left: 395px; } div#redDesigners2aLine{position: absolute; top: 2830px; left: 0px; } div#designers3{position: absolute; top:2865px; left: 7px; width:340px; } div#designers3pic1{position: absolute; top: 2865px; left: 395px; } div#redDesigners3Line{position: absolute; top: 3250px; left: 0px; } div#designers4{position: absolute; top:3285px; left: 7px; width:350px; } div#designers4pic1{position: absolute; top: 3285px; left: 395px; } div#redDesigners4Line{position: absolute; top: 3755px; left: 0px; } div#designers5{position: absolute; top:3790px; left: 7px; width:345px; } div#designers5pic1{position: absolute; top: 3790px; left: 395px; } div#redDesigners5Line{position: absolute; top: 4335px; left: 0px; } div#designers6{position: absolute; top:4370px; left: 7px; width:340px; } div#designers6pic1{position: absolute; top: 4370px; left: 395px; } div#redDesigners6Line{position: absolute; top: 5000px; left: 0px; } div#designers8{position: absolute; top:5035px; left: 7px; width:340px; } div#designers8pic1{position: absolute; top: 5035px; left: 395px; } div#redDesigners8Line{position: absolute; top: 5420px; left: 0px; } div#designers9{position: absolute; top:5455px; left: 7px; width:350px; } div#designers9pic1{position: absolute; top: 5455px; left: 395px; } div#redDesigners9Line{position: absolute; top: 6010px; left: 0px; } div#designers10{position: absolute; top:6045px; left: 7px; width:350px; } div#designers10pic1{position: absolute; top: 6045px; left: 395px; } div#redDesigners10Line{position: absolute; top: 6460px; left: 0px; } div#designers11{position: absolute; top:6495px; left: 7px; width:350px; } div#designers11pic1{position: absolute; top: 6495px; left: 395px; } div#redDesigners11Line{position: absolute; top: 6885px; left: 0px; } div#designers12{position: absolute; top:6920px; left: 7px; width:350px; } div#designers12pic1{position: absolute; top: 6920px; left: 395px; } div#redDesigners12Line{position: absolute; top: 7370px; left: 0px; } div#designers13{position: absolute; top:7405px; left: 7px; width:345px; } div#designers13pic1{position: absolute; top: 7405px; left: 395px; } div#redDesigners13Line{position: absolute; top: 8050px; left: 0px; } div#designers14{position: absolute; top:8085px; left: 7px; width:350px; } div#designers14pic1{position: absolute; top: 8085px; left: 395px; } div#redDesigners14Line{position: absolute; top: 8480px; left: 0px; } div#designers15{position: absolute; top:8515px; left: 7px; width:355px; } div#designers15pic1{position: absolute; top: 8515px; left: 395px; } div#redDesigners15Line{position: absolute; top: 8875px; left: 0px; } div#designers16{position: absolute; top:8910px; left: 7px; width:355px; } div#designers16pic1{position: absolute; top: 8910px; left: 395px; } div#redDesigners16Line{position: absolute; top: 9525px; left: 0px; } /* ----------------- LOCAL DESIGNERS ------------------ */ div#designers17{position: absolute; top:9560px; left: 7px; width:335px; } div#designers17pic1{position: absolute; top: 9560px; left: 395px; } div#redDesigners17Line{position: absolute; top: 10095px; left: 0px; } div#designers18{position: absolute; top:10135px; left: 7px; width:345px; } div#designers18pic1{position: absolute; top: 10135px; left: 395px; } div#redDesigners18Line{position: absolute; top: 10540px; left: 0px; } div#designers19{position: absolute; top:10575px; left: 7px; width:335px; } div#designers19pic1{position: absolute; top: 10575px; left: 395px; } div#redDesigners19Line{position: absolute; top: 11145px; left: 0px; } div#designers20{position: absolute; top:11180px; left: 7px; width:345px; } div#designers20pic1{position: absolute; top: 11180px; left: 395px; } div#redDesigners20Line{position: absolute; top: 11725px; left: 0px; } div#designers21{position: absolute; top:11760px; left: 7px; width:345px; } div#designers21pic1{position: absolute; top: 11760px; left: 395px; } div#redDesigners21Line{position: absolute; top: 12315px; left: 0px; } div#designers22{position: absolute; top:12350px; left: 7px; width:345px; } div#designers22pic1{position: absolute; top: 12350px; left: 395px; } div#redDesigners22Line{position: absolute; top: 12860px; left: 0px; } div#designers23{position: absolute; top:12895px; left: 7px; width:355px; } div#designers23pic1{position: absolute; top: 12895px; left: 395px; } div#redDesigners23Line{position: absolute; top: 13505px; left: 0px; } div#designers24{position: absolute; top:13540px; left: 7px; width:350px; } div#designers24pic1{position: absolute; top: 13540px; left: 395px; } div#redDesigners24Line{position: absolute; top: 13985px; left: 0px; } div#designers25{position: absolute; top:14020px; left: 7px; width:350px; } div#designers25pic1{position: absolute; top: 14020px; left: 395px; } div#redDesigners25Line{position: absolute; top: 14460px; left: 0px; } div#designers26{position: absolute; top:14495px; left: 7px; width:345px; } div#designers26pic1{position: absolute; top: 14495px; left: 395px; } div#redDesigners26Line{position: absolute; top: 15150px; left: 0px; } div#designers27{position: absolute; top:15175px; left: 7px; width:345px; } div#designers27pic1{position: absolute; top: 15175px; left: 395px; } div#redDesigners27Line{position: absolute; top: 15640px; left: 0px; } div#designers28{position: absolute; top:15675px; left: 7px; width:350px; } div#designers28pic1{position: absolute; top: 15675px; left: 395px; } div#redDesigners28Line{position: absolute; top: 16215px; left: 0px; } div#designers29{position: absolute; top:16250px; left: 7px; width:356px; } div#designers29pic1{position: absolute; top: 16250px; left: 395px; } div#redDesigners29Line{position: absolute; top: 17250px; left: 0px; } div#designers30{position: absolute; top:17285px; left: 7px; width:348px; } div#designers30pic1{position: absolute; top: 17285px; left: 395px; } div#redDesigners30Line{position: absolute; top: 18195px; left: 0px; } div#designers31{position: absolute; top:18230px; left: 7px; width:350px; } div#designers31pic1{position: absolute; top: 18230px; left: 395px; } div#redDesigners31Line{position: absolute; top: 18905px; left: 0px; } /* ----------------- SHOP ------------------ */ div#titleShop{position: absolute; top: 125px; left: 0px; width: 35px; } div#shop{position: absolute; top: 170px; left: 7px; width: 360px; } div#redShopLine1{position: absolute; top: 440px; left: 0px; } div#titleProducts{position: absolute; top: 455px; left: 0px; width:700px; } div#titleProducts2{position: absolute; top: 525px; left: 7px; width:780px; } div#titleProducts2pic{position: absolute; top: 1060px; left: 7px; } div#redShopLine2{position: absolute; top: 2310px; left: 0px; } div#titleProducts3{position: absolute; top: 2345px; left: 7px; width:780px; } div#titleProducts3pic{position: absolute; top: 2500px; left: 7px; } /* ----------------- EVENTS ------------------ */ div#events{position: absolute; top: 170px; left: 7px; width: 405px; } div#events1details{position: absolute; top: 170px; left: 457px; } div#redEventsLine1{position: absolute; top: 630px; left: 0px; } div#events2{position: absolute; top: 645px; left: 7px; width: 340px; } div#events3{position: absolute; top: 645px; left: 457px; width: 340px; } div#redEventsLine2{position: absolute; top: 677px; left: 0px; } div#events4{position: absolute; top: 690px; left: 7px; width: 340px; } div#events5{position: absolute; top: 690px; left: 457px; width: 340px; } div#redEventsLine3{position: absolute; top: 720px; left: 0px; } /* ----------------- PRESS ------------------ */ div#downloadPressR{position: absolute; top: 225px; left: 7px; } div#downloadPressI{ position: absolute; top: 225px; left: 165px; width: 245px; height: 174px; } div#downloadPressI2{ position: absolute; top: 225px; left: 510px; } div#pressDetails{position: absolute; top: 425px; left: 7px; width: 340px; } div#redPressLine1{position: absolute; top: 490px; left: 0px; } div#Press1{position: absolute; top: 510px; left: 7px; } div#Press1a{position: absolute; top: 535px; left: 150px; } div#Press2{position: absolute; top: 510px; left: 367px; } div#Press2a{position: absolute; top: 535px; left: 510px; } div#Press3{position: absolute; top: 680px; left: 7px; } div#Press3a{position: absolute; top: 705px; left: 150px; } div#Press4{position: absolute; top: 680px; left: 367px; } div#Press4a{position: absolute; top: 705px; left: 510px; } div#Press5{position: absolute; top: 850px; left: 7px; } div#Press5a{position: absolute; top: 875px; left: 150px; } div#Press6{position: absolute; top: 850px; left: 367px; } div#Press6a{position: absolute; top: 875px; left: 510px; } div#Press7{position: absolute; top: 1020px; left: 7px; } div#Press7a{position: absolute; top: 1045px; left: 150px; } div#Press8{position: absolute; top: 1020px; left: 367px; } div#Press8a{position: absolute; top: 1045px; left: 510px; } div#Press9{position: absolute; top: 1190px; left: 7px; } div#Press9a{position: absolute; top: 1215px; left: 150px; } div#Press10{position: absolute; top: 1190px; left: 367px; } div#Press10a{position: absolute; top: 1215px; left: 510px; } div#Press11{position: absolute; top: 1360px; left: 7px; } div#Press11a{position: absolute; top: 1385px; left: 150px; } div#Press12{position: absolute; top: 1360px; left: 367px; } div#Press12a{position: absolute; top: 1385px; left: 510px; } div#Press13{position: absolute; top: 1530px; left: 7px; } div#Press13a{position: absolute; top: 1555px; left: 150px; } div#Press14{position: absolute; top: 1530px; left: 367px; } div#Press14a{position: absolute; top: 1555px; left: 510px; } div#Press15{position: absolute; top: 1700px; left: 7px; } div#Press15a{position: absolute; top: 1725px; left: 150px; } div#Press16{position: absolute; top: 1700px; left: 367px; } div#Press16a{position: absolute; top: 1725px; left: 510px; } div#Press17{position: absolute; top: 1870px; left: 7px; } div#Press17a{position: absolute; top: 1895px; left: 150px; } div#Press18{position: absolute; top: 1870px; left: 367px; } div#Press18a{position: absolute; top: 1895px; left: 510px; } div#Press19{position: absolute; top: 2040px; left: 7px; } div#Press19a{position: absolute; top: 2065px; left: 150px; } div#Press20{position: absolute; top: 2040px; left: 367px; } div#Press20a{position: absolute; top: 2065px; left: 510px; } div#Press21{position: absolute; top: 2210px; left: 7px; } div#Press21a{position: absolute; top: 2235px; left: 150px; } div#Press22{position: absolute; top: 2210px; left: 367px; } div#Press22a{position: absolute; top: 2235px; left: 510px; } div#Press23{position: absolute; top: 2380px; left: 7px; } div#Press23a{position: absolute; top: 2405px; left: 150px; } div#Press24{position: absolute; top: 2380px; left: 367px; } div#Press24a{position: absolute; top: 2405px; left: 510px; } div#Press25{position: absolute; top: 2550px; left: 7px; } div#Press25a{position: absolute; top: 2575px; left: 150px; } div#Press26{position: absolute; top: 2550px; left: 367px; } div#Press26a{position: absolute; top: 2575px; left: 510px; } div#Press27{position: absolute; top: 2720px; left: 7px; } div#Press27a{position: absolute; top: 2745px; left: 150px; } div#Press28{position: absolute; top: 2720px; left: 367px; } div#Press28a{position: absolute; top: 2745px; left: 510px; } div#redPressLine2{position: absolute; top: 2890px; left: 0px; } /* ----------------- CONTACT ------------------ */ div#redContactLine{position: absolute; top: 400px; left: 0px; }