body { font:11px Georgia, "Times New Roman", serif; } h1 { width:185px; height:58px; background:url(../images/logo-tis.png) top left no-repeat; } h1 a { display:block; width:185px; height:58px; text-indent:-5000px; } h2 { font:20px "Times New Roman"; font-style:italic; font-weight:normal; margin:0 0 0 8px; line-height:135%; } h2 em { background:url(../images/bg-h2.gif) top left repeat-x; } h2 a { color:#000; } h2 a:hover, h2 a:hover em { text-decoration:underline; } h3 { text-align:right; font:12px "Times New Roman"; font-style:italic; font-weight:normal; line-height:14px; background:url(../images/bg-h3.gif) top left repeat; } h4 { font:10px "Times New Roman", serif; font-weight:bold; text-transform:uppercase; border-bottom:1px dotted #000; margin-bottom:5px; font-weight:bold; } a {} #menu {} #menu .left { margin-left:172px; } #menu li { float:left; background:url(../images/bg-menu.gif) top left repeat-x; } /* #menu .menu_en a, #menu .right a { color:#fff; display:block; text-transform:uppercase; background:url(../images/menu.gif); height:24px; margin-right:2px; text-indent:-5000px; } #menu .menu_nl a { color:#fff; display:block; text-transform:uppercase; background:url(../images/menu_nl.gif); height:24px; margin-right:2px; text-indent:-5000px; } */ /* #menu .menu_en .portfolio a { width:98px; background-position:0px 0px; }*/ /* #menu .menu_en .about-us a { width:90px; background-position:-98px 0px; }*/ /* #menu .menu_en .self-initiated a { width:132px; background-position:-188px 0px; }*/ /* #menu .menu_en .news a { width:60px; background-position:-549px 0px; }*/ /* #menu .menu_en .shop a { width:60px; background-position:-320px 0px; }*/ /* #menu .menu_en .contact a { width:86px; background-position:-380px 0px; }*/ /* #menu .nederlands a { width:41px; background-position:-466px 0px; }*/ /* #menu .english a { width:42px; background-position:-507px 0px; }*/ /* #menu .menu_en .portfolio a:hover, #menu .menu_en .portfolio.current a { width:98px; background-position:0px -24px; }*/ /* #menu .menu_en .about-us a:hover, #menu .menu_en .about-us.current a { width:90px; background-position:-98px -24px; }*/ /* #menu .menu_en .self-initiated a:hover, #menu .menu_en .self-initiated.current a { width:132px; background-position:-188px -24px; }*/ /* #menu .menu_en .news a:hover, #menu .menu_en .news.current a { width:60px; background-position:-549px -24px; }*/ /* #menu .menu_en .shop a:hover, #menu .menu_en .shop.current a { width:60px; background-position:-320px -24px; }*/ /* #menu .menu_en .contact a:hover, #menu .menu_en .contact.current a { width:86px; background-position:-380px -24px; }*/ /* #menu .nederlands a:hover, #menu .nederlands.current a { width:41px; background-position:-466px -24px; }*/ /* #menu .english a:hover, #menu .english.current a { width:42px; background-position:-507px -24px; }*/ /* #menu .menu_nl .portfolio a { width:98px; background-position:0px 0px; }*/ /* #menu .menu_nl .about-us a { width:90px; background-position:-98px 0px; }*/ /* #menu .menu_nl .self-initiated a { width:98px; background-position:-188px 0px; }*/ /* #menu .menu_nl .news a { width:77px; background-position:-529px 0px; }*/ /* #menu .menu_nl .shop a { width:60px; background-position:-300px 0px; }*/ /* #menu .menu_nl .contact a { width:86px; background-position:-360px 0px; }*/ /* #menu .menu_nl .portfolio a:hover, #menu .menu_nl .portfolio.current a { width:98px; background-position:0px -24px; }*/ /* #menu .menu_nl .about-us a:hover, #menu .menu_nl .about-us.current a { width:90px; background-position:-98px -24px; }*/ /* #menu .menu_nl .self-initiated a:hover, #menu_nl .menu_en .self-initiated.current a { width:98px; background-position:-188px -24px; }*/ /* #menu .menu_nl .news a:hover, #menu .menu_nl .news.current a { width:77px; background-position:-529px -24px; }*/ /* #menu .menu_nl .shop a:hover, #menu .menu_nl .shop.current a { width:60px; background-position:-300px -24px; }*/ /* #menu .menu_nl .contact a:hover, #menu .menu_nl .contact.current a { width:86px; background-position:-360px -24px; }*/ /* v3 */ #menu .menu_en a, #menu .right a { color:#fff; display:block; text-transform:uppercase; background:url(../images/menu_en_v3.gif); height:24px; margin-right:2px; text-indent:-5000px; } #menu .menu_nl a { color:#fff; display:block; text-transform:uppercase; background:url(../images/menu_nl_v3.gif); height:24px; margin-right:2px; text-indent:-5000px; } #menu .portfolio a { width:98px; background-position:0px 0px; } #menu .about-us a { width:90px; background-position:-98px 0px; } #menu .menu_nl .about-us a { width:89px; } #menu .self-initiated a { width:132px; background-position:-188px 0px; } #menu .menu_nl .self-initiated a { width:97px; } #menu .shop a { width:60px; background-position:-320px 0; } #menu .contact a { width:86px; background-position:-380px 0; } #menu .nederlands a { width:41px; background-position:-466px 0px; } #menu .english a { width:42px; background-position:-507px 0px; } #menu .news a { width:60px; background-position:-549px 0px; } #menu .menu_nl .news a { width:77px; } #menu .workshops-lectures a { width:187px; background-position:-626px 0px; } #menu .portfolio a:hover, #menu .portfolio.current a { background-position:0px -24px; } #menu .about-us a:hover, #menu .about-us.current a { background-position:-98px -24px; } #menu .self-initiated a:hover, #menu .self-initiated.current a { background-position:-188px -24px; } #menu .shop a:hover, #menu .shop.current a { background-position:-320px -24px; } #menu .contact a:hover, #menu .contact.current a { background-position:-380px -24px; } #menu .nederlands a:hover, #menu .nederlands.current a { background-position:-466px -24px; } #menu .english a:hover, #menu .english.current a { background-position:-507px -24px; } #menu .news a:hover, #menu .news.current a { background-position:-549px -24px; } #menu .workshops-lectures a:hover, #menu .workshops-lectures.current a { background-position:-626px -24px; } #menu li.english a, #menu li.contact a { margin-right:0; } /* #menu .nederlands a { width:41px; background-position:-446px 0px; }*/ /* #menu .english a { width:42px; background-position:-487px 0px; }*/ /* #menu .nederlands a:hover, #menu .nederlands.current a { width:41px; background-position:-446px -24px; }*/ /* #menu .english a:hover, #menu .english.current a { width:42px; background-position:-487px -24px; }*/ /* #menu li.english a, #menu li.contact a { margin-right:0; }*/ /* #menu a:hover, #menu li.current a { background-position-y:-24px; } */ /* screw you IE */ #menu li.dbtt { background:none; margin-left:22px; } #menu li.dbtt a { width:164px; background:url(../images/dbtt.gif); } #submenu { width:100%; height:16px; overflow:hidden; } #submenu ul { margin-left:185px; height:16px; width:100%; } #submenu li { float:left; } #submenu .submenu_en a { color:#000; display:block; text-transform:uppercase; background:url(../images/submenu.gif); height:16px; margin-right:2px; text-indent:-5000px; /*margin-right:15px;*/ } #submenu .submenu_en .philosophy a { width:95px; background-position:0px 0px; margin-left:91px; } #submenu .submenu_en .the-team a { width:75px; background-position:-95px 0px; } #submenu .submenu_en .clients a { width:68px; background-position:-170px 0px; } #submenu .submenu_en .awards-and-press a { width:120px; background-position:-238px 0px; } #submenu .submenu_en .history a { width:72px; background-position:-358px 0px; } #submenu .submenu_en .jobs a { width:49px; background-position:-430px 0px; } #submenu .submenu_en .identity a { width:79px; background-position:-479px 0px; } #submenu .submenu_en .books a { width:59px; background-position:-558px 0px; } #submenu .submenu_en .publications a { width:108px; background-position:-617px 0px; } #submenu .submenu_en .print a { width:58px; background-position:-617px 0px; } #submenu .submenu_en .interactive a { width:98px; background-position:-725px 0px; } #submenu .submenu_en .campaigns a { width:92px; background-position:-823px 0px; } #submenu .submenu_en .exhibitions-and-interior a { width:173px; background-position:-915px 0px; } #submenu .submenu_en .characters-and-illustration a { width:197px; background-position:-1088px 0px; } #submenu .submenu_en .philosophy a:hover, #submenu .submenu_en .philosophy.current a { width:95px; background-position:0px -16px; margin-left:91px; } #submenu .submenu_en .the-team a:hover, #submenu .submenu_en .the-team.current a { width:75px; background-position:-95px -16px; } #submenu .submenu_en .clients a:hover, #submenu .submenu_en .clients.current a { width:68px; background-position:-170px -16px; } #submenu .submenu_en .awards-and-press a:hover, #submenu .submenu_en .awards-and-press.current a { width:120px; background-position:-238px -16px; } #submenu .submenu_en .history a:hover, #submenu .submenu_en .history.current a { width:72px; background-position:-358px -16px; } #submenu .submenu_en .jobs a:hover, #submenu .submenu_en .jobs.current a { width:49px; background-position:-430px -16px; } #submenu .submenu_en .identity a:hover, #submenu .submenu_en .identity.current a { width:79px; background-position:-479px -16px; } #submenu .submenu_en .books a:hover, #submenu .submenu_en .books.current a { width:59px; background-position:-558px -16px; } #submenu .submenu_en .publications a:hover, #submenu .submenu_en .publications.current a { width:108px; background-position:-617px -16px; } #submenu .submenu_en .print a:hover, #submenu .submenu_en .print.current a { width:58px; background-position:-617px -16px; } #submenu .submenu_en .interactive a:hover, #submenu .submenu_en .interactive.current a { width:98px; background-position:-725px -16px; } #submenu .submenu_en .campaigns a:hover, #submenu .submenu_en .campaigns.current a { width:92px; background-position:-823px -16px; } #submenu .submenu_en .exhibitions-and-interior a:hover, #submenu .submenu_en .exhibitions-and-interior.current a { width:173px; background-position:-915px -16px; } #submenu .submenu_en .characters-and-illustration a:hover, #submenu .submenu_en .characters-and-illustration.current a { width:197px; background-position:-1088px -16px; } #submenu .submenu_nl a { color:#000; display:block; text-transform:uppercase; background:url(../images/submenu_nl.gif); height:16px; margin-right:2px; text-indent:-5000px; /*margin-right:15px;*/ } #submenu .submenu_nl .philosophy a { width:79px; background-position:0px 0px; margin-left:91px; } #submenu .submenu_nl .the-team a { width:73px; background-position:-95px 0px; } #submenu .submenu_nl .clients a { width:122px; background-position:-170px 0px; } #submenu .submenu_nl .awards-and-press a { width:113px; background-position:-298px 0px; } #submenu .submenu_nl .history a { width:104px; background-position:-418px 0px; } #submenu .submenu_nl .jobs a { width:85px; background-position:-530px 0px; } #submenu .submenu_nl .identity a { width:88px; background-position:-619px 0px; } #submenu .submenu_nl .books a { width:63px; background-position:-708px 0px; } #submenu .submenu_nl .publications a { width:108px; background-position:-767px 0px; } #submenu .submenu_nl .print a { width:56px; background-position:-767px 0px; } #submenu .submenu_nl .interactive a { width:97px; background-position:-825px 0px; } #submenu .submenu_nl .campaigns a { width:89px; background-position:-923px 0px; } #submenu .submenu_nl .exhibitions-and-interior a { width:219px; background-position:-1015px 0px; } #submenu .submenu_nl .characters-and-illustration a { width:184px; background-position:-1248px 0px; } #submenu .submenu_nl .philosophy a:hover, #submenu .submenu_nl .philosophy.current a { width:79px; background-position:0px -16px; margin-left:91px; } #submenu .submenu_nl .the-team a:hover, #submenu .submenu_nl .the-team.current a { width:73px; background-position:-95px -16px; } #submenu .submenu_nl .clients a:hover, #submenu .submenu_nl .clients.current a { width:122px; background-position:-170px -16px; } #submenu .submenu_nl .awards-and-press a:hover, #submenu .submenu_nl .awards-and-press.current a { width:113px; background-position:-298px -16px; } #submenu .submenu_nl .history a:hover, #submenu .submenu_nl .history.current a { width:104px; background-position:-418px -16px; } #submenu .submenu_nl .jobs a:hover, #submenu .submenu_nl .jobs.current a { width:85px; background-position:-530px -16px; } #submenu .submenu_nl .identity a:hover, #submenu .submenu_nl .identity.current a { width:88px; background-position:-619px -16px; } #submenu .submenu_nl .books a:hover, #submenu .submenu_nl .books.current a { width:63px; background-position:-708px -16px; } #submenu .submenu_nl .publications a:hover, #submenu .submenu_nl .publications.current a { width:108px; background-position:-767px -16px; } #submenu .submenu_nl .print a:hover, #submenu .submenu_nl .print.current a { width:56px; background-position:-767px -16px; } #submenu .submenu_nl .interactive a:hover, #submenu .submenu_nl .interactive.current a { width:97px; background-position:-825px -16px; } #submenu .submenu_nl .campaigns a:hover, #submenu .submenu_nl .campaigns.current a { width:89px; background-position:-923px -16px; } #submenu .submenu_nl .exhibitions-and-interior a:hover, #submenu .submenu_nl .exhibitions-and-interior.current a { width:219px; background-position:-1015px -16px; } #submenu .submenu_nl .characters-and-illustration a:hover, #submenu .submenu_nl .characters-and-illustration.current a { width:184px; background-position:-1248px -16px; } /* #submenu .philosophy a { width:74px; background-position:-10px 0px; margin-left:101px; } #submenu .the-team a { width:55px; background-position:-105px 0px; } #submenu .clients a { width:48px; background-position:-180px 0px; } #submenu .awards-and-press a { width:100px; background-position:-248px 0px; } #submenu .history a { width:52px; background-position:-368px 0px; } #submenu .jobs a { width:29px; background-position:-440px 0px; } #submenu .identity a { width:57px; background-position:-489px 0px; } #submenu .books a { width:39px; background-position:-568px 0px; } #submenu .publications a { width:89px; background-position:-627px 0px; } #submenu .interactive a { width:78px; background-position:-735px 0px; } #submenu .campaigns a { width:71px; background-position:-833px 0px; } #submenu .exhibitions-and-interior a { width:153px; background-position:-925px 0px; } #submenu .characters-and-illustration a { width:176px; background-position:-1098px 0px; } #submenu .philosophy a:hover, #submenu .philosophy.current a { background-position:-10px -16px; margin-left:101px; } #submenu .the-team a:hover, #submenu .the-team.current a { background-position:-105px -16px; } #submenu .clients a:hover, #submenu .clients.current a { background-position:-180px -16px; } #submenu .awards-and-press a:hover, #submenu .awards-and-press.current a { background-position:-248px -16px; } #submenu .history a:hover, #submenu .history.current a { background-position:-368px -16px; } #submenu .jobs a:hover, #submenu .jobs.current a { background-position:-440px -16px; } #submenu .identity a:hover, #submenu .identity.current a { background-position:-489px -16px; } #submenu .books a:hover, #submenu .books.current a { background-position:-568px -16px; } #submenu .publications a:hover, #submenu .publications.current a { background-position:-627px -16px; } #submenu .interactive a:hover, #submenu .interactive.current a { background-position:-735px -16px; } #submenu .campaigns a:hover, #submenu .campaigns.current a { background-position:-833px -16px; } #submenu .exhibitions-and-interior a:hover, #submenu .exhibitions-and-interior.current a { background-position:-925px -16px; } #submenu .characters-and-illustration a:hover, #submenu .characters-and-illustration.current a { background-position:-1098px -16px; }*/ /* #submenu a:hover, #submenu li.current a { background-position-y:-16px; } */ /* screw you IE */ #about {} #ship-of-fools {} #ship-of-fools a { display:block; width:22px; height:119px; background:#ff0 url(../images/linkto-sof.gif) top left no-repeat; text-indent:1000px; } #newsletter {} #newsletter input { border:0; background:#fff; font:10px "Times New Roman", serif; padding:1px 3px; width:140px; } #menu {} #slideshow {} #slideshow-items { /*width:1080px;*/ width:100%; display:none; } #slideshow-items ul, #portfolio-items ul.container { position:relative; left:0px; top:0px; } #slideshow-items li { float:left; } #slideshow-items img { width:540px; height:360px; /*background:#e5e5e5;*/ } /* #slideshow-navigation {} #slideshow-navigation li { width:75px; z-index:175; } #slideshow-navigation li a { display:block; width:75px; height:500px; } #slideshow-navigation li.left { position:fixed; top:32px; left:0; text-indent:-5000px; } #slideshow-navigation li.left a { background:url(../images/button_left_normal.png) bottom left no-repeat; } #slideshow-navigation li.left a:hover { background-image:url(../images/button_left_over.png); } #slideshow-navigation li.left a:active { background-image:url(../images/button_left_click.png); } #slideshow-navigation li.right { position:fixed; top:32px; right:0; text-indent:5000px; } #slideshow-navigation li.right a { background:url(../images/button_right_normal.png) bottom right no-repeat; } #slideshow-navigation li.right a:hover { background-image:url(../images/button_right_over.png); } #slideshow-navigation li.right a:active { background-image:url(../images/button_right_click.png); } #portfolio-navigation {} #portfolio-navigation li { width:75px; z-index:175; } #portfolio-navigation li a { display:block; width:75px; height:22px; } #portfolio-navigation li.left { position:fixed; bottom:143px; left:0; text-indent:-5000px; } #portfolio-navigation li.left a { background:url(../images/button_left_normal.png) bottom left no-repeat; } #portfolio-navigation li.left a:hover { background-image:url(../images/button_left_over.png); } #portfolio-navigation li.left a:active { background-image:url(../images/button_left_click.png); } #portfolio-navigation li.right { position:fixed; bottom:143px; right:0; text-indent:5000px; } #portfolio-navigation li.right a { background:url(../images/button_right_normal.png) bottom right no-repeat; } #portfolio-navigation li.right a:hover { background-image:url(../images/button_right_over.png); } #portfolio-navigation li.right a:active { background-image:url(../images/button_right_click.png); }*/ #slideshow-navigation {} #slideshow-navigation li { width:75px; z-index:175; position:fixed; top:32px; } #slideshow-navigation li a { display:block; width:75px; height:500px; } #slideshow-navigation li a span { background-image:url(../images/button_more.png); background-repeat:no-repeat; width:75px; height:22px; display:block; position:absolute; bottom:0; } #slideshow-navigation li.left { left:0; } #slideshow-navigation li.left a span { background-position:0 0; text-indent:-5000px; } #slideshow-navigation li.left a:hover span { background-position:0 -22px; } #slideshow-navigation li.left a:active span { background-position:0 -44px; } #slideshow-navigation li.right { right:0; } #slideshow-navigation li.right a span { background-position:-75px 0; text-indent:5000px; } #slideshow-navigation li.right a:hover span { background-position:-75px -22px; } #slideshow-navigation li.right a:active span { background-position:-75px -44px; } #portfolio-navigation {} #portfolio-navigation li { width:75px; z-index:175; position:fixed; bottom:143px; } #portfolio-navigation li a { display:block; width:75px; height:22px; } #portfolio-navigation li a span { background-image:url(../images/button_more.png); background-repeat:no-repeat; width:75px; height:22px; display:block; } #portfolio-navigation li.left { left:0; } #portfolio-navigation li.left a span { background-position:0 0; text-indent:-5000px; } #portfolio-navigation li.left a:hover span { background-position:0 -22px; } #portfolio-navigation li.left a:active span { background-position:0 -44px; } #portfolio-navigation li.right { right:0; } #portfolio-navigation li.right a span { background-position:-75px 0; text-indent:5000px; } #portfolio-navigation li.right a:hover span { background-position:-75px -22px; } #portfolio-navigation li.right a:active span { background-position:-75px -44px; } #description {} #description h2 { display:inline; font-size:16px; margin:0; line-height:15px; background:url(../images/bg-h3.gif) 0px 2px repeat-x; } #description p { display:inline; line-height:15px; } p.subtitle { padding:2px 0 0 8px; } #text { padding-bottom:30px; overflow:auto; } #text h2, h3 { text-align:right; margin-bottom:15px; } #text p, #text h2, #text h3, #text li { width:309px; margin-left:62px; } #text h2 { padding-top:45px; padding-top:29px; } #text h3 { font-size:12px; font-style:normal; text-transform:uppercase; background:none; } #text p { line-height:15px; margin-bottom:15px; } #text li { line-height:15px; list-style-type:disc; margin-left:82px; } #text ul { padding-bottom:30px; } #text a, #description a, p.subtitle a { background:url(../images/bg-h3.gif) 0px -1px repeat-x; color:#000; } #text a:hover, #description a:hover, p.subtitle a:hover { border-bottom:1px dashed #000; } ul.team {} #text .team li { margin-left:0; margin-bottom:15px; } #text .team h2 { padding-top:0; text-align:left; margin-bottom:0; } #text .team p { margin-bottom:0; } #text-nav { } #text-nav .open, #text-nav .close { display:none; } #text-nav.open .open, #text-nav.close .close { display:block; } #text-nav .open a, #text-nav .close a { display:block; width:410px; height:14px; text-indent:-5000px; } #text-nav .open a { background:url(../images/text-open.png) top right no-repeat; } #text-nav .close a { background:url(../images/text-close.png) top right no-repeat; } #text-nav .open a:hover { background:url(../images/text-open-hover.png) top right no-repeat; } #text-nav .close a:hover { background:url(../images/text-close-hover.png) top right no-repeat; }