/* reset styles */ article, aside, dialog, figure, footer, header, hgroup, nav, section {display: block;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0px;border: 0px;padding: 0px;outline: 0px;vertical-align: baseline;} img, div, input { behavior: url("iepngfix.htc") } /* global styles */ h2 .font01 { font-weight: bold; } .clearfix { clear: both; } .font-width{ float: left; font-weight: bold; width: 50px; display: block; } .clear{ clear: both; } .clear-border { clear: both; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0 0 5px 0; } .font02 { color:#C60000;} a{text-decoration:none;} a:link{color:#B3B3B3;} a:visited{color:#B3B3B3;} a:hover{color:#FFFFFF; text-decoration:underline;} a:active{color:#FFFFFF;} a:active, a:focus {outline: 0} img{margin:0;} /* default styles */ /*@font-face {font-family: "Telegrafico";src:url(/static/font/telegrafico.ttf) format("truetype");url(/static/font/telegrafico.eot) format("eot");url(/static/font/telegrafico.otf) format("opentype");}*/ @font-face {font-family:"Telegrafico";src:url("/static/font/telegrafico.eot?") format("eot"),url("/static/font/telegrafico.woff") format("woff"),url("/static/font/telegrafico.ttf") format("truetype"),url("/static/font/telegrafico.svg#Telegrafico") format("svg");font-weight:normal;font-style:normal;} body {border-top:#346486 1px solid;font-family: "Telegrafico", sans-serif; width: 100%; background:url(/static/images/main-bg.jpg) repeat-x ; color: #333; background-color:#0a0a0a; line-height: 1.6em; padding: 0; margin: auto; } p,ul,ol { margin-bottom: 1.5em; } div.content ul, div.content ol { margin-left: 15px; } /* header */ header.container { width: 900px; margin: 0 auto;position:relative; clear:both; height: 45px; } header.deepcontainer { width: 1024px; margin: 0 auto;position:relative; clear:both; height: 115px; } header figure a { display:block; color: #fff; height: 38px; width:128px; padding:0; top: 0; right: 0; text-indent:-9999px; text-decoration: none; } header figure a:hover { display:block; color: #FFCC00; text-indent:-9999px; text-decoration: none; } header h1 { position: absolute; top: 0; left: 0px; color: #000; display: block; height:45px; width: 145px; top:0px;} header h1 a {color: #000; display: block; height:45px; background:url(/static/images/logo.png) no-repeat 0 0; width: 145px; text-indent: -9000px; text-decoration: none;} /*header h1 a:hover { color: #000; display: block; height:70px; text-indent: -9000px; text-decoration: none;}*/ header hgroup { clear: both; width: 1024px; position: absolute; top: 15px; left:0; } header h2 { position: absolute; color:#272727; width: 1024px; text-align:center; margin: 0; padding: 0; top: 65px; left: 0; clear: both; line-height: 1.4em; } /* nav */ nav { position: absolute; width: 100%; top: 20px; right: 0px; text-align: left; } /*hr line*/ #top-hr-line{clear:both; width: 100%;height:5px; background:url(/static/images/top-div-line.png) center no-repeat} #mid-hr-line{clear:both; width: 100%;height:6px; background:url(/static/images/mid-div-line.png) center no-repeat} /* submenus */ #sub-nav-wrap{width: 853px; margin: 0 auto;position:relative; clear:both;} #features-sub-menus{background-image: url(/static/images/feature-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #commercials-sub-menus{background-image: url(/static/images/commercial-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #design-sub-menus{background-image: url(/static/images/design-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #join-sub-menus{background-image: url(/static/images/grey-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #join-la-sub-menus{background-image: url(/static/images/grey-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #about-sub-menus{background-image: url(/static/images/grey-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #dev-sub-menus{background-image: url(/static/images/development-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #mumbai-sub-menus{background-image: url(/static/images/mumbai-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #la-sub-menus{background-image: url(/static/images/la-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #vancouver-sub-menus{background-image: url(/static/images/vancouver-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} /* content */ #content { clear:both; width: 100%; } .bgheader-wrap{width:100%; background:url(/static/images/center-bg-shadow.png) center no-repeat; margin-bottom:10px; } .bigheader { clear:both; display:block; overflow: hidden; width: 900px; height: 525px; margin: 0 auto; } .about-center-img{background:url(/static/images/about-center-bg.png) center no-repeat;} .contact-center-img{background:url(/static/images/contact-center-bg.png) center no-repeat;} .feat-abt-center-img{background:url(/static/images/feat-abt-center-bg.png) center no-repeat;} /*.bigheader img { display: block; height: 530px; }*/ /*slideshow styles*/ div#slideshow {width: 853px; height: 480px; padding: 0;background: url(/static/images/border.png);position: relative; z-index: 5;} div#slideshow ul#nav {display: none; width:800px;list-style: none;position: absolute; top: 200px; left:20px; z-index: 9999; } div#slideshow ul#nav li#prev {float: left; margin: 0 0 0 5px;} div#slideshow ul#nav li#next {float: right; margin: 0 5px 0 0;} div#slideshow ul#nav li a {display: block; width: 65px; height: 65px; text-indent: -9999px;} div#slideshow ul#nav li#prev a {background: url(/static/images/prev.png) no-repeat; } div#slideshow ul#nav li#next a {background: url(/static/images/next.png) no-repeat;} div#slideshow ul#slides {list-style: none;} div#slideshow ul#slides li {margin: 0 0 20px 0;} div#slideshow .caption{background-color:#000000;color:#fff;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter: alpha(opacity=40);height:25px; display: none ; margin:0 auto;position: absolute;top: 455px;width: 853px;z-index: 9999; font-size:11px; font-weight:bold;text-transform: uppercase; text-align:center; text-shadow:2px 2px 2px #000000; font-family: arial;letter-spacing:1px; /*padding-right:10px; padding-top:10px;*/} div#slideshow .caption-hide{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);height:25px; display: none ; margin:0 auto;position: absolute;top: 455px;width: 853px;z-index: 9999;} ul#gallery-nav {display: none; width:850px;list-style: none;position: absolute; top: 310px; z-index: 9999;} ul#gallery-nav li#prev {float: left; margin: 0 0 0 5px;} ul#gallery-nav li#next {float: right; margin: 0 5px 0 0;} ul#gallery-nav li a {display: block; width: 80px; height: 80px; text-indent: -9999px;} ul#gallery-nav li#prev a {background: url("/static/images/prev.png");} ul#gallery-nav li#next a {background: url("/static/images/next.png");} /* division */ section#division {clear: both; padding: 0; width: 900px; margin: 0px auto 0; } section#division2 {clear: both; width: 1024px; margin: 0 auto; } section#division h3 {color: #000;} section div#division-wrap{width:853px; position:relative;} #div-holder{width:840px; position:relative; margin-left:auto; margin-right:auto;} .div-column { float: left; width:20%;} /*.design li:hover{background:url("/static/images/design-sub-nav-over.png") top center no-repeat;}*/ .design li a:hover{color:#ffffff;} a.division {display: block;height:70px;outline: medium none;text-indent: -9999px; } .rh-feature {background: url("/static/images/division-sprite.png") center no-repeat;background-position: 0 0;width:85px;margin-left:auto;margin-right:auto; } .rh-feature:hover {background-position: 0 -70px ;} .rh-commercial {background: url("/static/images/division-sprite.png") center no-repeat;background-position: 0 -140px;width:85px;margin-left:auto;margin-right:auto;} .rh-commercial:hover {background-position: 0 -210px ;} .rh-design {background: url("/static/images/division-sprite.png") center no-repeat;background-position: 0 -280px;width:85px;margin-left:auto;margin-right:auto;} .rh-design:hover {background-position: 0 -350px ;} .rh-development {background: url("/static/images/division-sprite.png") center no-repeat;background-position: 0 -420px;width:85px;margin-left:auto;margin-right:auto;} .rh-development:hover {background-position: 0 -490px;} .rh-special-projects{background: url("/static/images/division-sprite.png") center no-repeat;background-position: 0 -560px;width:85px;margin-left:auto;margin-right:auto;} .rh-special-projects:hover {background-position: 0 bottom ;} /* deep header */ figure#deepheader { width: 1024px; margin: 0 auto; display:block; } /*carousel*/ section#carousel {clear: both; padding: 0; width: 100%; margin: 0px auto 0; } /* footer */ footer { clear: both; width: 100%; margin: 0; background-color: #1a1a1a; height:30px; font-family:Arial;} footer #nav { margin: 0 auto; width: 900px; padding:1px; text-align:center;} footer #nav div#cont-sitemap{ width:120px; float:left; padding:0px;margin:0px;} footer #nav div#cont-sitemap p.sitemap a{font-size:12px;color:#898989; letter-spacing:1px;margin:0; padding:0;} footer #nav div#cont-sitemap p.sitemap a:hover{color:#ffffff;} footer #nav ul { display: inline; width: 710px; font-size:9px; } footer #nav ul li { display: inline; list-style: none; color:#666666; padding: 0 3px; } footer #nav ul li a:hover { color:#a2a2a2; } footer #nav ul li a { color:#666666; text-decoration: none; padding: 4px; } footer #nav ul li a:hover { color:#ffffff;} footer #nav ul li.on, #nav ul li.on a { color:black; padding: 4px; } footer #nav div#share-icons{float: left; margin: 0pt; padding: 0pt; /*width: 70px;*/ text-align: left;} footer #nav div#share-icons a.facebook{width:22px; height:30px; background:url(/static/images/facebook.png) center no-repeat; float:left;} footer #nav div#share-icons a.twitter{width:22px; height:30px; background:url(/static/images/twitter.png) center no-repeat;float:left;} footer #nav div#share-icons a.linked-in{width:22px; height:30px; background:url(/static/images/linked-in.png) center no-repeat;float:left;} footer #nav div#share-icons a.rss{width:22px; height:30px; background:url(/static/images/rss-icon.png) center no-repeat;float:left;} footer .login { float: right; width: 160px; color: #fff; text-align: left; } footer .login p a{font-size:12px;color:#898989;letter-spacing:1px; margin:0; padding:0;} footer .login p a:hover{color:#ffffff;} footer .login figure { float: right; display:block;} /* rotator in-page placement */ div.rotator {top:0px;left:0px;position: relative;display: none;} /* rotator css */ div.rotator ul li {float:left;position:absolute;list-style: none;} div.rotator ul li.show {z-index:500} /*Features page styles*/ /*#sub-nav-wrap{width: 853px; margin: 0 auto;position:relative; clear:both;}*/ #features-submenu-logo{float:right; background:url(/static/images/feat-sub-menu-logo.png) no-repeat left;width:110px; height:50px; right:50px} .feat-gallery-bg{background:url(/static/images/feature-show-bg.png) no-repeat 0 0px} #left_exec_details{padding: 0; float: left; width: 324px; display: block;height:480px;background:#333333; overflow:hidden; } #left_exec_wrap{width:230px; margin:45px;} #poster_image{float:left; width:225px; height:285px;} #left_exec_details_text{width:260px; float:left; list-style:none; margin-top:20px; font-size:17px;} #left_exec_details_text ul{list-style:none;} #left_exec_details_text ul li#exec-title{color:#cccccc; font-size:12px; font-weight:bold;} #left_exec_details_text h2#exec-name{font-size:23px; padding:0; margin:0; font-weight:normal;} #executive_details{width:450px; position:relative; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; line-height:20px; padding-left:10px; color:#b3b3b3;} #main_div{width:853px; height:480px; padding: 0; color:#ffffff;top:0px;left:0px;position: relative; /*text-shadow: 2px 2px 2px #000; */} #main_img_div{padding: 0; float: left; width: 324px; display: block;height:480px;background:#333333; overflow:hidden; } #main_img_div img{width:324px; height:480px; border:0;} /*#main_info_div{padding: 0; float: right; display: block; width: 630px; height: 510px;}*/ #main_info_div{position:relative; display: block; width: 529px; display: block; float:left; height: 480px;background:#333333; padding:0;} #main_info_div .customScrollBox{position:relative; height:409px; overflow:hidden; top:0px;margin-top:35px; width:490px;} #main_info_div .customScrollBox .container{position:relative; width:490px; float:left; } #main_info_div .customScrollBox .content{clear:both;} #main_info_div .dragger_container{position:relative; width:15px; top:0px; right:15px; height:480px; float:right; margin:0; background:url(/static/images/scrollbar-slider-bg.png) no-repeat center} #main_info_div .dragger{position:relative; width:15px; height:60px; background:url(/static/images/slider-button.png) no-repeat center; cursor:pointer;} #prod-details{width:500px; float:left; padding: 0; top:0;} /*#credit-details{width:640px; height:510px; margin-top:5px; overflow:hidden; padding-left:20px; }*/ #credit-details h3{font-size:18px;letter-spacing:2px; line-height:60px; text-align:left;} #credit-details h1{float:left;margin:0; padding:0; font-size:21px; font-weight:normal; line-height:45px;} .prod-details-list{list-style:none; text-align:left; margin: 0; padding: 0;display:block; letter-spacing:0px; text-transform:uppercase; padding-left:30px;} div.content ul.prod-details-list{margin-left: 0px; } .prod-details-list li{padding: 0px; margin-right: 0px; color:#cccccc; line-height:25px;} .prod-details-list li h2#movie-title{font-size:24px; letter-spacing:1px; font-weight:500; padding:0;color:#ffffff;} .prod-details-list li.top-cut-line{padding: 0px; margin-right: 0px; background:url(/static/images/desc-top-cut-line.png) no-repeat;} h3#studio-name{float:left; line-height:50px; font-size:15px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; padding-left:50px;color:#cccccc;} #distributor-name{font-size:14px; font-weight:bold;} .distributor-year{font-size:12px; font-family: "arial,sans-serif"; letter-spacing:1.25px;} #overview-details{width:450px; position:relative; margin:0; font-size:12px; font-family: arial, sans-serif; letter-spacing:0px; line-height:20px; padding-left:30px; color:#b3b3b3;} #overview-icons{width:450px; height:25px; background:#333333; bottom:0px; margin-left:10px; position:relative; top:20px;} #overview-icons a{font-size:14px; font-weight:bold; padding-left:20px; padding-right:20px;} #overview-icons a:hover{text-decoration:none;} h2#studio-name{float:left; line-height:50px; font-size:15px; font-weight:bold; letter-spacing:0px; padding-left:50px;} h1#article-title{color: #FFFFFF;font-size: 24px;font-weight: 500;letter-spacing: 1px;padding: 0;} .credit-details-list{list-style: none; width:450px; min-height:1000px; height:2000px; padding: 0; top:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0px; padding-left:50px; } .credit-details-list li{width:220px; position:relative; padding: 0px; margin-left: 0; left:0; float:left; color:#cccccc;} .scroll-contents {position:relative;top:0px;left:0px; width:300px;} .scroll-handle {z-index:990;cursor:pointer;position:absolute;top:15px;right:10px;height:30px;width:25px;background:url(/static/images/slider-button.png) no-repeat;} #text-scroller-details{width:450px; position:relative; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; line-height:20px; padding-left:35px; color:#b3b3b3;} #text-scroller-details p{width:95%;} /*Commercials page styles*/ #commercial-sub-nav-wrap{width: 900px; margin: 0 auto;position:relative; clear:both;} #commercial-submenu-logo{float:right; background:url(/static/images/commercial-sub-menu-logo.png) no-repeat left;width:100px; height:50px;} .commercial-gallery-bg{background:url(/static/images/feature-show-bg.png) no-repeat 0 0px} p a.comm-link-color{color:#9e4914} /*Design Styles*/ #design-submenu-logo{float:right; background:url(/static/images/design-sub-menu-logo.png) no-repeat left;width:100px; height:50px;} .design-thumbnails{display:block; width:480px; list-style: none;height: 135px; margin: 0 auto; padding: 0;; margin-bottom:20px;} .design-thumbnails li{ padding: 0; position:relative; cursor: pointer; float: left;height: 135px;margin-right: 0px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} .design-thumbnails li a{padding-right:25px;} .design-thumbnails li a img{width:55px; height:136px;} .design-thumbnails li:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;} .design-thumbnails span.title{top:90px;left:0px;position:absolute;font-size:10px; margin:0;padding:0;color:#cccccc;font-family:Arial, Helvetica, sans-serif;font-weight:bold; z-index:1;text-transform:uppercase;text-align:center;line-height:15px;width:55px; overflow:hidden;word-wrap: break-word;} /*Join Styles*/ #join-submenu-logo{float:right; background:url(/static/images/join-sub-menu-logo.png) no-repeat left;width:95px; height:50px;} #join-la-submenu-logo{float:right; background:url(/static/images/join-la-sub-menu-logo.png) no-repeat left;width:95px; height:50px;} #join-mum-submenu-logo{float:right; background:url(/static/images/join-mum-sub-menu-logo.png) no-repeat left;width:95px; height:50px;} .join-location{list-style: none; width: 900px; height: 40px;margin: 0; padding: 0;float:right;text-transform:uppercase;} .join-location li{ padding: 0; cursor: pointer; width:170px; text-align:center; float: left;height: 40px;margin-right: 0px;} .join-location li a{ height: 40px; display: block; text-align:center; ; font-size:20px;letter-spacing:0px;color:#666666;text-decoration: none;} .join-location li a:hover{color:#ffffff} .join-location li a.active{color:#ffffff} .join-location-image{padding-left:2px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} map#join-main-image{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} map#join-main-image:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;} .join-location-image:hover{padding-left:2px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;} a.jobs-location-image,a.contacts-location-image,a.locations-location-image{padding-left:2px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} a.jobs-location-image:hover,a.contacts-location-image:hover,a.locations-location-image:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;} #apprentice_details{width:450px; position:relative; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; line-height:25px; padding-left:35px; color:#b3b3b3;} /* top right location text */ div#mumbai-sub-menus div#sub-nav-wrap div#jobs-submenu-logo{float:right; /*background:url(/static/images/mumbai-submenu-logo.png) no-repeat left;*/width:95px; /*height:42px;*/font-size: 18px; padding-top: 7px;} div#mumbai-sub-menus div#sub-nav-wrap div#jobs-submenu-logo a{color: #D12727;letter-spacing: 2px} div#mumbai-sub-menus div#sub-nav-wrap div#jobs-submenu-logo a:hover{color: #ff0000 !important;background-image:none !important; text-decoration:none;} div#los-angeles-sub-menus div#sub-nav-wrap div#jobs-submenu-logo{float:right; /*background:url(/static/images/la-submenu-logo.png) no-repeat left;*/width:155px; /*height:42px;*/font-size: 18px; padding-top: 7px;} div#los-angeles-sub-menus div#sub-nav-wrap div#jobs-submenu-logo a{color: #417fa5;letter-spacing: 2px} div#los-angeles-sub-menus div#sub-nav-wrap div#jobs-submenu-logo a:hover{color: #6baad0 !important;background-image:none !important; text-decoration:none;} div#hyderabad-sub-menus div#sub-nav-wrap div#jobs-submenu-logo{float:right;/* background:url(/static/images/hyderabad-submenu-logo.png) no-repeat left;*/width:140px; /*height:42px;*/font-size: 18px; padding-top: 7px;} div#hyderabad-sub-menus div#sub-nav-wrap div#jobs-submenu-logo a{color: #D12727;letter-spacing: 2px} div#hyderabad-sub-menus div#sub-nav-wrap div#jobs-submenu-logo a:hover{color: #ff0000 !important;background-image:none !important; text-decoration:none;} div#kuala-lumpur-sub-menus div#sub-nav-wrap div#jobs-submenu-logo{float:right; /*background:url(/static/images/kuala-lumpur-submenu-logo.png) no-repeat left;*/width:170px; /*height:42px;*/font-size: 18px; padding-top: 7px;} div#kuala-lumpur-sub-menus div#sub-nav-wrap div#jobs-submenu-logo a{color: #D12727;letter-spacing: 2px} div#kuala-lumpur-sub-menus div#sub-nav-wrap div#jobs-submenu-logo a:hover{color: #ff0000 !important;background-image:none !important; text-decoration:none;} div#vancouver-sub-menus div#sub-nav-wrap div#jobs-submenu-logo{float:right; /*background:url(/static/images/vancouver-submenu-logo.png) no-repeat left;*/width:140px; /*height:42px;*/font-size: 18px; padding-top: 7px;} div#vancouver-sub-menus div#sub-nav-wrap div#jobs-submenu-logo a{color: #86a784;letter-spacing: 2px} div#vancouver-sub-menus div#sub-nav-wrap div#jobs-submenu-logo a:hover{color: #72ce6c !important;background-image:none !important; text-decoration:none;} div#mumbai-sub-menus div#sub-nav-wrap div#contacts-submenu-logo{float:right; /*background:url(/static/images/mumbai-submenu-logo.png) no-repeat left;*/width:95px; /*height:42px;*/font-size: 18px; padding-top: 7px;} div#mumbai-sub-menus div#sub-nav-wrap div#contacts-submenu-logo a{color: #D12727;letter-spacing: 2px} div#mumbai-sub-menus div#sub-nav-wrap div#contacts-submenu-logo a:hover{color: #ff0000 !important;background-image:none !important; text-decoration:none;} div#los-angeles-sub-menus div#sub-nav-wrap div#contacts-submenu-logo{float:right; /*background:url(/static/images/la-submenu-logo.png) no-repeat left;*/width:155px; /*height:42px;*/font-size: 18px; padding-top: 7px;} div#los-angeles-sub-menus div#sub-nav-wrap div#contacts-submenu-logo a{color: #417fa5;letter-spacing: 2px} div#los-angeles-sub-menus div#sub-nav-wrap div#contacts-submenu-logo a:hover{color: #6baad0 !important;background-image:none !important; text-decoration:none;} div#hyderabad-sub-menus div#sub-nav-wrap div#contacts-submenu-logo{float:right; /*background:url(/static/images/hyderabad-submenu-logo.png) no-repeat left;*/width:140px; /*height:42px;*/font-size: 18px; padding-top: 7px;} div#hyderabad-sub-menus div#sub-nav-wrap div#contacts-submenu-logo a{color: #D12727;letter-spacing: 2px} div#hyderabad-sub-menus div#sub-nav-wrap div#contacts-submenu-logo a:hover{color: #ff0000 !important;background-image:none !important; text-decoration:none;} div#kuala-lumpur-sub-menus div#sub-nav-wrap div#contacts-submenu-logo{float:right; /*background:url(/static/images/kuala-lumpur-submenu-logo.png) no-repeat left;*/width:170px; /*height:42px;*/font-size: 18px; padding-top: 7px;} div#kuala-lumpur-sub-menus div#sub-nav-wrap div#contacts-submenu-logo a{color: #D12727;letter-spacing: 2px} div#kuala-lumpur-sub-menus div#sub-nav-wrap div#contacts-submenu-logo a:hover{color: #ff0000 !important;background-image:none !important; text-decoration:none;} div#vancouver-sub-menus div#sub-nav-wrap div#contacts-submenu-logo{float:right; /*background:url(/static/images/vancouver-submenu-logo.png) no-repeat left;*/width:140px; /*height:42px;*/font-size: 18px; padding-top: 7px;} div#vancouver-sub-menus div#sub-nav-wrap div#contacts-submenu-logo a{color: #86a784;letter-spacing: 2px} div#vancouver-sub-menus div#sub-nav-wrap div#contacts-submenu-logo a:hover{color: #72ce6c !important;background-image:none !important; text-decoration:none;} /*locations*/ #los-angeles-sub-menus{background-image: url(/static/images/la-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #los-angeles-submenu-logo{float:right; /*background:url(/static/images/la-submenu-logo.png) no-repeat left;*/width:155px; /*height:42px;*/font-size: 18px; padding-top: 7px;} #los-angeles-submenu-logo a{color: #417fa5;letter-spacing: 2px} #los-angeles-submenu-logo a:hover{color: #6baad0 !important;background-image:none !important; text-decoration:none;} #mumbai-sub-menus{background-image: url(/static/images/mumbai-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #mumbai-submenu-logo{float:right; /*background:url(/static/images/mumbai-submenu-logo.png) no-repeat left;*/width:95px; /*height:42px;*/font-size: 18px; padding-top: 7px;} #mumbai-submenu-logo a{color: #D12727;letter-spacing: 2px;} #mumbai-submenu-logo a:hover{color: #ff0000 !important;background-image:none !important; text-decoration:none;} #hyderabad-sub-menus{background-image: url(/static/images/mumbai-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #hyderabad-submenu-logo{float:right; /*background:url(/static/images/hyderabad-submenu-logo.png) no-repeat left;*/width:140px; /*height:42px;*/font-size: 18px; padding-top: 7px;} #hyderabad-submenu-logo a{color: #D12727;letter-spacing: 2px;} #hyderabad-submenu-logo a:hover{color: #ff0000 !important;background-image:none !important; text-decoration:none;} #kuala-lumpur-sub-menus{background-image: url(/static/images/mumbai-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #kuala-lumpur-submenu-logo{float:right; /*background:url(/static/images/kuala-lumpur-submenu-logo.png) no-repeat left;*/width:170px; /*height:42px;*/font-size: 18px; padding-top: 7px;} #kuala-lumpur-submenu-logo a{color: #D12727;letter-spacing: 2px;} #kuala-lumpur-submenu-logo a:hover{color: #ff0000 !important;background-image:none !important; text-decoration:none;} #vancouver-sub-menus{background-image: url(/static/images/vancouver-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #vancouver-submenu-logo{float:right; /*background:url(/static/images/vancouver-submenu-logo.png) no-repeat left;*/width:140px; /*height:42px;*/font-size: 18px; padding-top: 7px;} #vancouver-submenu-logo a{color: #86a784;letter-spacing: 2px} #vancouver-submenu-logo a:hover{color: #72ce6c !important;background-image:none !important; text-decoration:none;} a#division-logos{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} a#division-logos:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;} /* end top right location text*/ /*jobs*/ #jobs-sub-menus{background-image: url(/static/images/grey-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #jobs-la-sub-menus{background-image: url(/static/images/grey-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} /*Development styles*/ #development-sub-menus{background-image: url(/static/images/development-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #development-submenu-logo{float:right; background:url(/static/images/dev-sub-menu-logo.png) no-repeat left;width:100px; height:50px;} /*Map styles*/ #map{width:450px; position:relative; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; padding-left:35px; color:#cccccc;} #map h2.address{font-size:12px; line-height:50px; } #map h3.direction-title{font-size:11px;} /*jQuery UI Accordion 1.8.11*/ /* IE/Win - Fix animation bug - #4615 */ .container.ui-accordion { width: 510px; } .container.ui-accordion a{ color:#cccccc; } .container.ui-accordion a:hover{ color:#ffffff; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; color:#CCCCCC; font-size:13px; padding: .3em .3em .3em .3em; width:470px; text-decoration:none;} .ui-accordion-icons .ui-accordion-header a { padding-left: 30px; width:450px; background:url(/static/images/desc-top-cut-line.png) no-repeat 30px bottom; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { border-top: 0; ; position: relative; width:450px; font-family: Arial, Helvetica, sans-serif; font-size:12px; top: 1px; margin:0; padding-left:50px; overflow: auto; display: none; ; } .ui-accordion .ui-accordion-content-active { display: block; height:auto;} /* not sure why we have multiple ui-accordion-content ul's defined here .ui-accordion .ui-accordion-content ul {display: block;list-style: none;float: left;width: 220px;margin-top: 10px;margin-left:0px;} */ .ui-accordion .ui-accordion-content ul li {padding-left: 5px; color:#b3b3b3; line-height:19px;} .ui-accordion .ui-accordion-content ul li span.name{color:#ffffff;} .ui-accordion .ui-accordion-content ul li a{color:#b3b3b3;} .ui-accordion .ui-accordion-content ul li a:hover{color:#ffffff;} .ui-accordion .ui-accordion-content p {color:#cccccc; line-height:20px;} .ui-accordion .ui-accordion-content a{color:#cccccc;} .ui-accordion .ui-accordion-content a:hover{color:#ffffff;} /* font size in text scroller header is 15 so setting accordion font size to the same */ .ui-accordion .ui-accordion-header a { font-size: 15px; } .ui-accordion .ui-accordion-content { padding-left: 30px; padding-top: 15px; padding-bottom: 15px;} .ui-accordion .ui-accordion-content ul {display: block;list-style:disc;margin-top: 0px; padding-left: 0; margin-left:0px; margin-left:15px;} /* .ui-accordion .ui-accordion-content ul.contacts {display: block;list-style: none;float: left;width: 200px;margin-bottom: 15px; margin-top: 0px;margin-left:0px; padding-left: 20px;} */ .ui-accordion .ui-accordion-content ul.contacts {display: block;list-style: none;float: none;margin-bottom: 15px; margin-top: 0px;margin-left:0px; padding-left: 20px;} .ui-accordion .ui-accordion-content ul#commercials {float:none ;} .ui-accordion .ui-accordion-content ul.contacts li {padding-left: 5px; color:#b3b3b3; line-height:19px;} .ui-accordion .ui-accordion-content ul.contacts li span.name{color:#ffffff;} .ui-accordion .ui-accordion-content ul.contacts li a{color:#b3b3b3;} .ui-accordion .ui-accordion-content ul.contacts li a:hover{color:#ffffff;} a.direction-title{background: url('/static/images/desc-top-cut-line.png') no-repeat scroll 30px bottom transparent;padding-left:50px;width: 450px; color: #CCCCCC; display: block;padding:0.3em; padding-left:30px; font-size: 15px;} a.direction-title:hover{text-decoration:none;} /*contact location*/ .contact-location{list-style: none; width: 853px; height: 40px;margin: 0; padding: 0;float:right;text-transform:uppercase;} .contact-location li{ padding: 0; cursor: pointer; width:150px; float: left;height: 40px;margin-right: 0px;} .contact-location li a{ height: 40px; display: block; text-align:center; font-size:20px;letter-spacing:0px;color:#b3b3b3;text-decoration: none;} .contact-location li a:hover{color:#ffffff} /*About Styles*/ #about-submenu-logo{float:right;width:100px; height:50px;} #about-details{width:450px; position:relative; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; line-height:20px; padding-left:50px; color:#b3b3b3;} #about-details p{width:85%;} #vision_details{width:450px; position:relative; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; line-height:20px; padding-left:35px; color:#b3b3b3;} #text-scroller-details a{color:#b3b3b3;} #text-scroller-details a:hover{color:#ffffff;} #text-scroller-details ul.contacts { display: block; margin-bottom: 15px; list-style-type: none;padding-left :20px;} #text-scroller-details ul.contacts li {color:#b3b3b3; line-height:19px;} #text-scroller-details ul.contacts li span.name{color:#ffffff;} #text-scroller-details ul.contacts li a{color:#b3b3b3;} #text-scroller-details ul.contacts li a:hover{color:#ffffff;} /*no-submenu logo*/ #no-submenu-logo{float:right;width:100px; height:50px;} /*Conatct Styles*/ #contacts-sub-menus{background-image: url(/static/images/grey-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #contacts-submenu-logo{float:right;width:100px; height:50px;} #add-holder{font-size:16px; width:730px; height:180px; font-weight:bold; padding-left:70px; margin-left:0px; letter-spacing:0px;} #add-holder ul{list-style: none; width:500px; display:block;} #add-holder ul li{list-style: none; width:480px; display:block;} #add-holder ul a{color:#ffffff;} /*widths*/ .w1024{width:1024px; margin-left:auto; margin-right:auto} .w900{width:900px; margin-left:auto; margin-right:auto} section#w1024 {clear: both; padding: 0; width: 100%; margin: 0px auto 0; } .w970{width:970px;} .w920{width:970px;} .w480{width:480px} /*Heights*/ .bottom-space{clear:both; width: 100%; height:90px;} /*Colors*/ .sky-blue{color:#268dbd;} .red{color:#c81f1f;} /*Bold*/ .tbold{font-weight:bold;} /*12px;*/ .f12pt{font-size:12px; letter-spacing:1px;} /*16px;*/ .f16pt{font-size:16px; } /*h1 styles*/ /*a active class*/ a.active{color:#ffffff;} h1.header{padding:0; margin:0; background:url(/static/images/desc-top-cut-line.png) no-repeat bottom left; margin-bottom:20px; font-size:15px; font-family:Telegrafico; line-height:50px;} /* Navigation Styles ///////////////////////////////////////////////////////*/ .top-nav { list-style: none; /*width: 755px;*/ margin: 0; margin-right: 20px; padding-right:0px;float:right;text-transform:uppercase;} .top-nav li{float:left;margin: 0px;padding-right:25px;} .top-nav a{float: left;display: block;font-size:12px;/*letter-spacing:1px*/;color:#bfbfbf;text-decoration: none;font-weight:bolder;/*font-family: "Tahoma";*/} .top-nav a:hover{color:#ffffff;} .top-nav a.active{color:#ffffff;} .sub-nav { list-style: none; /*width: 650px;*/ left: 110px; padding: 0;float:left;top:8px;position:relative;} .sub-nav li{ padding: 0; cursor: pointer; float: left;line-height:25px;margin-right: 0px;} .sub-nav a{float: left;padding-right:10px;padding-left:10px;display: block;font-size:10px;letter-spacing:1px;color:#b3b3b3;text-decoration: none;font-weight:bold;} .sub-nav a:hover{color:#ffffff;background:url(/static/images/feature-submenu-over.png) center no-repeat;} .commercial-sub-nav a:hover{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat;} .commercial-sub-nav a.active{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat; } .design-sub-nav a:hover{color:#ffffff;background:url(/static/images/design-submenu-over.png) center no-repeat; } .design-sub-nav a.active{color:#ffffff;background:url(/static/images/design-submenu-over.png) center no-repeat; } .sub-nav a.active{color:#ffffff;background:url(/static/images/feature-submenu-over.png) center no-repeat;cursor:default;} .commercial-sub-nav a:hover{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat;} .commercial-sub-nav a.active{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat; } #commercials-sub-menus a:hover{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat;} #commercials-sub-menus a.active{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat; } #commercials-sub-nav-wrap{width: 900px; margin: 0 auto;position:relative; clear:both;} #commercials-submenu-logo{float:right; background:url(/static/images/commercial-sub-menu-logo.png) no-repeat left;width:100px; height:50px;} #design-sub-menus a:hover{color:#ffffff;background:url(/static/images/design-submenu-over.png) center no-repeat; } #design-sub-menus a.active{color:#ffffff;background:url(/static/images/design-submenu-over.png) center no-repeat; } #special-projects-sub-menus{background-image: url(/static/images/special-proj-submenu-bg.png);background-repeat: no-repeat; background-position: center 15px; height:70px; margin-top:0px;} #special-projects-submenu-logo{float:right; background:url(/static/images/special-proj-sub-menu-logo.png) no-repeat left;width:130px; height:50px;} #mumbai-sub-menus a:hover{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat;} #mumbai-sub-menus a.active{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat;} #hyderabad-sub-menus a:hover{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat;} #hyderabad-sub-menus a.active{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat; } #kuala-lumpur-sub-menus a:hover{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat;} #kuala-lumpur-sub-menus a.active{color:#ffffff;background:url(/static/images/commercial-submenu-over.png) center no-repeat; } #los-angeles-sub-menus a:hover{color:#ffffff;background:url(/static/images/la-submenu-over.png) center no-repeat;} #los-angeles-sub-menus a.active{color:#ffffff;background:url(/static/images/la-submenu-over.png) center no-repeat;} #about-sub-menus a:hover{color:#ffffff;background:url(/static/images/about-submenu-over.png) center no-repeat;} #about-sub-menus a.active{color:#ffffff;background:url(/static/images/about-submenu-over.png) center no-repeat;} /* Navigation Styles ends here///////////////////////////////////////////////////////*/ /*---------------------SITE MAP---------------------*/ .sitemap .content {padding-top: 16px;padding-bottom: 16px;} .sitemap_box {width: 853px;margin-bottom:2px;padding: 11px 14px;background-color: #333333; } .sitemap_box:last-child {margin-bottom: 0;} .sitemap_box a.head {font-weight: bold;color: #ffffff;font-size: 16px;float: left;margin: 0;display: block;} .sitemap_box a.head:hover {color: #ffffff;} .sitemap_box div#holder{width:270px; float:left; padding-left:10px;} .sitemap_box ul {display: block;list-style: none;float: left;width: 208px;margin-top: 5px;} .sitemap_box ul.first {margin-left: 40px;} .sitemap_box ul li {background: url('/static/images/marker_blue.png') no-repeat left 11px;padding-left: 15px;} .sitemap_box ul a {color: #b3b3b3;font-size: 12px;font-weight: bold;cursor: pointer;} .sitemap_box ul a:hover {color: #ffffff;} /* Jcarousel styles ///////////////////////////////////////////////////////*/ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ #carousel-wrap{width:900px; margin-left:auto; margin-right:auto;} .jcarousel-skin-tango{width:853px; float:left;} .jcarousel-container {position: relative;} .jcarousel-clip {padding: 0;margin: 0;overflow: hidden;position: relative;} .jcarousel-list {overflow: hidden;position: relative; list-style: none;margin: 0 auto; padding: 0;} .jcarousel-commercial-clip {padding: 0;margin: 0;overflow: hidden;position: relative;} .jcarousel-list li {float: left; margin: 0; text-align: center; } /** * The buttons are added dynamically by jCarousel before * the