img, div, a, input { behavior: url(ie/iepngfix.htc) } * {margin:0px;padding:0px;} html {margin:0px;padding:0px;} div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; } /* BODY STYLES */ body {background:#585858; margin:0px auto;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 0.750em;line-height: 170%;color: #0e0e0e;} #home {background-image:url(../images/home.png); background-repeat:no-repeat;} #leisure {background-image:url(../images/leisure.png); background-repeat:no-repeat;} #education {background-image:url(../images/education.png); background-repeat:no-repeat;} #retail {background-image:url(../images/retail.png); background-repeat:no-repeat;} #public {background-image:url(../images/public.png); background-repeat:no-repeat;} #corporate {background-image:url(../images/corporate.png); background-repeat:no-repeat;} #digital {background-image:url(../images/digital.png); background-repeat:no-repeat;} #packages {background-image:url(../images/packages.png); background-repeat:no-repeat;} #products {background-image:url(../images/products.png); background-repeat:no-repeat;} #case {background-image:url(../images/case.png); background-repeat:no-repeat;} #hire {background-image:url(../images/hire.png); background-repeat:no-repeat;} #press {background-image:url(../images/press.png); background-repeat:no-repeat;} #social {background-image:url(../images/social.png); background-repeat:no-repeat;} #about {background-image:url(../images/about.png); background-repeat:no-repeat;} /* FONT STYLES */ h1{ color: #ffffff; text-decoration:none; letter-spacing:5px; line-height:20px; font-size:2.0em; font-family:Verdana, Arial, Helvetica, sans-serif; } h1 a{ color: #ffffff; text-decoration:underline; } h1 a:hover{ color: #00a8ff; text-decoration:underline;} h2{ color: #ffffff; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; } #h22{ color: #ffffff; font-size:1.105em; padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; } #hh1{ color: #ffffff; text-decoration:none; letter-spacing:2px; font-size:1.3em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; } #h1{ color:#ffffff; padding-top:5px; text-decoration:none; font-size:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; } #h1 a { color:#ffffff; text-decoration:none; } #h1 a:hover { color: #00a8ff; text-decoration:underline;} #h3 {background-color:#FFFFFF; float:left; margin-top:10px; width:560px; padding-top:5px; height:50px; text-align:center;} #network {float:left; margin-top:5px; width:560px; height:60px; padding-top:5px; text-align:center;} p {color: #ffffff; font-size:1.0em; line-height:23px; font-family:Verdana, Arial, Helvetica, sans-serif; } p a{color: #ffffff; text-decoration:underline; font-weight:bold; } p a:hover {color: #00a8ff; font-weight:bold; text-decoration:none; } p li a{color: #ffffff; text-decoration:underline; font-weight:bold; } p li a:hover {color: #00a8ff; font-weight:bold; text-decoration:none; } #leisureFont li {color: #7e7e7e; font-weight:bold; font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; } #leisureFontSmall {color: #00a8ff; letter-spacing:2px; text-align:left; font-weight:bold; font-size:1.2em; } #service{ color:#363636; text-align:center; text-decoration:none; font-size:1.5em; padding-top:50px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; } #service a { color:#363636; text-decoration:none; } #service a:hover { color: #00a8ff; text-decoration:underline;} #p1{color: #363636; font-size:1.0em; line-height:23px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;} #rr{color:#aeff00; text-decoration:none; padding-top:10px; font-size:1.105em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} #ct{color:#fff600; text-decoration:none; font-size:1.105em; padding-top:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} #pb{color:#ff0060; text-decoration:none; font-size:1.105em; padding-top:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} #pl{color:#00a8ff; text-decoration:none; font-size:1.105em; padding-top:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} #ed{color:#ff9600; text-decoration:none; font-size:1.0em; padding-top:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} #ma{color:#0cff00; text-decoration:none; font-size:1.0em; padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif;} #ma2{color:#ffffff; text-decoration:none; font-size:1.0em; padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif;} #ds{color:#ff1800; text-decoration:none; font-size:1.0em; padding-top:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} #on-white{font-weight:bold; text-decoration:none; color:#363636; font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif;} #on-white a{text-decoration:underline; color:#363636;} #on-white a:hover{ color:#00a8ff; text-decoration:none;} #study{color:#FFFFFF; line-height:30px; text-align:center; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; text-decoration:none;} #study a{color:#FFFFFF; text-align:center; text-decoration:none;} #study a:hover{color:#00a8ff; text-decoration:none;} /* TOP COLOUR BLOCK */ #info {color: #ffffff; text-align:right; width:572px; height:18px; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info1 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/leisure-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info2 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/education-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info3 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/retail-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info4 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/public-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info5 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/corporate-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info6 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/digital-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info7 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/packages-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info8 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/products-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info9 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/case-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info10 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/about-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info11 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/hire-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info12 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/press-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} #info13 {color: #ffffff; text-align:right; width:572px; height:18px; background:url(../images/social-but.png); background-repeat:repeat-x; padding: 8px 15px 9px 0px; letter-spacing:6px; font-size:1.8em; position:absolute; margin-top:12px; margin-left:188px;} /* POSITIONING DIVS */ #wrapper {background:none; height:auto; margin:0px auto; position:relative; padding:0px; text-align:left;} #content { float:left; height:450px; width:787px; position:absolute; margin-top:153px; margin-left:198px; background:url(../images/content.png); background-repeat:no-repeat; text-align:left; top: 2px;} #PopUpItem { background-color:#FFFFFF; color:#363636; width:579px; height:348px; overflow:auto; padding-left:10px; position:absolute; top:205px; left:385px; visibility:hidden; border:2px solid #000000; } #PopUpItem p {color:#363636; font-weight:600;} #PopUpClose {position:absolute; top:180px; left:980px; visibility:hidden;} #PopUpContainer { background-color:#000000; position:absolute; top:0px; left:0px; filter:alpha(opacity=60); opacity:0.6; visibility:hidden;} #flash {float:left; height:226px; width:546px; background:url(../images/endframe.jpg); background-repeat:no-repeat; position:absolute; margin-left:15px; margin-top:55px;} #topLinks {float:left; height:35px; width:546px; position:absolute; margin-left:15px; margin-top:20px;} #botLinks {float:left; height:35px; width:546px; position:absolute; margin-left:15px; margin-top:291px;} #des-text {float:left; height:35px; width:530px; position:absolute; margin-left:20px; margin-top:335px; color:#FFFFFF; font-size:0.9em; text-align:justify; } #image {float:left; height:226px; width:546px; background:url(../images/endframe.jpg); background-repeat:no-repeat; position:absolute; margin-left:20px; margin-top:45px;} #topLinks2 {float:left; height:35px; width:546px; position:absolute; margin-left:25px; margin-top:15px;} #botLinks2 {float:left; height:35px; width:546px; position:absolute; margin-left:20px; margin-top:281px;} #page {float:left; width:589px; height:445px; position:absolute; margin-top:50px; margin-left:188px;} #text { float:left; width:575px; height:380px; overflow:auto; position:absolute; margin-top:5px; margin-left:0px; left: 11px; top: 3px; } #text li {color:#FFFFFF; margin-left:20px;} #text li a{color:#FFFFFF;} #text li a:hover {color:#00a8ff;} #sitemap {float:left; width:559px; height:340px; position:absolute; margin-top:5px; margin-left:0px; overflow:auto; left: 5px; top: 3px;} #sitemap ul {color:#FFFFFF; list-style:none; margin-left:15px;} #sitemap li {color:#FFFFFF; list-style:none; margin-left:15px;} #sitemap li a{color:#FFFFFF; text-decoration:none;} #sitemap li a:hover {color:#00a8ff; text-decoration:underline;} #prod{float:left; width:555px; background-color:#FFFFFF; color:#363636;} #left{ float:left; width:205px; background:#FFFFFF;} #right{float:right; width:335px; padding:10px 0px 10px 0px; background:#FFFFFF; color:#363636;} #spacer{float:left; width:555px; height:20px;} #screen-text{float:right; width:430px; margin-top:3px; margin-left:10px; color:#363636;} #screen{float:left; background-color:#FFFFFF; width:555px; height:70px; color:#363636;} #white-bk{float:left; background-color:#FFFFFF; width:555px; color:#363636;} #fast{float:left; background-color:#FFFFFF; width:555px; height:60px; color:#363636;} #fast-text{float:right; width:430px; margin-top:10px; margin-left:10px; color:#363636;} #white-bk{float:left; background-color:#FFFFFF; width:555px; color:#363636;} #anchor {background-color:#FFFFFF; width:540px; height:50px; padding-top:5px; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.6em; font-weight:600;} /* PRODUCTS */ #productScroll{float:left; width:570px; height:240px; position:absolute; top:120px; left:0px; overflow:auto; } #productsList table{background-color:#FFFFFF; color:#363636; } #board td{ border-bottom:#1a1a1a solid 16px; } #des{font-weight:bold; padding-left:5px;} #des a{color:#363636; text-decoration:none;} #des a:hover{color:#9600ff; text-decoration:underline;} #purple{color:#9600ff; font-weight:bold;} #load{float:left; position:absolute; margin-top:100px; margin-left:230px; color:#FFFFFF; ; font-weight:bold;} #cat {float:left; width:560px; color:#FFFFFF; padding-bottom:5px;} #cat2 {float:left; width:560px; color:#FFFFFF; padding-bottom:5px;} .shop{float:left; display:inline; width:auto; padding-right:10px; color:#bb5cec; font-weight:bold;} .shop a{color:#FFFFFF; text-decoration:none; color:#bb5cec; font-weight:bold;} .shop a:hover{color:#bb5cec; text-decoration:underline;} /* PACKAGES */ #divide{color: #363636; font-size:1.1em; text-align:center; line-height:15px; font-weight:bolder; margin-top:160px; font-family:Verdana, Arial, Helvetica, sans-serif; } #divide a{color: #000000; font-size:1.2em; text-decoration:none; font-weight:bold; } #divide a:hover {color: #00a8ff; font-weight:bold; text-decoration:underline; } #one {float:left; background:url(../images/screens.png); position:absolute; top:90px; left:10px; background-repeat:no-repeat; height:240px; width:250px; } #two{float:left; background:url(../images/projector.png); position:absolute; top:90px; left:290px; background-repeat:no-repeat; height:240px; width:250px; } #edu-holder{float:left; width:490px; position:absolute; margin-top:15px; margin-left:78px;} #edu-btn {float:left; width:200px; height:60px; margin:10px 5px 10px 5px;} /* LINKS */ #Lleisure {float:left; color:#00a8ff; font-weight:bold; text-decoration:none; font-size:1.4em; text-align:center; width:182px;} #Lleisure a {color:#00a8ff; text-decoration:none;} #Lleisure a:hover {color:#00a8ff; text-decoration:underline;} #Leducation {float:left; color:#ff9600; font-weight:bold; text-decoration:none; font-size:1.4em; text-align:center; width:182px;} #Leducation a { color:#ff9600; text-decoration:none; } #Leducation a:hover { color:#ff9600; text-decoration:underline;} #Lretail {float:left; color:#aeff00; font-weight:bold; text-decoration:none; font-size:1.4em; text-align:center; width:182px;} #Lretail a {color:#aeff00; text-decoration:none; } #Lretail a:hover {color:#aeff00; text-decoration:underline;} #Lpublic {float:left; color:#ff0060; font-weight:bold; text-decoration:none; font-size:1.4em; text-align:center; width:182px;} #Lpublic a {color:#ff0060; text-decoration:none; } #Lpublic a:hover {color:#ff0060; text-decoration:underline;} #Lcorporate { float:left; color:#fff600; font-weight:bold; text-decoration:none; font-size:1.4em; text-align:center; width:182px;} #Lcorporate a {color:#fff600; text-decoration:none; } #Lcorporate a:hover {color:#fff600; text-decoration:underline;} #Ldigital {float:left; color:#ff1800; font-weight:bold; text-decoration:none; font-size:1.4em; text-align:center; width:182px;} #Ldigital a {color:#ff1800; text-decoration:none; } #Ldigital a:hover {color:#ff1800; text-decoration:underline;} /* LOGOS */ #logo {float:right; height:auto; width:auto; position:absolute; margin-top:69px; margin-left:835px;} #zing {float:left; height:490px; width:142px; background:url(../images/zing.png); background-repeat:no-repeat; position:absolute; margin-top:30px; margin-left:20px;} /* SIDE NAV */ #side-nav {float:left; height:433px; width:178px; background:url(../images/side-nav-bk.png); background-repeat:repeat-y; position:absolute; margin-top:7px; margin-left:10px;} #side-nav li {list-style-type:none; } #navleisure{float:left; width:173px; height:35px; margin: 5px 3px 1px 1px;} #navleisure li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/leisure-but.png); background-repeat:no-repeat;} #navleisure li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/leisure-but-over.png); background-repeat:no-repeat;} #navedu{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navedu li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/education-but.png); background-repeat:no-repeat;} #navedu li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/education-but-over.png); background-repeat:no-repeat;} #navretail{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navretail li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/retail-but.png); background-repeat:no-repeat;} #navretail li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/retail-but-over.png); background-repeat:no-repeat;} #navpublic{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navpublic li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/public-but.png); background-repeat:no-repeat;} #navpublic li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/public-but-over.png); background-repeat:no-repeat;} #navcorporate{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navcorporate li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/corporate-but.png); background-repeat:no-repeat;} #navcorporate li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/corporate-but-over.png); background-repeat:no-repeat;} #navdigital{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navdigital li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/digital-but.png); background-repeat:no-repeat;} #navdigital li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/digital-but-over.png); background-repeat:no-repeat;} #navpackages{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navpackages li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/packages-but.png); background-repeat:no-repeat;} #navpackages li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/packages-but-over.png); background-repeat:no-repeat;} #navproducts{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navproducts li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/products-but.png); background-repeat:no-repeat;} #navproducts li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/products-but-over.png); background-repeat:no-repeat;} #navcase{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navcase li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/case-but.png); background-repeat:no-repeat;} #navcase li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/case-but-over.png); background-repeat:no-repeat;} #navhire{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navhire li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/hire-but.png); background-repeat:no-repeat;} #navhire li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/hire-but-over.png); background-repeat:no-repeat;} #navpress{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navpress li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/press-but.png); background-repeat:no-repeat;} #navpress li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/press-but-over.png); background-repeat:no-repeat;} #navsocial{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navsocial li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/social-but.png); background-repeat:no-repeat;} #navsocial li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/social-but-over.png); background-repeat:no-repeat;} #navabout{float:left; width:173px; height:35px; margin: 3px 3px 1px 1px;} #navabout li a{float:left; width:173px; color:#FFFFFF; height:35px; text-decoration:none; font-weight:600; padding-top: 6px; text-align:center; background:url(../images/about-but.png); background-repeat:no-repeat;} #navabout li a:hover {float:left; width:173px; color:#000000; height:35px; text-decoration:none; background:url(../images/about-but-over.png); background-repeat:no-repeat;} /* COPY STYLING */ #copy { float:left; width:787px; text-align:right; position:absolute; margin-top:605px; margin-left:198px; height:42px; color:#000000; text-decoration:none; font-size:1.0em; font-weight:bold;} #copy a {text-align:right; color:#000000; padding: 6px 6px 0px 6px; text-decoration:none;} #copy a:hover {color:#FFFFFF; text-decoration:underline;} #log{ float:right; width:560px; height:55px; text-align:right; position:absolute; margin-top:635px; margin-left:420px; }