/** * @version $id: site.css, v1.0 2008/02/20 00:26:59 GMT+0800 $ * @author Jerome Coloma * @copyright Copyright (c) 2007-2009, Frozynart Designs * @since Version 1.0 */ html, body{ background:url(../../img/ui/background.jpg) repeat-x; color:#666666; background-color:#cfd1d5; font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif; } input{ outline:none; } p{ font-size:1.2em; padding:5px 0; color:#000000; line-height:1.5em; text-align:justify;} h1,h2,h3,h4{ margin:0;padding:0; } ol,ul{ margin-left:25px; } ol li,ul li{ margin-top:4px;margin-bottom:4px; } blockquote{ border-left:2px solid #6DA0F5;padding-left:10px; } a:focus,a:hover{ color:#00ccff; } a{ color:#ffffff; text-decoration:underline;} #skip-to-main-content{ position:absolute;left:-9999px; } #main-container{ margin:0 auto; width:1013px;} #container{} #masthead{ background:url(../../img/ui/masthead.jpg); float:left; width:1013px; height:240px; margin-top: 40px; } #logo{ float:left; margin:50px 0 0 45px;} #logo a{ } a.link{color:#0220ff; text-decoration:underline;} a.link:hover{color:#191e2c; text-decoration:underline;} /** #head-navigation::start */ #head-navigation{ clear:both; margin:0 0 0 16px; width:984px; } #head-navigation li{ margin:30px 0 0 0;padding:0;list-style-type:none;float:left;} #head-navigation li a{ color:#333333;text-transform:uppercase; font-size:1.2em; display:block; text-indent:-99999px; background:url(../../img/ui/nav.png); height:58px; } #head-navigation li.home a{ width:142px; background-position:0px 0px;} #head-navigation li.home a:hover, #head-navigation li.home a.selected{ width:142px; background-position:0px -58px;} #head-navigation li.about a{ width:131px; background-position: -142px 0px;} #head-navigation li.about a:hover, #head-navigation li.about a.selected{ width:131px; background-position: -142px -58px;} #head-navigation li.big-media a{ width:199px; background-position: -273px 0px;} #head-navigation li.big-media a:hover, #head-navigation li.big-media a.selected{ width:199px; background-position: -273px -58px;} #head-navigation li.big-tours a{ width:132px; background-position: -472px 0px;} #head-navigation li.big-tours a:hover, #head-navigation li.big-tours a.selected{ width:132px; background-position: -472px -58px;} #head-navigation li.big-services a{ width:218px; background-position: -604px 0px;} #head-navigation li.big-services a:hover, #head-navigation li.big-services a.selected{ width:218px; background-position: -604px -58px;} #head-navigation li.contact a{ width:162px; background-position: -822px 0px;} #head-navigation li.contact a:hover, #head-navigation li.contact a.selected{ width:162px; background-position: -822px -58px;} #head-navigation li a:hover,#head-navigation li a.selected{ color:#6DA0F5; } /** #head-navigation::end */ #sub-menu{clear:both; margin:-30px 0 40px 40px; width:900px; height:35px; background: url(../../img/ui/big-media-menu-bg.jpg) no-repeat;} #sub-menu li{margin:0; padding:10px 28px; list-style-type:none; float:left; font-weight:700;} #sub-menu li a{color:#333;font-size:1.3em; display:block; } #sub-menu li a:hover{color:#0530CD;} #big-services-sub-menu{clear:both; margin:-30px 0 40px 200px; width:600px; height:35px; background: url(../../img/ui/big-services-menu-bg.jpg) no-repeat;} #big-services-sub-menu li{margin:0; padding:10px 38px; list-style-type:none; float:left; font-weight:700;} #big-services-sub-menu li a{color:#333;font-size:1.3em; display:block; } #big-services-sub-menu li a:hover{color:#0530CD;} #content{ float:left;margin:0 0 0 0;padding:0 0 0 0;height:auto; background-color:#e3e4e6; width:1013px; } #inner-content{ padding:0;} /** .main-content::start */ .main-content, .sub-content{ background-color:#dbdce0; float:left; width:984px; margin:0 20px 0 16px; } .main-content .entry{ float:left; margin:0; padding:0 25px 30px 25px; width:440px; } .main-content .right{ float:left; background:url(../../img/ui/right-bg.jpg) no-repeat; width:415px; height:367px; margin:0 0 0 25px; padding:20px 0 0 20px; } .movie-content{ background:url(../../img/ui/movie-bg.jpg) no-repeat; width:390px; height:310px; padding:20px 0 0 12px; margin:0; } /** .main-content::end */ /** .sub-content::start */ .sub-content .sub-entry { width:260px; float:left; padding:0 25px; } /** .sub-content::end */ .right-panel{background:url(../../img/ui/right-panel-bg.jpg) no-repeat; float:left; width:415px; height:auto; min-height:600px; margin:0 0 30px 20px; padding:15px 0px 0 20px;} .contact-entry{float:left; width:550px; margin:0 0 30px 20px;} .contact-address{float:left; width:311px; height:157px; background:url(../../img/ui/contact-bg.jpg) no-repeat; margin:20px 0 20px 30px; padding:15px 20px ; font-size:1.2em;} h1.maintitle{ color:#000000; font-size:1.6em; font-weight:bold; margin:0; letter-spacing:0.125em;} h1.title{height:35px; text-indent:-99999px; margin:18px 0 0 0;} h1.big-tours{ background:url(../../img/ui/maintitles/big-tours.jpg) no-repeat; } h1.big-media{ background:url(../../img/ui/maintitles/big-media.jpg) no-repeat; margin-top:0; } h1.big-services{ background:url(../../img/ui/maintitles/big-services.jpg) no-repeat; margin-top:0; } h1.big-media-divisions{ background:url(../../img/ui/maintitles/big-media-divisions.jpg) no-repeat; } h1.television{ background:url(../../img/ui/maintitles/television.jpg) no-repeat;} h1.digital-signage{ background:url(../../img/ui/maintitles/digital-signage.jpg) no-repeat; } h1.led-billboard{ background:url(../../img/ui/maintitles/led-billboard.jpg) no-repeat; } h1.dvd-postcard{ background:url(../../img/ui/maintitles/dvd-postcard.jpg) no-repeat; } h1.e-ticketing{ background:url(../../img/ui/maintitles/eticketing.jpg) no-repeat; } h1.big-resources{background:url(../../img/ui/maintitles/big-resources.jpg) no-repeat;} h1.turn-key-solutions{background:url(../../img/ui/maintitles/turn-key-solutions.jpg) no-repeat;} h1.asian-menu{background:url(../../img/ui/maintitles/asian-menu.jpg) no-repeat;} h1.western-menu{background:url(../../img/ui/maintitles/western-menu.jpg) no-repeat;} h2.subtitle{ color:#222222; font-size:1.4em; font-weight:bold; margin:0;} h2.home-big-tours{ background:url(../../img/ui/home-big-tours.jpg) no-repeat;width:177px; height:38px; text-indent:-99999px; } h2.home-big-media{ background:url(../../img/ui/home-big-media.jpg) no-repeat; width:177px; height:38px; text-indent:-99999px;} h2.home-big-services{ background:url(../../img/ui/home-big-services.jpg) no-repeat; width:177px; height:38px; text-indent:-99999px;} h2.right-subtitle{ color:#003197; font-size:1.4em; font-weight:600; margin:15px 0 10px 0;} h2.st{ height:40px; text-indent:-99999px; margin:0 0 5px 0; } h2.big-picture{ background:url(../../img/ui/st-big-picture.jpg) no-repeat;} h2.big-difference{ background:url(../../img/ui/st-big-difference.jpg) no-repeat;} h2.big-display{ background:url(../../img/ui/st-big-display.jpg) no-repeat;} h2.big-result{ background:url(../../img/ui/st-big-result.jpg) no-repeat;} h2.big-impact{ background:url(../../img/ui/st-big-impact.jpg) no-repeat;} h2.services{ background:url(../../img/ui/st-services.jpg) no-repeat;} ul.divisions{float:left; margin:20px 0 0 0;} ul.divisions li{list-style-type:none;padding:0; margin:8px 0;} ul.divisions li a{ display:block; color:#003399; text-decoration:none; font-size:1.3em; font-weight:bold;} ul.list-bullet{ margin:0 0 20px 25px;} ul.list-bullet li{ list-style-type:disc; font-size:1.2em; line-height:1.5em; padding:6px 0; color:#000000;} ul.list{ margin:0 0 20px 25px;} ul.list li{ list-style-type:none; font-size:1.2em; color:#000000; padding-bottom:2px;} ul.list li a{ color:#222222; text-decoration:none; font-size:1.2em; } ul.list li a:hover{ color:#0220ff; text-decoration:underline;} ul.list li ul{margin:10px 0 10px 30px;} ul.list li ul li{list-style-type:disc;} ul.list li ul li a{font-size:0.9em; } table.team{ margin:30px 0 20px 0; } table.team tr{} table.team tr td.team-image{ width:135px; vertical-align:top; padding:0 0 30px 0;} table.team tr td.desc{ width:780px; vertical-align:top; padding:0 0 30px 0;} table.right-panel-images{margin:5px 0 0 0;} table.right-panel-images tr{} table.right-panel-images tr td{padding:0 5px 10px 0; vertical-align:top;} table.right-panel-images tr td p{text-align:center;} table.specs{ width:440px; padding:5px; margin:10px 0 15px 0; background:#cccccc;} table.specs tr.hdr{height:30px; background:#003197; } table.specs tr.hdr td{color:#ffffff; vertical-align:middle; border:none; font-weight:bold;} table.specs tr{height:20px; background-color:#e1e1e1;} table.specs tr td{font-size:1.2em; color:#222222; vertical-align:top; padding:5px; border-right:1px solid #c0c0c0; } table.menu{width:950px; color:#333; border-collapse:collapse; margin:10px 0 25px 0; } table.menu thead tr{ background:#dde8ec; height:40px;} table.menu thead tr td{ font-size:1.5em; font-weight:bold; padding:10px; text-align:center; border:1px solid #ccc; } table.menu tbody tr{ background:#fefefe; } table.menu tbody tr td { font-size:1.3em; text-align:center; padding:10px; border:1px solid #ccc;} #footer-navigation{float:left; width:600px; height:20px; margin:3px 0 0 40px;} #footer-navigation li{float:left; display:inline; } #footer-navigation li a{ display:block; color:#ffffff; font-size:1.2em; background:url(../../img/ui/footer-nav.png); height:16px; text-indent:-99999px;} #footer-navigation li.ft-home a{width:54px; background-position:0px 0px;} #footer-navigation li.ft-home a:hover{width:54px; background-position:0px -16px;} #footer-navigation li.ft-about a{width:90px; background-position:-54px 0px;} #footer-navigation li.ft-about a:hover{width:90px; background-position:-54px -16px;} #footer-navigation li.ft-big-media a{width:101px; background-position:-144px 0px;} #footer-navigation li.ft-big-media a:hover{width:101px; background-position:-144px -16px;} #footer-navigation li.ft-big-tours a{width:86px; background-position:-245px 0px;} #footer-navigation li.ft-big-tours a:hover{width:86px; background-position:-245px -16px;} #footer-navigation li.ft-big-services a{width:115px; background-position:-331px 0px;} #footer-navigation li.ft-big-services a:hover{width:115px; background-position:-331px -16px;} #footer-navigation li.ft-contact a{width:77px; background-position:-446px 0px;} #footer-navigation li.ft-contact a:hover{width:77px; background-position:-446px -16px;} #footer-right-navigation{float:left; width:350px; height:20px; margin:3px 0 0 40px;} #footer-right-navigation li{float:left; display:inline; } #footer-right-navigation li a{ display:block; color:#ffffff; font-size:1.2em; background:url(../../img/ui/footer-right-nav.png); height:16px; text-indent:-99999px;} #footer-right-navigation li.site-map a{ width:77px; background-position: 0px 0px;} #footer-right-navigation li.site-map a:hover{ width:77px; background-position: 0px -16px;} #footer-right-navigation li.terms-of-use a{ width:115px; background-position: -77px 0px;} #footer-right-navigation li.terms-of-use a:hover{ width:115px; background-position: -77px -16px;} #footer-right-navigation li.privacy-statement a{ width:152px; background-position: -192px 0px;} #footer-right-navigation li.privacy-statement a:hover{ width:152px; background-position: -192px -16px;} #footer-navigation li a:hover,ul.footer-right-navigation{ color:#33ccff; } div.break{margin:5px 0;} div.separator{border-bottom:1px solid #7e7e7e; margin:5px 0 15px 0; width:390px;} #subfooter{ float:left; width:984px; margin:30px 0 0 25px; padding:0;} /** #footer::start */ #footer{float:left; background:url(../../img/ui/footer.gif) no-repeat; width:1013px; height:100px;} #footer .footer-left{ float:left; width:580px;} #footer .footer-right{ float:left; margin:0 0 0 10px;} #footer .footer-right p{ text-align:right; color:#ffffff; font-weight:bold; margin:25px 10px 0 0;} #copyright{padding:0 0 10px 10px; margin:10px 0 0 30px;float:left;color:#ffffff; font-size:1.2em; font-weight:bold;} #copyright a{color:#ffffff; text-decoration:underline;} #copyright a:hover{color:#33ccff; text-decoration:underline;} /** #footer::end */ /* GALLERY LIST */ #photos { visibility: hidden; } /* GALLERY CONTAINER */ .galleryView .gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;} /* LOADING BOX */ .loader { background: url(loader.gif) center center no-repeat #ddd; } /* GALLERY PANELS */ .galleryView .panel {} /* DEFINE HEIGHT OF PANEL OVERLAY */ /* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */ .galleryView .panel .panel-overlay, .galleryView .panel .overlay-background { height: 60px; padding: 0 1em; } /* PANEL OVERLAY BACKGROUND */ .galleryView .panel .overlay-background { background: #222; } /* PANEL OVERLAY CONTENT */ .galleryView .panel .panel-overlay { color: white; font-size: 0.7em; } .galleryView .panel .panel-overlay p { color:#fff; text-decoration: underline; font-weight: bold; } /* FILMSTRIP */ /* 'margin' will define top/bottom margin in completed gallery */ .galleryView .filmstrip { margin: 5px; } /* FILMSTRIP FRAMES (contains both images and captions) */ .galleryView .frame {} /* WRAPPER FOR FILMSTRIP IMAGES */ .galleryView .frame .img_wrap { border: 1px solid #aaa; } /* WRAPPER FOR CURRENT FILMSTRIP IMAGE */ .galleryView .frame.current .img_wrap { border-color: #000; } /* FRAME IMAGES */ .galleryView .frame img { border: 1px solid #666; } /* FRAME CAPTION */ .galleryView .frame .caption { font-size: 11px; text-align: center; color: #fff; } /* CURRENT FRAME CAPTION */ .galleryView .frame.current .caption { color: #fff; } /* POINTER FOR CURRENT FRAME */ .galleryView .pointer { border-color: #000; } /* TRANSPARENT BORDER FIX FOR IE6 */ /* NOTE - DO NOT CHANGE THIS RULE */ *html .pointer { filter: chroma(color=pink); } .panel-overlay h3{color:#fff; font-size:1.6em; margin:12px 0 0 20px;}