/* wacky.com.au -- Global Screen Styles */ @import "resets.css"; @import "utility.css"; @import "count.css"; /* typography ----------------------------------------------- */ p { padding:0 0 10px 0; margin:0;} h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; margin:0; font-weight:bold;} h1 {color:#CE000C; font-size:14px; line-height:16px; padding:0 0 10px 0;} h2 {color:#CE000C; font-size:13px; padding:15px 0;} /*#A31E3B*/ h3 {color:#F9F5BA; font-size:11px; padding:0; font:Verdana, Arial, Helvetica, sans-serif;} /* = font-colors ---------------------- */ .color_main {color:#A31E3B;} .color_pink {color:#EC008C;} .color_red {color:#C3041D;} .color_F {color:#FFFFFF;} .color_C {color:#CCCCCC;} .color_9 {color:#999999;} .color_6 {color:#666666;} .color_3 {color:#333333;} /* = font-sizes ---------------------- */ .size_9 {font-size:9px;} .size_10 {font-size:10px;} .size_11 {font-size:11px;} .size_12 {font-size:12px;} .size_13 {font-size:13px;} .size_14 {font-size:14px;} /* = hyperlinks ---------------------- */ a:link, a:visited {color:#FFF; text-decoration:underline;} a:hover {color:#FFF; text-decoration:underline;} /* = positions ---------------------- */ .f-right { float:right;} .f-left { float:left;} .clear { clear:both;} .margin10 { margin:10px;} .LMargin10 { margin-left:10px;} .RMargin10 { margin-right:10px;} .LRMargin10 { margin:0 10px;} /* master-layout ----------------------------------------------- */ html, body { height:100% } body { text-align:left; font:14px/1em Verdana, Arial, Helvetica, sans-serif; line-height:18px; font-weight:normal; background:url(../../images/css/ul/bg-main-layer2b.jpg) no-repeat top center #000; } /* layout ----------------------------------------------- */ #container { width:882px; margin:0 auto; text-align:left; height:auto !important; min-height:100%;} #header { width:882px; height:207px; float:left;} #logo-holder { float:left; padding:10px 0 0 319px;} #logo-holder img { border:0;} #wrap-nav-main { float:left; text-align:left; height:73px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 122px; background:url(../../images/css/nav/primary/nav-main-pulse.gif); } ul#nav-main li { display:inline; float:left; padding:0;} #nav-main li a img { color:#F9F5BA; font-weight:700; text-decoration:none; display:block; padding:0; width:160px; height:73px; text-align:center; font-size:18px; line-height:20px; } #nav-main li a img:hover {filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10;} #nav-main li a.active img:hover {filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;} #wrap-content { float:left; width:882px; height:394px;} #content-body { float:left; width:822px; height:394px;} #content-phone { float:left; width:60px; height:158px; padding-top:32px;} #content-phone a {border:none;} #content-board { float:left; width:60px; height:129px; padding-top:61px; } #content-board a {border:none;} #wrap-nav-sub { float:left; text-align:center; width:876px; height:29px; font-size:12px; line-height:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px 0 13px 0; margin:0;} #nav-sub ul { margin:0; padding:0; list-style-type:none; text-align:center;} #nav-sub ul li { display:inline;} #nav-sub ul li a { color:#F9F5BA; font-weight:bold; text-decoration:none; padding:0 10px; margin:0; font-size:11px; line-height:11px; } #nav-sub ul li a:hover, #nav-sub ul li.active a { color:#C3041D; text-decoration:none;} #wrap-footer { float:left; width:839px; height:44px; padding:130px 43px 16px 0; text-align:right; font-size:10px; } #wrap-footer p {margin:0; padding:0;} #wrap-footer a:link, #wrap-footer a:visited {color:#FFF; text-decoration:none; } #wrap-footer a:hover {color:#FFF; text-decoration:none; } #wrap-footer a.rpi:link, #wrap-footer a.rpi:visited {color:#FA6C15; text-decoration:none; font-weight:bold; } #wrap-footer a.rpi:hover {color:#FA6C15; text-decoration:underline; font-weight:bold; } /* content-body layers ----------------------------------------------- */ #body-container { float:left; width:788px; padding-left:34px; } #body-container-home { float:left; width:812px; padding-left:10px; } /* about wacky start ----------------------------------------------- */ #body-container-full { float:left; width:822px; height:380px; background:url(../../images/css/nav/aboutus/nav-board.png) no-repeat bottom left;} #nav-subinbody-wrap {float:left; width:148px; height:139px; padding-top:241px;} #nav-subinbody { float:left; padding:0; margin:0; width:100%;} #nav-subinbody .nav-board-wrap { position:relative; float:left; width:70px; height:139px;} #nav-subinbody ul { list-style-type:none;} #nav-subinbody .nav-board-wrap li { position:absolute; padding:0; margin:0;} #nav-subinbody ul li a { width:100%; height:100%; display:block; margin:0; padding:0; cursor:pointer; text-decoration:none;} #nav-subinbody ul li a i { visibility: hidden;} /* map co-ords and dimensions */ #nav-subinbody ul li.aboutwacky { top:0px; left:68px; width:50px; height:24px;} #nav-subinbody ul li.teamwacky { top:32px; left:68px; width:50px; height:21px;} #nav-subinbody ul li.wackyperformers { top:64px; left:68px; width:62px; height:25px;} /* map image hover */ #nav-subinbody ul li.aboutwacky a:hover, #nav-subinbody ul li.aboutwacky a.selected { background:url(../../images/css/nav/aboutus/aboutwacky-hover.png);} #nav-subinbody ul li.teamwacky a:hover, #nav-subinbody ul li.teamwacky a.selected { background:url(../../images/css/nav/aboutus/teamwacky-hover.png);} #nav-subinbody ul li.wackyperformers a:hover, #nav-subinbody ul li.wackyperformers a.selected { background:url(../../images/css/nav/aboutus/wackyperformers-hover.png);} #nav-subinbody ul li.aboutwacky a:hover, #nav-subinbody ul li.teamwacky a:hover, #nav-subinbody ul li.wackyperformers a:hover { border:none; background-repeat:no-repeat; text-decoration:none;} #body-aboutus-full {float:left; width:674px; height:380px;} #body-aboutus-full .f-left { float:left; width:266px; height:233px; padding:49px 30px 0 37px; background:url(../../images/css/ul/board-tc-main.png) top left no-repeat; font-size:11px; line-height:13px; color:#000;} #body-aboutus-full .f-right {float:left; width:341px; height:380px;} #team-wacky-wrap {float:left; width:447px; height:370px; padding:10px 0 0 82px;} #team-wacky-wrap .staff-board { float:left; width:139px; height:147px; padding:31px 0 0 10px; text-align:left; background:url(../../images/css/nav/aboutus/staff-board.png) no-repeat top left;} #team-wacky-wrap .staff-board a img { border:none;} #wacky-performers-wrap {float:left; width:544px; height:225px; padding:100px 0 0 40px;} #wacky-performers-wrap .performers-board .performers-wrap { float:left; width:115px; height:117px; padding:0 21px 0 0; } #wacky-performers-wrap .performers-board .performers-wrap img { float:left; margin:0; padding:0; border:1px solid #FFF;} #wacky-performers-wrap .performers-board .performers-wrap span { float:left; padding:2px 0 0 0; margin:0; border:none; color:#FFF; font-size:10px; line-height:10px; text-align:left;} #wacky-performers-wrap-count {float:left; width:544px; height:45px; padding:0 0 0 40px;} #wacky-performers-wrap-count .performers-count {float:right; padding:10px 24px 0 0; text-align:right; color:#FFF; font-size:10px;} /* about wacky end ----------------------------------------------- */ #body-full {float:left; width:788px; height:380px; text-align:left;} #body-full-text {float:left; width:728px; height:340px; padding:20px 30px; font-size:11px; line-height:14px; } #body-full a {text-decoration:none; color:#CCC;} #body-full a:hover {text-decoration:underline; color:#CCC;} #body-full .home-act-wrap { float:left; width:395px; height:291px; padding:38px 0 0 26px; background:url(../../images/css/ul/board-home-video.jpg) top left no-repeat; } #body-full #home-swf { float:left; width:367px; height:380px; padding:0; } #body-full #act-map { float:left; width:380px; height:214px; padding:0; } #body-full .contact-details { float:left; padding:64px 0 0 52px; font-size:11px; line-height:14px; color:#CCC; } #body-full .contact-details label {width:40px; padding:0 10px 0 0; color:#C3041D; font-weight:bold;} #body-full .contact-map-wrap { float:right; width:383px; padding:0 43px 0 0; background:url(../../images/css/ul/bg-map.gif) top left no-repeat; } #body-full #contact-map { float:left; width:353px; height:188px; padding:41px 0 20px 18px; } #body-full .contact-google { float:right; width:353px; height:188px; padding:0 12px 0 0; text-align:right; font-size:11px; } #body-full-scroll {float:left; width:680px; padding-right:20px; height:310px; overflow:auto;} #body-full-scroll table td {width:160px; text-align:left; padding-right:10px;} #body-full-scroll table td.half {width:290px; text-align:left; padding-right:10px;} #body-full-scroll table td.third {width:210px; text-align:left; padding-right:10px;} #body-full-scroll ul { padding:0 0 5px 0; margin:0;} #body-full-scroll ul li { list-style-type:circle; padding:0 0 3px 5px; margin-left:14px;} #body-full-scroll ul li ul { padding:2px 0 2px 0; margin:0;} #body-full-scroll ul li ul li { list-style-type:disc; padding:0 0 3px 5px; margin-left:8px;} #body-full-scroll a {text-decoration:none; color:#999;} #body-full-scroll a:hover {text-decoration:underline; color:#C3041D;} #body-tall-top {float:left; width:788px; height:85px; text-align:center;} #nav-main-sub ul { list-style-type:none; text-align:center; margin:0; padding:0;} #nav-main-sub ul li { display:inline; margin:0; padding:0 4px;} #nav-main-sub ul li a { color:#F9F5BA; font-weight:bold; text-decoration:none; font-size:11px; line-height:11px; display:inline-block; width:145px; height:85px; overflow:hidden; margin:0; padding:0; vertical-align:bottom;} #nav-main-sub ul li a.nav-rov1 { background:url(../../images/css/nav/secondary/musical.jpg) 0 0 no-repeat; } #nav-main-sub ul li a.nav-rov2 { background:url(../../images/css/nav/secondary/characters.jpg) 0 0 no-repeat; } #nav-main-sub ul li a.nav-rov3 { background:url(../../images/css/nav/secondary/stilts.jpg) 0 0 no-repeat; width:146px; } #nav-main-sub ul li a.nav-rov4 { background:url(../../images/css/nav/secondary/the-works.jpg) 0 0 no-repeat; width:146px; } #nav-main-sub ul li a.nav-tc1 { background:url(../../images/css/nav/secondary/featured-performances.jpg) 0 0 no-repeat; } #nav-main-sub ul li a.nav-tc2 { background:url(../../images/css/nav/secondary/entertainment-packages.jpg) 0 0 no-repeat; } #nav-main-sub ul li a.nav-tc3 { background:url(../../images/css/nav/secondary/opening-acts.jpg) 0 0 no-repeat; width:146px; } #nav-main-sub ul li a.nav-tc4 { background:url(../../images/css/nav/secondary/case-studies.jpg) 0 0 no-repeat; } #nav-main-sub ul li a.nav-tc5 { background:url(../../images/css/nav/secondary/creative-process.jpg) 0 0 no-repeat; } #nav-main-sub ul li a.nav-mc1 { background:url(../../images/css/nav/secondary/nic-yates.jpg) 0 0 no-repeat; } #nav-main-sub ul li a.nav-mc2 { background:url(../../images/css/nav/secondary/col-cameron.jpg) 0 0 no-repeat; width:156px; } #nav-main-sub ul li a:hover, #nav-main-sub ul li.active a { color:#C3041D; text-decoration:none; background-position:0 -85px;} #body-tall-btm {float:left; width:788px; height:295px; } #swf-layer {float:left; width:788px; height:295px; text-align:center;} #body-tall-btm .tc-home-lhs { float:left; width:200px; height:199px; padding:59px 49px 0 51px; background:url(../../images/css/ul/board-tc-home.gif) top left no-repeat; font-size:11px; line-height:13px; color:#000; } #body-tall-btm .tc-home-rhs { float:left; width:457px; height:295px; padding:0; } #body-tall-btm .tc-actlist-sml-lhs { float:left; width:226px; height:233px; padding:49px 70px 0 37px; background:url(../../images/css/ul/board-tc-case-studies.png) top left no-repeat; font-size:11px; line-height:13px; color:#FFF; } #body-tall-btm .tc-actlist-lrg-lhs { float:left; width:266px; height:233px; padding:49px 30px 0 37px; background:url(../../images/css/ul/board-tc-main.png) top left no-repeat; font-size:11px; line-height:13px; color:#000; } #scroll-actlist-lrg-lhs {overflow:auto; width:266px; height:170px; filter: chroma(color=#CC9966); scrollbar-face-color:#CC9966; scrollbar-arrow-color:#666; scrollbar-track-color:#CC9966; scrollbar-shadow-color:#666; scrollbar-highlight-color:#666; scrollbar-3dlight-color:#CC9966; scrollbar-darkshadow-color:#CC9966;} #scroll-actlist-lrg-lhs a { color:#000; text-decoration:underline;} #scroll-actlist-lrg-lhs a:hover { color:#333; text-decoration:underline;} #body-tall-btm .tc-actlist-sml-rhs, #body-tall-btm .tc-actlist-lrg-rhs { float:left; width:455px; height:295px; padding:0; } #body-tall-btm .tc-actlist-sml-rhs .f-top, #body-tall-btm .tc-actlist-lrg-rhs .f-top {float:right; padding:8px 56px 0 0; height:22px; text-align:right; color:#FFF; font-size:10px;} #body-tall-btm .tc-actlist-sml-rhs .f-btm, #body-tall-btm .tc-actlist-lrg-rhs .f-btm {float:right; width:444px; height:265px; padding:0 0 0 11px; text-align:right;} #body-tall-btm .tier-02-wrap { float:left; width:115px; height:117px; padding:0 21px 0 0; } #body-tall-btm .tier-02-wrap-break { float:left; width:714px; border:none; padding:0; margin:0; height:1px; overflow:hidden;} #body-tall-btm .tier-02-wrap a img { float:left; margin:0; padding:0; border:1px solid #FFF;} #body-tall-btm .tier-02-wrap a img:hover {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;} #body-tall-btm .tier-02-wrap span { float:left; padding:2px 0 0 0; margin:0; border:none; color:#FFF; font-size:10px; line-height:10px; text-align:left;} #body-tall-btm-text {float:left; width:728px; height:255px; padding:20px 30px; font-size:11px; line-height:14px; } #body-short-top {float:left; width:788px; height:54px; text-align:center;} #body-short-top a { text-decoration:none; color:#CCC; font-weight:bold; font-size:11px;} #body-short-top a img { border:none; padding:0 4px; text-decoration:none; color:#FFF; font-weight:bold;} #body-short-btm {float:left; width:788px; height:326px; text-align:left;} #body-short-btm .f-top { float:left; width:788px; height:254px; text-align:left; } #body-short-btm .f-btm { float:left; width:788px; height:72px; text-align:left; } #body-short-btm .f-btm .f-right {float:right; padding:10px 56px 0 0; text-align:right; color:#FFF; font-size:10px;} #list-tier-01 { float:left; width:788px; height:380px;} #list-tier-01 .f-btm { float:left; width:764px; height:16px; padding:0 24px 0 0; text-align:right; color:#FFF; font-size:10px; } #list-tier-01 .f-top { float:left; width:770px; height:327px; padding:23px 0 0 18px; } #list-tier-01 .tier-01-wrap { float:left; width:136px; height:101px; padding:0 18px 7px 0; background:url(../../images/css/nav/tier01/blank-board.gif) no-repeat top left;} #list-tier-01 .tier-01-wrap a img { float:left; padding:17px 0 0 5px; border:none;} #list-tier-01 .tier-01-wrap a img:hover {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;} #list-tier-02 { float:left; width:788px; height:254px;} #list-tier-02 .f-top { float:left; width:732px; height:20px; padding:0 56px 0 0; text-align:left; } #list-tier-02 .f-top .f-left {float:left; padding:0 0 0 74px;} #list-tier-02 .f-top .f-left a { text-decoration:none; font-size:11px; color:#F9F5BA; font-weight:bold;} #list-tier-02 .f-top .f-left a:hover { text-decoration:underline; font-size:11px; color:#F9F5BA; font-weight:bold;} #list-tier-02 .f-top .f-right {float:right; padding:0; text-align:right; color:#FFF; font-size:10px;} #list-tier-02 .f-btm { float:left; width:714px; height:234px; padding:0 0 0 74px; } #list-tier-02 .tier-02-wrap { float:left; width:115px; height:117px; padding:0 21px 0 0; } #list-tier-02 .tier-02-wrap-break { float:left; width:714px; border:none; padding:0; margin:0; height:1px; overflow:hidden;} #list-tier-02 .tier-02-wrap a img { float:left; margin:0; padding:0; border:1px solid #FFF;} #list-tier-02 .tier-02-wrap a img:hover {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;} #list-tier-02 .tier-02-wrap span { float:left; padding:2px 0 0 0; margin:0; border:none; color:#FFF; font-size:10px; line-height:10px; text-align:left;} #list-tier-03 { float:left; width:788px; height:326px;} #list-tier-03 .f-top { float:left; width:746px; height:29px; padding:0 42px 0 0; text-align:left; } #list-tier-03 .f-top .f-left {float:left; padding:0 0 0 46px;} #list-tier-03 .f-top .f-left a { text-decoration:none; font-size:11px; color:#F9F5BA; font-weight:bold;} #list-tier-03 .f-top .f-left a:hover { text-decoration:underline; font-size:11px; color:#F9F5BA; font-weight:bold;} #list-tier-03 .f-top .f-right {float:right; padding:0; text-align:right; color:#FFF; font-size:10px;} #list-tier-03 .f-btm { float:left; width:746px; height:297px; padding:0 0 0 42px; font-size:11px; /*column-count:4; column-width:160px; column-rule:1px dotted #BBB; column-gap:20px;*/} #list-tier-03 .f-btm .col-gen {float:left; width:155px; border-right:1px dotted #BBB; padding:5px 15px; margin:0; height:245px; } #list-tier-03 .f-btm .col-end {float:left; width:140px; border:none; padding:5px 0 5px 15px; margin:0; height:245px; } #list-tier-03 .f-btm .col-gen ul, #list-tier-03 .f-btm .col-end ul {margin:0; padding:0;} #list-tier-03 .f-btm .col-gen li, #list-tier-03 .f-btm .col-end li { list-style:none; margin:0; padding:0;} #list-tier-03 .f-btm .col-gen li a, #list-tier-03 .f-btm .col-end li a { color:#FFF; text-decoration:none; padding:0; font-size:11px;} #list-tier-03 .f-btm .col-gen li a:hover, #list-tier-03 .f-btm .col-end li a:hover { color:#C3041D; text-decoration:none; font-size:11px;} #list-tier-03 .f-btm .col-end li.title, #list-tier-03 .f-btm .col-end li.title { color:#F9F5BA; font-size:11px; padding:0; margin:0; font:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}