body { margin:0px; background-color:#f0efed; font-family: Arial, Helvetica, sans-serif; color:#434242; font-size:12px; line-height:18px;} td,th { font-family:Helvetica, sans-serif; color:#404040; font-size:12px; line-height:18px;} p { margin:0px; text-align:justify;} img { border:0px;} .down { width:100%; clear:both;} .clr { clear:both;} .left { float:left;} .right { float:right;} /*----------------------top nav start-----------------------------*/ .outer { clear:both; margin:0 auto; width:1000px; text-align:left; } .logo { float:left; padding:51px 30px 8px 0px;} .topnav { float:right; width:494px; padding:68px 0px 8px 0px;} .topnavHomeBtn { float:right; width:145px; padding:68px 0px 8px 0px;} #topnavHomeBtn { display: block; width:37px; height:36px; background-image:url(images/cg-innovation-home-btn.gif); background-repeat:no-repeat; background-position:0 0;} #topnavHomeBtn:hover { background-position: 0 -36px;} #topnavHomeBtn span { display: none;} .topNavBg { background:url(images/top-nav-bg.jpg) top left repeat-x; height:36px; text-align:center;} ul.topNavLink { font-family:Verdana, Arial, Helvetica, sans-serif;margin:0px; padding:0px; font-size:14px; color:#000;} ul.topNavLink li { list-style-type:none; float:left; display:block; } ul.topNavLink li a { color:#000; text-decoration:none; padding-bottom:8px; display:block;} ul.topNavLink li a:hover { background:url(images/top-nav-bg-hover.jpg) top left repeat-x; text-decoration:none; padding-bottom:8px; display:block;} ul.topNavLinkTwo { font-family:Verdana, Arial, Helvetica, sans-serif;margin:0px; padding:0px; font-size:11px; color:#000;} ul.topNavLinkTwo li { list-style-type:none; float:left; display:block; } ul.topNavLinkTwo li a { color:#000; text-decoration:none; padding-bottom:8px; display:block;} ul.topNavLinkTwo li a:hover { background:url(images/top-nav-bg-hover.jpg) top left repeat-x; text-decoration:none; padding-bottom:8px; display:block;} .gap { width:30px;} .gapTwo { width:15px;} .designDdBanner { width:530px; height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:right; line-height:22px; background-color:#e13636; padding-right:10px;} .designDdBannerTwo { width:650px; height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:right; line-height:22px; background-color:#e13636; padding-right:10px;} .advtDdBanner { height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:right; line-height:22px; background-color:#e13636; padding-right:10px;} .corporateDdBanner { height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:left; line-height:22px; background-color:#e13636; padding-left:10px;} .paddingDdOne { padding:4px 14px 14px 14px;} .paddingDdTwo { padding:4px 5px 14px 14px;} .services { background:#fff; height:340px;} .services ul { list-style-type:none; margin:0px; padding:15px;} .services ul li { display:inline; line-height:20px; padding:0px;} .services ul li a { color:#7f7f7f; text-decoration:none; padding-left:10px; line-height:33px;} .services ul li a:hover { color:#d93939; text-decoration:none; padding-left:10px; line-height:33px;} .serviceOuter { width:300px; float:left; padding:10px;} .serviceIcon { width:65px; float:left;} .serviceTextWidth { width:225px; float:right;} .serviceHeading { font-size:16px; font-weight:bold; line-height:23px;} /*----------------------top nav stop-----------------------------*/ /*----------------------Content start-----------------------------*/ .paddingOne { padding-top:25px;} .paddingThree { padding-top:10px;} .paddingFour { padding-top:15px;} h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; font-size:14px; line-height:0px; margin:0px; padding:0px;} .headingTwo { font-family:Verdana, Arial, Helvetica, sans-serif; color:#2c2c2c; font-size:18px; padding:5px 0px 10px 0px; } .dividerLine { background-color:#e13636; height:1px; line-height:1px;} .dottedLine { background:url(images/dotted-line.jpg) top left repeat-x; height:2px; line-height:2px;} .contentDottedLine { background-color:#e13636; height:1px; line-height:1px;} .printDesign { background:url(images/print-and-design.jpg) top left no-repeat; height:116px;} .divOne { width:239px; float:left;} .divTwo { width:255px; float:left;} .divThree { width:254px; float:left;} .divFour { width:252px; float:left;} .ourWorkIcon { background:url(images/our-work-icon.jpg) top left no-repeat; height:105px;} .insideKyzenIcon { background:url(images/inside-kyzen-icon.jpg) top left no-repeat; height:105px;} .linkOne:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#e13636; text-decoration:none; font-weight:bold;} .linkOne:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#e13636; text-decoration:none; font-weight:bold;} .linkOne:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#2c2c2c; text-decoration:none; font-weight:bold;} .linkOne:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#e13636; text-decoration:none; font-weight:bold;} .linkTwo:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#e13636; text-decoration:none; font-weight:bold;} .linkTwo:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#e13636; text-decoration:none; font-weight:bold;} .linkTwo:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#2c2c2c; text-decoration:none; font-weight:bold;} .linkTwo:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#e13636; text-decoration:none; font-weight:bold;} .linkThree:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-decoration:none; line-height:23px; padding-left:10px;} .linkThree:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-decoration:none; line-height:23px; padding-left:10px;} .linkThree:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-decoration:none; line-height:23px; padding-left:10px;} .linkThree:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-decoration:none; line-height:23px; padding-left:10px;} .leftContent { float:left; width:244px;} .middleContent { float:left; width:520px;} .rightContent { float:left; width:236px;} .paddingTwo { padding-top:15px;} .ltLinks {} .ltLinks ul { list-style-type:none; margin:0; padding:0px 0px 10px 0px;} .ltLinks ul li { list-style:none; line-height:16px; margin-bottom:5px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; } .ltLinks ul li a { color:#373737; text-decoration:none;} .ltLinks ul li a:hover { color:#e13636; text-decoration:none;} .ltLinks ul ul { list-style-type:none; margin:0; padding:5px 20px 10px 10px;} .headingLeftContent { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#e13636; font-weight:bold; line-height:22px;} .paddingThree { padding:15px 0px 15px 0px;} .textColorOne { color:#e13636;} .rtPanelNav { height:23px; background-color:#706f6f; width:218px; float:left;} .rtPanelNavTwo { width:218px; float:left; text-align:justify;} .rtPanelNavThree { width:218px; float:left; text-align:right;} .rtPanelPadding { padding-top:5px; line-height:5px; height:5px;} .middleContentHeading { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; font-size:16px; line-height:22px;} .middleContentHeadingTwo { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:14px; line-height:18px;} .corpIdentityImgTwo { background:url(images/corp-identity-img-2.jpg) top left no-repeat; height:245px; width:495px;} .signagesImageTwo { background:url(images/signages-img-2.jpg) top left no-repeat; width:489px; height:342px;} .careerHeading { font-size:13px; color:#e13636; font-weight:bold; line-height:22px;} .whyUsBullets {} .whyUsBullets ul { list-style-type:none; margin:0; padding:0px 20px 10px 10px;} .whyUsBullets ul li { background:url(images/bullet-1.gif) 0px 4px no-repeat; line-height:16px; margin-bottom:5px; padding-left:20px; text-align:left; text-align:justify;} .careerBullets {} .careerBullets ul { list-style-type:none; margin:0; padding:0px 20px 10px 10px;} .careerBullets ul li { background:url(images/bullet-1.gif) 0px 8px no-repeat; line-height:16px; margin-bottom:5px; padding-left:20px; text-align:left; text-align:justify;} .servicesLinks {} .servicesLinks ul { list-style-type:none; margin:0; padding:0px 10px 10px 10px;} .servicesLinks ul li { background:url(images/bullet-1.gif) 0px 4px no-repeat; line-height:16px; margin-bottom:5px; padding-left:20px; text-align:left;} .servicesLinks ul li a { color:#434242; text-decoration:none;} .servicesLinks ul li a:hover{ color:#e13636; text-decoration:none;} .hoardingsImage { background:url(images/hoarding.jpg) top left no-repeat; width:142px; height:136px; float:left;} .poleKioskImage { background:url(images/pole-kiosk.jpg) top left no-repeat; width:142px; height:136px; float:left;} .uniPoleImage { background:url(images/uni-pole.jpg) top left no-repeat; width:142px; height:136px; float:left;} .contactField { width:385px; float:left;} .contactGap { height:9px; line-height:9px;} .contactGapTwo { height:17px; line-height:17px;} .inputContactformOne { width:272px; height:30px; background-color:#dcdcdc; border:none; padding-left:3px;} .inputContactformTwo { width:272px; height:90px; background-color:#dcdcdc; border:none; padding-left:3px;} .inputContactformThree { width:594px; height:90px; background-color:#dcdcdc; border:none; padding-left:3px;} .insideKyzenImgOne { background:url(images/inside-kyzen-img-1.jpg) top left no-repeat; width:197px; height:143px; float:left;} .insideKyzenImgTwo { background:url(images/inside-kyzen-img-2.jpg) top left no-repeat; width:197px; height:143px; float:left;} .insideKyzenImgThree { background:url(images/inside-kyzen-img-3.jpg) top left no-repeat; width:197px; height:143px; float:left;} .clientsLogo { background:url(images/clients-logo.jpg) top left no-repeat; width:509px; height:522px;} /*---------------------------------Page Accordian CSs-----------------------------------------------*/ #accordion { margin:20px 0px;} h3.toggler { cursor: pointer; border: 1px solid #d8d8d8; border-right-color: #d8d8d8; border-bottom-color: #d8d8d8; font-size: 13px; background: #ececec; color: #41464D; margin: 0 0 4px 0; padding: 3px 5px 1px; height:27px; line-height:27px;} div.element p, div.element h4 { margin:0px; padding:4px;} blockquote { padding:5px 20px;} /*---------------------------------------------------------------------------------------------------------*/ /*------------ Srolling Data Classes Start --------------*/ .blBox { height:295px; width:215px; margin:0 auto;} .innerBLBox { height:295px; width:215px; margin:0 auto; overflow:hidden; position:relative; overflow:hidden; text-align:left;} .rDivs { float:left; width:100%;} .headingNE { padding:0px 0px 2px 0px; overflow:visible; width:220px; clear:both; font-weight:bold;} .headingNE a { text-decoration:none; color:#434242;} .headingNE a:hover { text-decoration:none; color:#000; } .dataNE { padding:0px 0px 3px 0px; color:#7f7f7f; text-align:justify;} .dataNE a { text-decoration:none; color:#000; display:block; text-align:justify;} .dataNE a:hover { text-decoration:none; color:#000; display:block; text-align:justify;} .gapDiv1 { height:20px; line-height:20px; clear:both; width:100%; background:url(images/scroller-line-bg.gif) 0% 40% repeat-x;} /* -------------Scrolling Data Classes stop--------------- */ /* --------------Default JQuery Classes Start------------- */ #ticker { margin:0px; padding:0px; overflow:hidden;} #ticker dt { padding:0 10px 5px 10px; background-color:#e5e5e5; padding-top:10px; border:1px solid #ffffff; border-bottom:none; border-right:none; position:relative;} #ticker dd { margin-left:0; padding:0 10px 10px 10px; border-bottom:1px solid #aaaaaa; background-color:#e5e5e5; border-left:1px solid #ffffff; position:relative;} #ticker dd.last { border-bottom:1px solid #ffffff;} #ticker div { margin-top:0px;} /* -----------------Default JQuery Classes stop--------------- */ /*----------------------Index banner start-----------------------------*/ .bannerText { font-size:11px; line-height:14px;} .image {} img { display:block;border:none;} .paddingFour { padding:12px 8px 0px 12px;} /* drop up */ ul#nav,ul#nav ul { margin: 0; padding: 0; list-style: none;} ul#nav { width:1000px; height:94px; background:#6c6c6c;} ul#nav li { position: relative; float: left; width:249px; height:94px; background:#6c6c6c; color:#fff; text-align:left;} ul#nav li a { text-decoration: none; color:#b00; background-color:#e13636;} #nav li ul { position: absolute; left: 0; top:-170px; margin-left:-999em; border:none; height:157px; width:249px; background:#e13636; padding:20px 0px 0px 0px; z-index: 10000; /*opacity for IE5+*/ filter: alpha(opacity=100); /*opacity for older Mozilla browsers*/ -moz-opacity: 1; /*opacity for mozilla/safari*/ opacity: 1; } ul#nav li li { height:auto;border:none;} ul#nav li li a { color:#fff; padding:5px 10px 5px 20px; display:block;} ul#nav li:hover ul, ul#nav li.over ul { margin-left:0;} ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a { background-color:#e13636; } ul#nav li:hover li a,ul#nav li.over li a{color:#fff;} ul#nav li li a:hover { color:#363636;} ul#nav li p { padding:5px;} ul#nav li.last,ul#nav li.last ul{ border:none;width:200px;} .navDeviderLine { background-color:#2d2d2d; width:1px; height:94px;} /*----------------------Index banner stop-----------------------------*/ /*----------------------content banner start-----------------------------*/ .corporateIdentityBanner { background:url(images/banner/corporate-identity.jpg) top left no-repeat; width:1000px; height:229px;} .corporatePresentationsBanner { background:url(images/banner/corporate-presentations.jpg) top left no-repeat; width:1000px; height:229px;} .collateralDesignBanner { background:url(images/banner/collateral-design.jpg) top left no-repeat; width:1000px; height:179px;} .signagesBanner { background:url(images/banner/signages-banner.jpg) top left no-repeat; width:1000px; height:236px;} .aboutUsBanner { background:url(images/banner/about-us.jpg) top left no-repeat; width:1000px; height:264px;} .careerBanner { background:url(images/banner/career.jpg) top left no-repeat; width:1000px; height:264px;} .outdoorAdvertisingBanner { background:url(images/banner/outdoor-advertising.jpg) top left no-repeat; width:1000px; height:232px;} .contactUsBanner { background:url(images/banner/contact-us.jpg) top left no-repeat; width:1000px; height:374px;} .insideKyzenBanner { background:url(images/banner/inside-kyzen.jpg) top left no-repeat; width:1000px; height:200px;} .signageDesignsBanner { background:url(images/banner/signages-designs.jpg) top left no-repeat; width:1000px; height:230px;} .logoDesignBanner { background:url(images/banner/logo-design.jpg) top left no-repeat; width:1000px; height:200px;} .digitalPrintingBanner { background:url(images/banner/digital-printing.jpg) top left no-repeat; width:1000px; height:250px;} .fabricationBanner { background:url(images/banner/fabrication.jpg) top left no-repeat; width:1000px; height:222px;} .flexPrintBanner { background:url(images/banner/flex-print.jpg) top left no-repeat; width:1000px; height:256px;} .offsetPrintBanner { background:url(images/banner/offset-print.jpg) top left no-repeat; width:1000px; height:195px;} .screenPrintBanner { background:url(images/banner/screen-print.jpg) top left no-repeat; width:1000px; height:247px;} .clientsBanner { background:url(images/banner/clients.jpg) top left no-repeat; width:1000px; height:200px;} /*----------------------content banner stop-----------------------------*/ /*--------------------------------Bottom Classes Start ---------------------------------*/ .btmLine { background-color:#e13636; height:8px; line-height:8px;} .btmImg { background:url(images/btm-bg.jpg) top left repeat;} .outerTwo { clear:both; margin:0 auto; width:990px; text-align:left; } .btmHeading { font-size:12px; color:#e13636; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:22px;} .btmHeadingTwo { font-size:12px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:22px;} .BtmNavTextOne { width:156px; float:left;} .BtmNavTextTwo { width:124px; float:left;} .BtmNavTextThree { width:183px; float:left;} .BtmNavTextFour { width:293px; float:left;} .btmNavLinks { margin:0px; padding:0px; list-style:none; font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;} .btmNavLinks ul { padding:0px; margin:0px; list-style-type:none;} .btmNavLinks ul li { list-style-image:url(images/btm-nav-bullet.png); margin:0px 0px 4px 12px; line-height:14px;} .btmNavLinks ul li a { color:#fff; text-decoration:none;} .btmNavLinks ul li a:hover { color:#e13636; text-decoration:none; padding-bottom:2px;} .btmNavLine { line-height:10px; height:10px;} .btmNavLineTwo { line-height:1px; height:1px; background-color:#4d4948;} .btmLogo { background:url(images/cg-logo-btm.jpg) top center no-repeat; width:202px; height:125px;} .bulletLastNav ul { margin:0; padding:7px 0px 0px 0px; list-style-type:none; } .bulletLastNav ul li { display:inline; color:#fff; line-height:12px; font-family:Verdana, Arial, Helvetica, sans-serif;} .bulletLastNav ul li a { text-decoration:none; padding-right:8px; color:#fff; line-height:12px; } .bulletLastNav ul li a:hover { color:#e13636; text-decoration:none; line-height:12px;} .btmWidth { width:500px;} .textAlignRight { text-align:right;} .bulletLastNavTwo ul { margin:0; padding:0px 0px 0px 0px; list-style-type:none; } .bulletLastNavTwo ul li { display:inline; color:#7f7f7f; font-size:10px; line-height:12px;} .bulletLastNavTwo ul li a { text-decoration:none; padding-right:4px; padding-left:4px; color:#7f7f7f; line-height:12px;} .bulletLastNavTwo ul li a:hover { color:#000; text-decoration:none; line-height:12px;} .paddingSnetwork { padding:100px 0px 0px 115px;} .paddingSnetworkTwo { padding:0px 10px 0px 0px;} .bgBtm { background-color:#FFFFFF;} .btmText { font-size:11px; text-align:justify; color: #999999;} .btmLineOne { background-color:#414141; line-height:5px; height:5px;} .btmNavPaymentOpt { background: url(images/btm-nav-payment-opt.jpg) top left no-repeat; width:233px; height:104px;} .btmPaddingTwo { padding-right:8px;} /*----------------------btm nav stop-----------------------------*/