/* PING | WEBSITE STYLES BEWARE ################# */ /* DO NOT MAKE A CHANGE IF YOU ARE NOT AUTHORIZED */ /* ############################################## */ /* created 12.09.2009 by spielersun - ping.com.tr */ body { font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; margin-left:0; padding:0px; color: Black; text-decoration:none; text-decoration: none; background-color:#f1f0f0; } body, html, #all, form{ height:100%;} :focus{ outline:none;} a img{ border:none;} img{ border:none;} .mrMuscle{clear:both;} /* HACKS ######################################## */ /* ############################################## */ /* The Malarkey Image Replacement Method http://www.stuffandnonsense.co.uk/archives/examples/malarkey-method-example.html */ .mir { letter-spacing : -1000em; background-repeat: no-repeat;text-indent : -999em; } /* Just for Opera, but hide from MacIE */ html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;} /* End of hack */ /* MAIN STYLES ################################## */ /* ############################################## */ #all{ width:100%; margin-left:0; /* overflow: hidden; margin-bottom: -1000px; padding-bottom: 1000px; */ height:auto; min-height:100%;} #ping_logo{ display: block; float:left; width:164px; height:68px; background: url(../images/pingLogo.png) no-repeat; background-position:11px 0px; } #header{ float:left; width:635px; padding-top:5px; height:66px; padding-left:84px; background: url(../images/headerTop.png) top center no-repeat; font-size:11px;} #header h3{ color:#bf1e2e; font-weight:bold;} #twitter_feed{ display:none;} #twitter_feed p{ color:#898989;} .navArea{ float:left; width:100%; margin-top:10px; height:52px; overflow:hidden;position:relative; } .navArea_landing{ z-index: 1000; float:left; width:100%; margin-top:10px; height:27px; overflow:hidden;position:relative; } .main_menu {font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; padding-left:30px; height:52px; position:relative;background: url(../images/nav_line.gif) no-repeat; background-position:27px; background-repeat:repeat-x; width:100%; } .main_menu li { display: block; float: left; height:32px; } .nav_item{ width:auto; height:22px; color:#898989; padding:0px 10px 5px 10px; overflow:hidden; text-decoration:none; display:block;} .nav_item:hover{ width:auto; height:22px; color:#bf1e2e; padding:0px 10px 5px 10px; overflow:hidden; display:block;} span.nav_item_selected{ width:auto; height:22px; color:#898989; border-bottom:solid 5px #d8d8d8; padding:0px 10px 5px 10px; display:block; overflow:hidden;text-decoration:none; } .mcv { width:853px; height:100%; padding-left:30px; clear:left; float:left; padding-bottom:85px;} .mcv_alter{ width:960px; height:100%; padding-left:30px; clear:left; float:left; padding-bottom:85px;} .mcv_landing { width:100%; position: absolute; top: 0; height:100%; overflow: hidden; clear:left; float:left; display:block;} .mcv_landing .spacer { height: 104px; } .mcv_landing #main_display_flash { height: 100%; padding: 0; margin: 0; } #footer{ width:100%; height:85px; background: url(../images/footerBg.png) repeat; position:relative; margin-top:-85px; clear:both;} .footerItem{ padding-left:40px; float:left; margin-top:22px;} .footerItem h3{color:#ffffff; font-weight:bold; font-size:11px; margin-bottom:5px;} .footerItem p{color:#acacac; font-size:11px;} .footerItem p a{color:#acacac; font-size:11px;} /* MINOR STYLES ################################# */ /* ############################################## */ #featured_project{ width:843px; height:270px; float:left;display:block; background:url(../images/featured_project.png) no-repeat; position:relative;} #featured_project_description{ width:318px; height:auto; float:left; background:url(../images/shade.png) repeat; padding-left:17px; margin-left:422px; color:#ffffff; position:absolute; bottom:13px; padding-bottom:10px;} #featured_project_description h2{ font-size:30px; margin-top:15px;} #featured_project_description h3{margin-left:2px; font-size:12px; margin-bottom:20px;} #featured_project_description p{ margin-left:2px; font-size:11px; margin-bottom:10px;} #featured_project_description a{ margin-left:2px; font-size:11px; text-decoration:none; color:#ffffff;} .separator{ margin:0px 5px;} #news_container{width:843px; height:86px; overflow:hidden; float:left; margin-bottom:60px; } .news{width:280px; height:86px; float:left; margin-right:1px; border-top:solid 4px #bf1e2e;} .news_last{margin-right:0px;width:281px; height:86px; float:left; border-top:solid 4px #bf1e2e;} #news_container h2{width:265px; height:19px; padding-left:9px; padding-top:6px; font-size:14px; float:left; font-weight:bold; color:#bf1e2e; background:url(../images/news_point.png) no-repeat; margin-left:3px; } #news_container p{width:268px; height:61px; font-size:11px; padding-left:12px; float:left;} #newsletter_feed{ width:278px; height:63px; color:#ffffff; padding-left:10px; position:absolute; display:none; margin-top:20px; margin-left:670px; padding-top:5px; background:url(../images/news_bg.png) no-repeat; font-size:12px; } .pingerAll{ width:804px; height:auto; float:left; border-bottom:solid 1px #dcdbdb; margin-top:26px; padding-bottom:25px;} .pingerImg{ width:166px; height:178px; float:left; margin-right:36px;} .pingerAll h2{ font-weight:bold; height:37px; font-size:16px; color:#bf1e2e; float:left;margin-top:20px;} .pingerAll h3{ height:37px; padding-left:5px; font-size:14px; color:#636363; float:left; margin-left:2px; margin-top:23px;} .pingerAll p{ width:602px; height:auto; font-size:12px; float:left; color:#636363;} .pinger_nav{ width:130px; display:block; left:870px; top:183px; position:fixed; height:auto; float:left; color:#bf1e2e; font-size:12px; padding-bottom:10px; padding-left:9px;} .pinger_nav a{ width:130px; display:block; margin-bottom:1px; color:#4d4d4d; padding:4px 8px 6px 8px; text-decoration:none; border-bottom:solid 1px #d8d8d8; } .pinger_nav a:hover{ color:#bf1e2e;} .projectAll{ width:843px; height:267px; float:left; margin-bottom:11px; background:url(../images/projectBg.png) repeat; } .proImg{ width:432px; height:267px; float:left; position: absolute; visibility: hidden; display:block;} .proNav{ width:411px; height:20px; float:left;} .proIndex{ width:325px; height:149px; float:left; padding-top:33px; padding-left:58px; padding-right:28px; font-size:11px; color:#ffffff;} .proIndex h2{font-size:23px; font-weight:bold; margin-bottom:14px;} .proPagi{ width:411px; height:30px; float:left;} .proPagi a{display: -moz-inline-box;display: inline-block;text-decoration: none;} .pro_images_container{position: relative; width:432px; height:267px; float:left; overflow: hidden; background:url(../images/pro_images_bg.png) no-repeat; } #proImages{position: relative; width:413px; height:241px; float:left; padding:12px 8px 14px 11px; overflow: hidden;} #proImages ul li{ position:absolute;} .showreel{ width:490px; height:315px; float:left; margin-right:18px; } .showreel h2{ width:405px; height:20px; float:left; padding-top:10px; font-size:14px; padding-left:15px; color:#555555; } .casestudy{ width:164px; height:140px; float:left; margin-right:4px; margin-bottom:25px; } .casestudy a{ width:164px; height:110px; float:left; background-color:#bf1e2e; } .casestudy h2{ width:164px; height:30px; float:left; padding-top:10px; font-size:12px; color:#555555;} .casestudy_last{ width:164px; height:140px; float:left;margin-bottom:25px; } .casestudy_last a{ width:164px; height:110px; float:left; background-color:#bf1e2e; } .casestudy_last h2{ width:164px; height:30px; float:left; padding-top:10px; font-size:12px; color:#555555;} .casestudy_last_alternative{ float:right; width:164px; height:140px; margin-bottom:25px; } .casestudy_last_alternative a{ width:164px; height:110px; float:left; background-color:#bf1e2e; } .casestudy_last_alternative h2{ width:164px; height:30px; float:left; padding-top:10px; font-size:12px; color:#555555;} .client_container{ width:132px; height:106px; text-align:center; float:left; margin-right:10px; margin-bottom:5px; background-color:#f1f0f0; } .client_container .client_case_study{ width:123px; height:10px; text-align:center; float:left; margin-right:5px; margin-bottom:5px; background:url(../images/case_study_go.png) no-repeat; text-decoration:none; padding-bottom:2px; color:#636363; font-size:10px; background-position:3px right; background-position:right; text-align:right; padding-right:7px; } .client{ width:132px; height:86px; text-align:center; float:left; margin-right:11px; margin-bottom:2px; background-color:#f1f0f0; } .client_last{ width:132px; height:86px; text-align:center; float:left; margin-bottom:2px; background-color:#f1f0f0; } .projectHead{ width:606px; height:22px; float:left; padding-left:17px; padding-top:18px; } .projectHead h2{ font-size:20px; color:#bf1e2e; font-weight:bold;} .project_specs{ width:202px; height:222px; padding-left:28px; padding-top:16px; float:right; background:url(/images/projectSpecs.png) no-repeat; } .project_specs h2{font-size:15px; color:#bf1e2e; font-weight:bold; height:33px;} .project_specs h3{ font-size:12px; font-weight:bold; margin-top:24px; color:#464646; } .project_specs p{ font-size:12px; margin-top:3px; color:#707070;} .project_specs a{ font-size:12px; margin-top:3px; color:#707070; text-decoration:underline;} .project_index{ width:569px; height:auto; padding-left:18px; padding-right:36px; padding-top:10px; float:left; } .project_index p{ color:#707070; font-size:11px;} .worksImg{ float:left; width:843px; height:274px; background: url(../images/worksImg.png) no-repeat;} .works{ float:left; width:843px; height:152px; background: url(../images/works.png) no-repeat;} #contact_map{ float:left; width:533px; height:298px; margin-right:26px; border:solid 1px #bf1e2e;} .contact_item{ width:273px; height:52px; float:left; margin-bottom:18px; padding-bottom:18px; border-bottom:solid 1px #d8d8d8; } .contact_item_last{width:273px; height:52px; float:left; margin-bottom:18px; padding-bottom:18px; } .contact_item h3{color:#bf1e2e; font-size:14px; margin-bottom:5px;} .contact_item p{color:#898989; font-size:12px;} .contact_item_last h3{color:#bf1e2e; font-size:14px; margin-bottom:5px;} .contact_item_last p{color:#898989; font-size:12px;} .contact_item_last p a{color:#898989; font-size:12px;} #what_we_do_swf_container{width:383px; height:452px; float:left; margin-bottom:20px; text-align:center; } #what_we_do_text_container{width:557px; height:auto; float:left; margin-top:15px; } .what_we_do_text{width:562px; height:auto; display:block; float:left; clear:both; padding-top:5px; font-size:12px; color:#707070; padding-left:15px;margin-bottom:20px; display:none;} .what_we_do_text h2{ float:left; width:100%; font-size:16px; color:#bf1e2e; padding-bottom:8px; } .what_we_do_text p{ float:left; width:100%; padding-top:5px; font-size:12px; color:#707070; margin-bottom:30px;} .what_we_do_text a{ text-decoration:none; color:#717171;} #text_detay{ float:left; padding-top:5px; font-size:12px; color:#707070; margin-bottom:30px; display:none; text-decoration:none;} .what_we_do_text ul li{ font-size:12px;} .what_we_do_text h3{ display:block; float:left; clear:both; width:180px; color:#ffffff; padding-left:10px; padding-top:5px; height:21px; background:url(../images/project_list.png) no-repeat; position:relative;} /*.what_we_do_text a{ width:149px; height:20px; display:block; float:left; margin-top:25px; background: url(../images/btn_case_studies.png); }*/ #what_we_do_2 ul li{ clear:both; display:block; float:left; } #what_we_do_5 ul li{ clear:both; display:block; float:left; } .btnProPagiNext{width:81px; height:20px; font-size:10px; color:#ffffff; padding-top:3px; float:left; margin-left:14px; display:none;} .btnProPagiPrev{width:81px; height:20px; font-size:10px; color:#ffffff; padding-top:3px; float:left; margin-left:14px; display:none;} .client_go{ width:843px; height:22px; float:left; padding-right:10px; text-align:left;} .prev{}.next{}.pngfix{} #tooltip {position: absolute; z-index: 3000; font-size:12px; border: 0px solid #111; background-color: #555555; color:#f1f0f0; padding: 3px 8px; opacity: 0.85;} #tooltip h3, #tooltip div { margin: 0; } /* INPUT STYLES ################################# */ /* ############################################## */ .btnProNavItem{width:70px; height:20px; float:right; margin-left:1px;} #btnProNavBack{background:url(../images/proBack.png) no-repeat;} #btnProNavPrev{background:url(../images/proPrev.png) no-repeat;} #btnProNavNext{background:url(../images/proNext.png) no-repeat;} .btnProPagiLeft{width:20px; height:20px; float:left; margin-left:6px; display:none; background:url(../images/proLarrow.png) no-repeat;} .btnProPagiRight{width:20px; height:20px; float:left; margin-left:7px; display:none; background:url(../images/proRarrow.png) no-repeat;} #btnProPagiLaunch{width:115px; height:20px; float:right; margin-right:10px; background:url(../images/proLaunch.png) no-repeat;} #btn_client_all{width:124px; height:11px; font-size:11px; margin-right:5px; text-decoration:none; float:right; text-align:right; color:#555555; background:url(../images/btn_clients.png) no-repeat right; padding-bottom:2px; padding-right:20px;} #btn_client_all:hover{color:#373636;} #btn_twitter{ color:#898989; text-decoration:none; font-weight:bold;} #btn_twitter:hover{ color:#bf1e2e; text-decoration:none; font-weight:bold;} #btn_twitter_left{ width:9px; height:9px; float:right; margin-left:5px; margin-top:3px; background: url(../images/tw_left.png); } #btn_twitter_right{ width:9px; height:9px; float:right; margin-left:1px; margin-top:3px; margin-right:2px; background: url(../images/tw_right.png);} #btn_blog{margin-left:90px; color:#898989; text-decoration:none;} #btn_blog:hover{margin-left:90px; color:#bf1e2e; text-decoration:none;} #btn_newsletter{margin-left:151px; color:#898989; text-decoration:none;} #btn_newsletter:hover{margin-left:151px; color:#bf1e2e; text-decoration:none;} .txt_follower_mail{ width:200px; height:21px; background-color:#ffffff; border:none; margin-top:5px;} .btn_send_follower{ width:51px; height:21px; margin-left:5px; border:none; margin-top:5px; color:#bf1e2e; background-image:url(../images/btn_follow_bg.png)} .btn_clients_go{ float:right; font-size:11px; text-align:right; text-decoration:none; width:140px; color:#afaeae; padding-right:10px; background:url(../images/clients_all_go.png) no-repeat; background-position:right; } .btn_clients_go_2{ float:left; font-size:11px; text-decoration:none; width:140px; color:#afaeae; padding-left:10px; background:url(../images/clients_all_go_2.png) no-repeat; background-position:left; } .btn_goto_case_studie{ width:auto; height:20px; display:block; color:#929292; float:left; background:url(../images/case_bullet.png) no-repeat; text-decoration:none; padding-left:10px; padding-right:10px; margin-top:4px;} .btn_goto_case_studie:hover{ background:url(../images/case_bullet_hover.png) no-repeat; color:#bf1e2e; } .btn_text_detay{ float:left; margin-top:10px;} .btn_text_detay:hover{ float:left; color:#bf1e2e;} .sedep_bar{ margin-left:53px; margin-right:58px;} .sedep_b1{ margin-bottom:15px;} /* FOR CROSS BROWSING ########################### */ /* ############################################## */ .ie6 div#all{ width:100%; margin-left:0; /* overflow: hidden; margin-bottom: -1000px; padding-bottom: 1000px; */ height:auto; min-height:100%;} .ie6 div.mcv{ width:853px; height:auto; padding-left:30px; clear:left; float:left; padding-bottom:85px; } .ie6 div#footer{ width:100%; height:85px; background: url(../images/footerBg.png) repeat; position:relative; margin-top:-85px; clear:both; } .ie6 .nav_item{ width:110px; height:22px; color:#898989; padding:0px 10px 5px 10px; overflow:hidden; text-decoration:none; text-align:center; } .ie6 .nav_item:hover{ width:110px; height:22px; color:#bf1e2e; padding:0px 10px 5px 10px; overflow:hidden; } .ie6 .nav_item_selected{ width:110px; height:22px; color:#898989; padding:0px 10px 5px 10px; overflow:hidden; text-decoration:none;text-align:center; } .ie6 .main_menu li { float: left; height:32px; display:inline; width:100px; } .ie6 div.casestudy{ width:164px; height:130px; float:left; margin-right:16px; margin-bottom:0px; } .safari div.pingerAll h3{ height:37px; padding-left:5px; font-size:14px; color:#636363; float:left; margin-left:2px; margin-top:21px;} .safari div.mcv_landing { width:100%; position: absolute; margin-bottom:-85px; top: 0; height:100%; overflow: hidden; clear:left; float:left; display:block;} .ie6 .client_container{ width:132px; height:106px; text-align:center; float:left; margin-right:5px; margin-bottom:5px; background-color:#f1f0f0; } .ie6 .client_container .client_case_study{ width:123px; height:10px; text-align:center; float:left; margin-right:5px; margin-bottom:0px; background:url(../images/case_study_go.png) no-repeat; text-decoration:none; color:#636363; font-size:10px; background-position:3px right; background-position:right; text-align:right; padding-right:7px; } .ie6 .client{ width:132px; height:86px; text-align:center; float:left; margin-right:5px; margin-bottom:2px; background-color:#f1f0f0; } .ie6 .client_last{ width:132px; height:86px; text-align:center; float:left; margin-bottom:2px; background-color:#f1f0f0; }