/* CSS Document */ /* Neutralize styling: Elements we want to clean out entirely: */ html, body, form, fieldset { margin: 0; padding: 0; font: 100%/120% Verdana, Arial, Helvetica, sans-serif; } /* Neutralize styling: Elements with a vertical margin: */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; } /* Apply left margin: Only to the few elements that need it: */ li, dd, blockquote { margin-left: 1em; } /* Miscellaneous conveniences: */ form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; font-family: inherit; } img {border: 0;} body { margin: 20px 0 0 0; background-color: #c6db24; color: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; min-width: 920px; text-align: center; } a:link {text-decoration: none; color: #669900; background-color: transparent;} a:visited {text-decoration: none; color: #669900; background-color: transparent;} a:hover {text-decoration: none; color: #996633; background-color: transparent;} /*-- GENERAL BITS --*/ .container {margin: 0 auto; width: 920px; padding: 0; border: 0; position: relative; text-align: left;} .mainAreaContainer {float: left; display: inline; margin: 0; width: 920px; padding: 0; border: 0; position: relative; text-align: left; background: url(images/main_area_bg.gif) top left repeat-y;} /*-- HEADER AREA --*/ .headerTop {float: left; display: inline; width: 920px; height: 20px; background: url(images/header_top.gif) top left no-repeat;} .headerTop img {border: 0;} .headerArea {float: left; display: inline; width: 900px; margin: 0 0 0 10px; height: 120px; border-bottom: 1px solid #ede7e1; backgound-color: #FFFFFF;} .headerLogo {float: left; display: inline; width: 142px; height: 75px; margin: 19px 0 0 30px;} .headerLogo img {border: 0;} .headerPhoneNumber {float: right; display: inline; width: 216px; height: 19px; margin: 30px 30px 0 0;} .headerPhoneNumber img {border: 0;} /*-- NAVBAR --*/ .navbar {float: right; display: inline; width: 670px; height: 16px; margin: 0;} .navbar ul {display: inline; float: right; list-style: none; margin: 29px 30px 0 0; padding: 0;} .navbar li {display: inline; float: left; margin: 0 0 0 25px;} .navbar li a {display: inline; float: left; height: 16px;} .navbar li span {display: none;} #nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 39px; height: 16px;} #nav01 a:hover {background: url(images/nav_home_on.gif) top left no-repeat;} #nav01on a {background: url(images/nav_home_on.gif) top left no-repeat; width: 39px; height: 16px;} #nav02 a {background: url(images/nav_about_us_off.gif) top left no-repeat; width: 61px; height: 16px;} #nav02 a:hover {background: url(images/nav_about_us_on.gif) top left no-repeat;} #nav02on a {background: url(images/nav_about_us_on.gif) top left no-repeat; width: 61px; height: 16px;} #nav03 a {background: url(images/nav_signage_and_graphics_off.gif) top left no-repeat; width: 127px; height: 16px;} #nav03 a:hover {background: url(images/nav_signage_and_graphics_on.gif) top left no-repeat;} #nav03on a {background: url(images/nav_signage_and_graphics_on.gif) top left no-repeat; width: 127px; height: 16px;} #nav04 a {background: url(images/nav_exhibition_displays_off.gif) top left no-repeat; width: 120px; height: 16px;} #nav04 a:hover {background: url(images/nav_exhibition_displays_on.gif) top left no-repeat;} #nav04on a {background: url(images/nav_exhibition_displays_on.gif) top left no-repeat; width: 120px; height: 16px;} #nav05 a {background: url(images/nav_services_off.gif) top left no-repeat; width: 53px; height: 16px;} #nav05 a:hover {background: url(images/nav_services_on.gif) top left no-repeat;} #nav05on a {background: url(images/nav_services_on.gif) top left no-repeat; width: 53px; height: 16px;} #nav06 a {background: url(images/nav_contact_us_off.gif) top left no-repeat; width: 72px; height: 16px;} #nav06 a:hover {background: url(images/nav_contact_us_on.gif) top left no-repeat;} #nav06on a {background: url(images/nav_contact_us_on.gif) top left no-repeat; width: 72px; height: 16px;} /*-- MAIN AREA --*/ .mainArea {float: left; display: inline; width: 900px; margin: 0 0 0 10px; background-color: #FFFFFF;} /*-- HOME PAGE --*/ .homeIntroArea {float: left; display: inline; width: 900px; height: 235px; margin: 0; background: url(images/home_intro_area_bg.jpg) top left no-repeat;} .homeIntroArea h1 {margin: 30px 0 0 320px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em; width: 472px; height: 30px; background: url(images/home_strapline.gif) top left no-repeat;} .homeIntroArea h4 {font-size: 13px; font-weight: normal; line-height: 1.5em; margin: 10px 30px 0 320px;} .homeIntroArea h5 {font-size: 13px; line-height: 1.5em; margin: 10px 30px 0 320px;} .homeColumnLeft {float: left; display: inline; width: 260px; min-height: 300px; margin: 20px 30px 30px 30px; background: url(images/home_signage_bg.jpg) bottom left no-repeat;} .homeColumnLeft h2 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em; width: 160px; height: 22px; background: url(images/sub_signage_and_graphics.gif) top left no-repeat;} .homeColumnLeft p {font-size: 11px; color: #666666; line-height: 1.6em; margin: 0 0 5px 0;} .homeColumnLeft h4 {font-size: 11px; line-height: 1.6em; margin: 0;} .homeColumnMiddle {float: left; display: inline; width: 260px; min-height: 300px; margin: 20px 30px 30px 0; background: url(images/home_exhibition_bg.jpg) bottom left no-repeat;} .homeColumnMiddle h2 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em; width: 150px; height: 22px; background: url(images/sub_exhibition_displays.gif) top left no-repeat;} .homeColumnMiddle p {font-size: 11px; color: #666666; line-height: 1.6em; margin: 0 0 5px 0;} .homeColumnMiddle h4 {font-size: 11px; line-height: 1.6em; margin: 0;} .homeColumnRight {float: right; display: inline; width: 260px; min-height: 300px; margin: 20px 30px 30px 0;} .rightColQuote {float: left; display: inline; width: 260px; min-height: 140px; background: url(images/boxout_quote_bg.jpg) bottom left no-repeat; margin: 0 0 30px 0;} .rightColQuote h2 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em; width: 117px; height: 22px; background: url(images/sub_need_a_quote.gif) top left no-repeat;} .rightColQuote p {font-size: 11px; color: #666666; line-height: 1.6em; margin: 0 0 5px 0; width: 160px;} .rightColQuote h4 {font-size: 11px; line-height: 1.6em; margin: 0;} .rightColSpecialOffer {float: left; display: inline; width: 260px; min-height: 140px; background: url(images/boxout_special_offer_bg.jpg) bottom right no-repeat;} .rightColSpecialOffer h2 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em; width: 106px; height: 22px; background: url(images/sub_special_offer.gif) top left no-repeat;} .rightColSpecialOffer p {font-size: 11px; color: #666666; line-height: 1.6em; margin: 0 0 5px 0; width: 160px;} .rightColSpecialOffer h4 {font-size: 11px; line-height: 1.6em; margin: 0;} .rightColContactDetails {float: left; display: inline; width: 260px;} .rightColContactDetails h2 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em; width: 128px; height: 22px; background: url(images/sub_contact_details.gif) top left no-repeat;} .rightColContactDetails p {font-size: 11px; color: #666666; line-height: 1.6em;} .rightColContactDetails h4 {font-size: 11px; line-height: 1.6em; margin: 0;} /*-- BOTTOM LINKS AREA --*/ .footerLinksArea {float: left; display: inline; width: 900px; background: url(images/footer_links_bg.jpg) top left no-repeat #8c9b10;} .footerLinksArea h3 {float: left; display: inline; margin: 30px 0 10px 30px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em; width: 107px; height: 22px; background: url(images/footer_links_title.gif) top left no-repeat;} .footerLinksArea ul {margin: 0; padding: 0; line-height: 1.5em; list-style: none; font-size: 11px; color: #FFFFFF; width: 260px;} .footerLinksArea li {position: relative; background-image: url(images/bullet_footer_links.gif); background-position: 5px 10px; background-repeat: no-repeat; padding: 4px 0 3px 18px;} .footerLinksArea a:link {text-decoration: underline; color: #FFFFFF; background-color: transparent;} .footerLinksArea a:visited {text-decoration: underline; color: #FFFFFF; background-color: transparent;} .footerLinksArea a:hover {text-decoration: none; color: #fffc00; background-color: transparent;} .footerLinksColumnLeft {float: left; display: inline; width: 260px; margin: 0 30px 30px 30px;} .footerLinksColumnMiddle {float: left; display: inline; width: 260px; margin: 0 0 30px 0;} .footerLinksColumnRight {float: right; display: inline; width: 260px; margin: 0 30px 30px 0;} /*-- FOOTER LOWER --*/ .footer {float: left; display: inline; width: 920px; background: url(images/footer_bottom.gif) top left no-repeat; margin: 0;} .footer p {font-size: 11px; color: #666633; line-height: 1.5em; float: left; display: inline; margin: 30px 0 40px 40px;} .footer h4 {font-size: 11px; font-weight: normal; color: #666633; line-height: 1.5em; float: right; display: inline; margin: 30px 0 40px 0;} .footer img {float: right; display: inline; border: 0; margin: 23px 40px 0 5px;} /*-- CONTENT PAGE --*/ .titleStrip {float: left; display: inline; width: 900px; height: 80px; margin: 0; background: url(images/title_strip_bg.jpg) top right no-repeat #8c9b10;} .titleStrip h1 {margin: 25px 0 0 30px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em; height: 22px;} #titleAboutUs {width: 117px; height: 35px; background: url(images/title_about_us.gif) top left no-repeat;} #titleSignageAndGraphics {width: 242px; height: 35px; background: url(images/title_signage_and_graphics.gif) top left no-repeat;} #titleExteriorSigns {width: 164px; height: 35px; background: url(images/title_exterior_signs.gif) top left no-repeat;} #titleInternalSigns {width: 166px; height: 35px; background: url(images/title_internal_signs.gif) top left no-repeat;} #titleBespokeSignage {width: 209px; height: 35px; background: url(images/title_bespoke_signage.gif) top left no-repeat;} #titleVehicleGraphics {width: 208px; height: 35px; background: url(images/title_vehicle_graphics.gif) top left no-repeat;} #titleVinylGraphics {width: 177px; height: 35px; background: url(images/title_vinyl_graphics.gif) top left no-repeat;} #titleDDA {width: 337px; height: 35px; background: url(images/title_dda.gif) top left no-repeat;} #titleDigitalPrinting {width: 182px; height: 35px; background: url(images/title_digital_printing.gif) top left no-repeat;} #titleCanvasPrints {width: 165px; height: 35px; background: url(images/title_canvas_prints.gif) top left no-repeat;} #titleExhibitionDisplays {width: 228px; height: 35px; background: url(images/title_exhibition_displays.gif) top left no-repeat;} #titleRollerBannerSystems {width: 269px; height: 35px; background: url(images/title_roller_banner_systems.gif) top left no-repeat;} #titlePopUpDisplays {width: 196px; height: 35px; background: url(images/title_pop_up_displays.gif) top left no-repeat;} #titleGraphicPanels {width: 183px; height: 35px; background: url(images/title_graphic_panels.gif) top left no-repeat;} #titlePavementStands {width: 213px; height: 35px; background: url(images/title_pavement_stands.gif) top left no-repeat;} #titleBannerFrames {width: 221px; height: 35px; background: url(images/title_banner_frames.gif) top left no-repeat;} #titleOutdoorDisplays {width: 214px; height: 35px; background: url(images/title_outdoor_displays.gif) top left no-repeat;} #titlePVCBanners {width: 154px; height: 35px; background: url(images/title_pvc_banners.gif) top left no-repeat;} #titleLiteratureHolders {width: 221px; height: 35px; background: url(images/title_literature_holders.gif) top left no-repeat;} #titleLighting {width: 101px; height: 35px; background: url(images/title_lighting.gif) top left no-repeat;} #titlePosterHolders {width: 177px; height: 35px; background: url(images/title_poster_holders.gif) top left no-repeat;} #titleServices {width: 101px; height: 35px; background: url(images/title_services.gif) top left no-repeat;} #titleArtwork {width: 102px; height: 35px; background: url(images/title_artwork.gif) top left no-repeat;} #titleSurveys {width: 96px; height: 35px; background: url(images/title_surveys.gif) top left no-repeat;} #titleInstallation {width: 134px; height: 35px; background: url(images/title_installation.gif) top left no-repeat;} #titleContactUs {width: 139px; height: 35px; background: url(images/title_contact_us.gif) top left no-repeat;} #titleThankYou {width: 130px; height: 35px; background: url(images/title_thank_you.gif) top left no-repeat;} #titleSpecialOffer {width: 162px; height: 35px; background: url(images/title_special_offer.gif) top left no-repeat;} #titleBannerStands {width: 175px; height: 35px; background: url(images/title_banner_stands.gif) top left no-repeat;} #titlePointOfSale {width: 156px; height: 35px; background: url(images/title_point_of_sale.gif) top left no-repeat;} #titlePortableFurniture {width: 222px; height: 35px; background: url(images/title_portable_furniture.gif) top left no-repeat;} .contentColumn {float: left; display: inline; width: 550px; margin: 30px 0 30px 30px;} .contentColumn h2 {font-size: 14px; color: #663300; line-height: 1.5em;} .contentColumn h3 {font-size: 13px; color: #333333; line-height: 1.5em;} .contentColumn p {font-size: 12px; color: #666666; line-height: 1.7em;} .contentColumn img {border: 0; margin: 0 0 30px 0;} .contentColumn ul {margin: 5px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #666666;} .contentColumn li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 9px; background-repeat: no-repeat; padding: 3px 0 3px 12px;} .contentColumn td ul {margin: -20px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #666666;} .contentColumn h6 {font-size: 11px; font-weight: bold; color: #333333;} .contentColumn h6 em {color: #CC0000;} .contentColumn form {padding: 0; margin: 10px 0 0 0;} .contentColumn label {font-size: 12px; font-weight: bold; color: #663300; width: 120px; display: inline; float: left; padding: 4px 0 0 0; margin: -4px 10px 0 0;} .contentColumn label em {color: #CC0000;} .formContactText {width: 400px; border: 1px solid #b1a9a2; background-color: #FFFFFF; font-size: 12px; padding: 4px;} .formContactSelect {width: 400px; background-color: #FFFFFF; font-size: 12px;} .formContactButton {padding: 5px 5px 5px 5px; background-color: #8c9b10; color: #FFFFFF; font-size: 14px; border: 1px solid #758209; margin: 10px 0 0 130px;} .contentRightColumn {float: right; display: inline; width: 260px; margin: 30px 30px 30px 0;} .contentRightNav {float: left; display: inline; width: 260px; margin: 0 0 30px 0;} .contentRightNav h2 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;} .contentRightNav ul {float: left; position: relative; margin: 0 0 0 0; font-size: 12px; border-top: 1px solid #ede7e1; list-style: none; width: 260px; color: #663300;} .contentRightNav li {position: relative; border-bottom: 1px solid #ede7e1; line-height: 2.6em; margin: 0; text-indent: 10px;} .contentRightNav a:link {text-decoration: none; color: #669900; background-color: transparent;} .contentRightNav a:visited {text-decoration: none; color: #669900; background-color: transparent;} .contentRightNav a:hover {text-decoration: underline; color: #663300; background-color: transparent;} #navHeadingSignage {width: 220px; height: 22px; background: url(images/sub_also_in_signage.gif) top left no-repeat;} #navHeadingExhibition {width: 211px; height: 22px; background: url(images/sub_also_in_exhibition.gif) top left no-repeat;} #navHeadingServices {width: 136px; height: 22px; background: url(images/sub_also_in_services.gif) top left no-repeat;} #navHeadingContactDetails {width: 128px; height: 22px; background: url(images/sub_contact_details.gif) top left no-repeat;}