/*styles for all pages*/ * { margin:0; padding:0;} body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; } div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, dl, dt, dd, img, br, big { padding:0; margin:0; } .clr { clear:both; } a, input { outline:none;} img {border:0; outline:none;} h1 {font:normal 34px/36px Georgia, "Times New Roman", Times, serif; color:#000000;} h1 span {font-weight:bold; color:#FFFFFF;} h2 {font:bold 16px/20px Georgia, "Times New Roman", Times, serif; color:#333333; } h3 { font:normal 24px/30px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; } h4 {font:bold 28px/60px Georgia, "Times New Roman", Times, serif; color:#000000; font-style:italic;} h5 a{font:bold 18px/28px Georgia, "Times New Roman", Times, serif; color:#fff; font-style:italic; background:url(../images/arrow1.png) no-repeat left; padding-left:20px; text-decoration:none;} h5 a:hover {color:#00FDFF; text-decoration:none;} h5 a span {font-size:14px;} div#home-flash {width:auto;} /*===========================================Layout CSS===========================================*/ #maindiv1 { margin:0 auto; padding:0; width:100%; background:#EFEFEF url(../images/mainbg1.gif) repeat-x top; } #maindiv2 { margin:0 auto; padding:0; width:100%; background:#000 url(../images/mainbg2.gif) repeat-x top; } #mainfooter { margin:0 auto; padding:0; width:100%; height:232px; background:#131313 url(../images/footerbg.gif) repeat-x bottom; } #firstbg { margin:0 auto; padding:0; width:100%; background:url(../images/firstbg_about.jpg) no-repeat center top; } #secondbg { margin:0 auto; padding:0; width:100%; } #footermainbg { margin:0 auto; padding:0; width:1002px; height:232px; background:url(../images/footermainbg.jpg) no-repeat center bottom; } /*===========================================First Section CSS===========================================*/ #firstbody_div { margin:0 auto; padding:0; width:1002px; position:relative;} #firstheader_section { margin:0; padding:0; width:1002px; height:110px; float:left; } #logo_section { margin:46px 0 0 0; padding:0; width:200px; float:left; } #toplink { margin:0 ; padding:0 0 8px 8px; width:181px; float:right; background:url(../images/toplinkbg.png) no-repeat left top; color:#1fefff; text-transform:uppercase; text-decoration:none; font:bold 10px/25px Arial, Helvetica, sans-serif; height:35px; } #toplink a { text-decoration:none; color:#09f0ff;} #toplink a:hover { color:#fff; } #toplink a.active { color:#fff; } #toplink a#pad_left { padding-left:8px;} #toplink a#pad_none {padding-left:0;} #toplink a#pad_right {padding-left:0; padding-right:8px;} #firstmenu_section { margin:4px 0 0 0; padding:0; width:1002px; height:50px; float:left; } #firstmenu_section ul { list-style-type:none; margin-left:20px;} #firstmenu_section li { list-style-type: none; float:left; } #firstmenu_section li a{ text-decoration:none; text-align:center;font:bolder 16px/50px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#000000; text-align:center; } #firstmenu_section li.profile{ width:107px; text-align:center; } #firstmenu_section li.profile:hover {background:url(../images/profile-img-roll.gif) no-repeat center; display:block; width:107px; } #firstmenu_section li.profile_fix {background:url(../images/profile-img-roll.gif) no-repeat center; display:block; width:107px; text-align:center; } #firstmenu_section li.service{ width:107px; text-align:center; } #firstmenu_section li.service:hover {background:url(../images/services-imgroll.gif) no-repeat center; display:block; width:107px; } #firstmenu_section li.service_fix{background:url(../images/services-imgroll.gif) no-repeat center; display:block; width:107px; text-align:center; } #firstmenu_section li.technology{ width:137px; text-align:center; } #firstmenu_section li.technology:hover {background:url(../images/technology-imgroll.gif) no-repeat center; display:block; width:137px; } #firstmenu_section li.technology_fix{background:url(../images/technology-imgroll.gif) no-repeat center; display:block; width:137px; text-align:center; } #firstmenu_section li.methodology{ width:157px; text-align:center; } #firstmenu_section li.methodology:hover {background:url(../images/methodology-imgroll.gif) no-repeat center; display:block; width:157px; } #firstmenu_section li.methodology_fix{background:url(../images/methodology-imgroll.gif) no-repeat center; display:block; width:157px; text-align:center; } #firstmenu_section li.team{ width:72px; text-align:center; } #firstmenu_section li.team:hover {background:url(../images/team-imgroll.gif) no-repeat center; display:block; width:72px; } #firstmenu_section li.team_fix{background:url(../images/team-imgroll.gif) no-repeat center; display:block; width:72px; text-align:center; } #firstmenu_section li.clients{ width:94px; text-align:center; } #firstmenu_section li.clients:hover {background:url(../images/clients-imgroll.gif) no-repeat center; display:block; width:94px; } #firstmenu_section li.clients_fix{background:url(../images/clients-imgroll.gif) no-repeat center; display:block; width:94px; text-align:center; } #firstmenu_section li.partnership{ width:146px; text-align:center; } #firstmenu_section li.partnership:hover {background:url(../images/partnership-imgroll.gif) no-repeat center; display:block; width:146px; } #firstmenu_section li.partnership_fix{background:url(../images/partnership-imgroll.gif) no-repeat center; display:block; width:146px; text-align:center; } #firstmenu_section li.quote{ width:161px; text-align:center; background:url(../images/free-quote.png) no-repeat 0 0; display:block; } #firstmenu_section li.quote:hover {background:url(../images/free-quote.png) no-repeat 0 -50px; display:block; width:161px; } #firstmenu_section li.quote_fix{background:url(../images/free-quote.png) no-repeat 0 -50px; display:block; width:161px; text-align:center; } #time { margin:0; padding:0; width:80px; height:80px; position:absolute; right:0; top:24px; text-indent:-20000px; display:block;} #time a {background:url(../images/exp.png) no-repeat 0 0;} #time a:hover {background:url(../images/exp.png) no-repeat 0 -80px;} #indexheader_section { margin:0; padding:5px 0 0 30px; width:972px; float:left; } #indexheader { margin:0 ; padding:0; width:942px; } .head_end{ background:url(../images/head_end.jpg) repeat-x bottom; height:20px; width:943px;} #firstprofessinal_section { margin:10px 0 0 0; padding:0 0 0 12px; width:990px; float:left; } #firstprofessinal_section h3 {font:bold 28px/36px Georgia, "Times New Roman", Times, serif; color:#000; margin:13px 0 20px 35px;} #professinal_left { margin:0; padding:16px 0 0 30px; width:320px; float:left; } #professinal_right { margin:0; padding:15px 25px 0 0; width:625px; float:right; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#FFFFFF; } .special{font-size:16px; font-family:Georgia, 'Times New Roman', Times, serif; } .firstmid_section { margin:0; padding:5px 0 10px 0; width:1002px; float:left; background:url(../images/innerbg.gif) repeat-y top;} #why_choose { margin:0 0 0 47px; padding:0 8px 0 0; width:270px; float:left; } #why_choose ul { list-style:none; margin: 10px 0 0 0; padding: 0; } #why_choose ul li { margin:0; padding:0; font:normal 12px/27px Arial, Helvetica, sans-serif; color:#888888; padding:0 0 0 2px; border-bottom:1px dashed #CCCACA; } #why_choose ul li:hover{ background-color:#F7F7F7;} #offshore { margin:0 0 0 30px; padding:0 15px 0 0; width:300px; float:left;} #offshore p{ padding-top:8px; color:#888888; font:normal 12px/18px Arial, Helvetica, sans-serif;} #offshore p span{ font-size:16px; color:#888888; font:bold 14px/20px Georgia, "Times New Roman", Times, serif; } #offshore ul { list-style:none; margin: 10px 0 0 0; padding: 0; } #offshore ul li { margin:0; padding:0; font:normal 12px/27px Arial, Helvetica, sans-serif; color:#888888; padding:0 0 0 2px; border-bottom:1px dashed #CCCACA; } #offshore ul li a { margin:0; padding:0; font:normal 12px/27px Arial, Helvetica, sans-serif; color:#888888; display:block; text-decoration:none; } #offshore ul li a:hover{ background-color:#F7F7F7;} #ongoing { margin:0 40px 0 0; padding:0 0px 0 0px; width:275px; float:right;} #firstfooter_section { margin:0; padding:23px 0 0 23px; width:980px; height:140px; float:left; background:url(../images/innerbotbg.jpg) no-repeat top; } #firstfooter_section h2 {font:bold 24px/44px Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; padding:15px 0 0 20px; } #firstfooter_section h2 span {font:bold 44px/44px Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; } /*===========================================Second Section CSS===========================================*/ #secondbody_div { margin:0 auto; padding:0; width:1002px; } #secondheader_section { margin:0; padding:21px 0 0 0; width:982px; height:90px; float:left; } #secondheader_section h2 {font:bold 54px/70px Georgia, "Times New Roman", Times, serif; color:#fff; font-style:italic;} #secondflash_section { margin:0; padding:0 0 0 12px; width:990px; height:365px; float:left; } .secondwelcome_section { margin:0; padding:15px 10px 0 45px; width:947px; float:left; } .secondwelcome_section p {margin:15px 30px 0 0px; padding:0; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#9D9D9D;} .secondwelcome_section .emtext {margin:10px 30px 0 0; padding:0; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#FAF3F3; font-style:italic;} .secondwelcome_section ul{width:24%; padding-right:9px; float:left; list-style:none;} .secondwelcome_section ul li{ list-style:none; line-height:24px; font-size:12px;} #secondboxtext_section { margin:0 0 0 15px; padding:0; width:973px; float:left; background:#252626 url(../images/boxbg.jpg) repeat-x top; } #secondboxtext_section h1 {background:url(../images/boxtop.jpg) no-repeat top; height:11px;} #secondboxtext_section h2 {background:url(../images/boxbot.jpg) no-repeat bottom; height:11px;} #secondboxtext_section p { margin:5px 30px 5px 30px; font:normal 16px/24px Georgia, "Times New Roman", Times, serif; color:#B4B2B2; } #secondquote_section { margin:12px 0 0 0; padding:0; width:1002px; float:left; } #quotation_div {margin:0; padding:0; width:740px; float:left; } #quotaexp { margin:0; padding:40px 0 0 45px; width:685px; height:43px; float:left; background:url(../images/quotaex_topbg.gif) no-repeat left top; } #quotation_box {margin:0 0 0 37px; padding:0; width:703px; float:left; background:url(../images/quotaex_midbg.gif) repeat-y right; } #quotation_formbox {margin:0 0 0 8px; padding:0; width:675px; float:left; background:#fff url(../images/quota_formbg.gif) repeat-x left top;} #quotation_formbox h1 {background:url(../images/quota_formtop.gif) no-repeat top; width:675px; height:14px; } #quotation_formbox h2 {background:url(../images/quota-formbot.gif) no-repeat bottom; width:675px; height:20px; } #quotation_formboxinn {margin:0 0 0 13px; width:650px; float:left;} .firstbox {margin:5px 0 5px 0; padding:0; width:200px; height:30px; float:left;} .secondbox {margin:5px 0 5px 5px; padding:0; width:200px; height:30px; float:left;} .thirdbox {margin:5px 0 0 0; padding:0; width:235px; height:170px; float:right;} .fouthbox {margin:5px 0 0 0; padding:0; width:405px; height:30px; float:left;} .fifthbox {margin:10px 0 5px 0; width:200px; height:60px; float:left; text-align:center;} .sixhbox {margin:0 0 5px 0; width:200px; height:25px; float:left; text-align:center; padding:15px 0 0 0;} .sevenhbox {margin:0 0 0 20px; width:200px; height:40px; float:left; text-align:right;} #quotation_bot {margin:0; padding:0; width:740px; float:left; background:url(../images/quotaex_botbg.gif) no-repeat bottom; height:55px;} #article_div {margin:83px 0 0 0; padding:0; width:250px; float:right;} #article_div ul {margin:0; padding:0; list-style:none;} #article_div ul li { margin:0; padding:10px 0 0 0; width:200px; height:70px; float:left; border-bottom:1px dashed #333333; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#898989; text-decoration:none; } #article_div ul li:hover { background:#353535 url(../images/lihoverbg.gif) repeat-x left top; color:#FFFFFF;} .pad20 {padding-left:20px;} /*===========================================Footer Section CSS===========================================*/ #mail_phone { margin:10px 0 0 30px; padding:0; width:740px; height:30px; float:left; font:normal 14px/40px Georgia, "Times New Roman", Times, serif; color:#00FCFF;} .mail_link { font:normal 14px/24px Georgia, "Times New Roman", Times, serif; color:#00FCFF; background:url(../images/mail-icon.jpg) no-repeat left; padding-left:35px; text-decoration:none;} .mail_link:hover { text-decoration:underline;} #mail_linkbox { margin:10px 0 0 30px; padding:0; width:250px; height:30px; float:left;} #mail_linkbox ul { list-style-type:none; margin:0; padding:10px 0 0 0;} #mail_linkbox li { list-style-type: none; margin:0; padding:0 0 0 5px; float:left; display:block; text-indent:-9000px;} #mail_linkbox ul li a#mailus{ width:200px; height:20px; display:block; background:url(../images/mailto.gif) no-repeat 0 0; } #mail_linkbox ul li a#mailus:hover{ background:url(../images/mailto.gif) no-repeat 0 -20px;} #phone_no { background:url(../images/phone-icon.gif) no-repeat left; font:bold 14px/18px Georgia, "Times New Roman", Times, serif; color:#0bdcdf; text-decoration:none; font-style:italic; margin:15px 0 0 60px; padding:5px 0 0 35px; width:400px; height:25px; float:left;} #valide_button {margin:15px 0 0 0; padding:0; width:170px; height:29px; float:left;} #valide_button ul { list-style-type:none; margin:0; padding:0;} #valide_button li { list-style-type: none; margin:0; padding:0 0 0 7px; float:left; display:block;} #valide_button li del{ margin:0; padding:0;} #valide_button li h6{text-indent:-5000px; margin:0; padding:0;} .xhtml {background:url(../images/xhtml-button.png) no-repeat left; width:102px; height:29px; display:block;} .xhtml:hover {background:url(../images/xhtml-button-roll.gif) no-repeat left; width:102px; height:29px;} .css {background:url(../images/css-button.png) no-repeat left; width:52px; height:29px; display:block;} .css:hover {background:url(../images/css-button-roll.png) no-repeat left; width:52px; height:29px; } #footer_link { margin:0 0 0 0; padding:56px 0 10px 170px; width:810px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#939394; } .footer_link {text-decoration:none; padding:0 3px 0 3px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#939394;} .footer_link:hover {text-decoration:none; color:#fff;} #footer_text { margin:0 0 0 0; padding:2px 0 10px 170px; width:800px; float:left; font:normal 11px/15px Arial, Helvetica, sans-serif; color:#939394; } /*===========================================Profile Section CSS===========================================*/ #firstbg_profile { margin:0 auto; padding:0; width:100%; background:url(../images/firstbg_about.jpg) no-repeat center top; } #profileflash_section { margin:0; padding:5px 0 0 30px; width:972px; height:152px; float:left; } #profile_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #profile_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/profile-img.png) no-repeat left top; width:287px; height:85px; text-indent:-5000px;} #services_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #services_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/services-image.png) no-repeat left top; width:350px; height:85px; text-indent:-5000px;} #technology_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #technology_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/technology-image.png) no-repeat left top; width:480px; height:103px; text-indent:-5000px;} #methodology_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #methodology_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/methodology-image.png) no-repeat left top; width:550px; height:103px; text-indent:-5000px;} #team_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #team_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/team-image.png) no-repeat left top; width:550px; height:103px; text-indent:-5000px;} #partnership_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #partnership_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/partnership-image.png) no-repeat left top; width:500px; height:103px; text-indent:-5000px;} #clients_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #clients_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/clients-image.png) no-repeat left top; width:500px; height:103px; text-indent:-5000px;} #quote_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #quote_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/free-quote-image.png) no-repeat left top; width:500px; height:103px; text-indent:-5000px;} #articles_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #articles_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/article-image.png) no-repeat left top; width:500px; height:103px; text-indent:-5000px;} #internet_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #internet_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/internet-resources-image.png) no-repeat left top; width:770px; height:103px; text-indent:-5000px;} #hosting_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #hosting_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/website-hosting-image.png) no-repeat left top; width:770px; height:103px; text-indent:-5000px;} #graphic_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #graphic_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/graphic-design-image.png) no-repeat left top; width:770px; height:103px; text-indent:-5000px;} #contact_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #contact_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/contact-image.png) no-repeat left top; width:770px; height:103px; text-indent:-5000px;} #policy_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #policy_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/privacy-policy-image.png) no-repeat left top; width:770px; height:103px; text-indent:-5000px;} #sitemap_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(../images/inner_header.jpg) no-repeat left top; } #sitemap_intro h1 {margin:0 0 0 0; padding:0; background:url(../images/sitemap-image.png) no-repeat left top; width:770px; height:103px; text-indent:-5000px;} #firstmid_section_inn { margin:5px 0 0 0; padding-top:10px; width:1002px; float:left; background:url(../images/innerbg.gif) repeat-y top;} #leftpanel { margin:0 0 0 12px; padding:0 10px 0 35px; width:675px; float:left; } #leftpanel h3 {font:bold 28px/36px Georgia, "Times New Roman", Times, serif; color:#000000; margin-bottom:20px;} #leftpanel h3 a {font:bold 28px/36px Georgia, "Times New Roman", Times, serif; color:#000000; margin-bottom:20px; text-decoration:none;} #leftpanel h3 a:hover {font:bold 28px/36px Georgia, "Times New Roman", Times, serif; color:#05BEC0; margin-bottom:20px; text-decoration:none;} #leftpanel p {font:normal 14px/24px Arial, Helvetica, sans-serif; color:#888888; text-decoration:none;} #leftpanel p a {font:normal 14px/24px Arial, Helvetica, sans-serif; color:#888888; text-decoration:none;} #leftpanel p a:hover {font:normal 14px/24px Arial, Helvetica, sans-serif; color:#05BEC0; text-decoration:none;} .pad_bot {padding-bottom:10px;} #rightpanel { margin:0 12px 0 0; padding:0; width:224px; float:right; } #inn_article_div {margin:0; padding:0; width:225px; float:left;} #inn_article_div h5 a{font:bold 18px/28px Georgia, "Times New Roman", Times, serif; color:#000; font-style:italic; background:url(../images/arrow1.png) no-repeat left; padding-left:20px; text-decoration:none;} #inn_article_div h5 a:hover {color:#05BEC0; text-decoration:none;} #inn_article_div h5 a span {font-size:14px;} #inn_article_div ul {margin:0; padding:0; list-style:none;} #inn_article_div ul li { margin:0; padding:10px 0 0 0; width:200px; height:70px; float:left; border-bottom:1px dashed #C1C3C4; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#898989; text-decoration:none; } #inn_article_div ul li:hover { background:#F9F9F9 url(../images/lihoverbg2.gif) repeat-x left top; color:#666666;} #inn_services {margin:10px 0 0 0; padding:0; width:200px; float:left;} #inn_services h4 { margin:0; padding:0; background:url(../images/inn-ser-bg.jpg) no-repeat center; width:200px; height:82px; font:normal 18px/20px Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-style:inherit; text-indent:-5000px;} #inn_services ul { list-style:none; margin:0 1px 0 1px; padding: 0; background:#19598f url(../images/inn-ser-bg3.jpg) repeat-x top; width:198px; } #inn_services ul li { margin:0; padding:0; font:normal 12px/30px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; } #inn_services ul li a{ margin:0; padding:0; font:normal 12px/30px Arial, Helvetica, sans-serif; color:#ffffff; padding:0 0 0 20px; text-decoration:none;} #inn_services ul li:hover {color:#ffffff; text-decoration:none; background:url(../images/services_hover.png) no-repeat center; width:198px; height:30px;} #inn_services ul li a:hover {color:#ffffff; text-decoration:none;} #inn_services ul li.page_active {color:#ffffff; text-decoration:none; background:url(../images/services_hover.png) no-repeat center; width:198px; height:30px;} #inn_services ul li.endbg { margin:0; padding:0; background:url(../images/inn-ser-bg2.jpg) no-repeat center; width:198px; height:40px; border:none; } #innerbot_bg {margin:0; padding:30px 0 0 47px; width:955px; height:140px; float:left; background:url(../images/innerbotbg.jpg) no-repeat bottom; } #innerbot_bg h2 {font:bold 24px/44px Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; } #innerbot_bg h2 span {font:bold 44px/44px Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; } #pad_bot {padding:0 0 30px 0;} #leftpanel .heading_text {font:bold 20px/24px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; padding-bottom:6px; border-bottom:1px dashed #e2e2e2; margin-bottom:10px;} #leftpanel .heading_text a {font:bold 20px/24px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; padding-bottom:6px; border-bottom:1px dashed #e2e2e2; margin-bottom:10px;} #leftpanel .heading_text a:hover {color:#05BEC0; text-decoration:none; font:bold 20px/24px Georgia, "Times New Roman", Times, serif;} #leftpanel .list { margin:0; padding:0 0 0 25px; background:url(../images/radio1.gif) no-repeat left top; font:normal 14px/24px Arial, Helvetica, sans-serif; color:#888888; text-decoration:none; } #leftpanel .list:hover { margin:0; padding:0 0 0 25px; background:url(../images/radio2.gif) no-repeat left top; font:normal 14px/24px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; } /*added on 210710*/ #leftpanel .webtxt {font:bold 18px/60px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; padding-bottom:6px; border-bottom:1px dashed #e2e2e2; margin-bottom:10px; background:url(../images/design_icon.jpg) no-repeat left; padding-left:60px; height:60px; } #leftpanel .webmentainance {font:bold 18px/60px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; padding-bottom:6px; border-bottom:1px dashed #e2e2e2; margin-bottom:10px; background:url(../images/maintenance_icon.jpg) no-repeat left; padding-left:60px; height:56px; } #leftpanel .ebis {font:bold 18px/60px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; padding-bottom:6px; border-bottom:1px dashed #e2e2e2; margin-bottom:10px; background:url(../images/ebis.jpg) no-repeat left; padding-left:60px; height:46px; } #leftpanel .multimedia {font:bold 18px/60px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; padding-bottom:6px; border-bottom:1px dashed #e2e2e2; margin-bottom:10px; background:url(../images/multimedia.jpg) no-repeat left; padding-left:60px; height:48px; } #leftpanel .seo {font:bold 18px/60px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; padding-bottom:6px; border-bottom:1px dashed #e2e2e2; margin-bottom:10px; background:url(../images/seo.jpg) no-repeat left; padding-left:60px; height:48px; } .more_but { background:url(../images/more_but.gif) no-repeat; width:79px; height:29px; font:16px "Trebuchet MS" ; text-align:center; color:#9f9e9e; float:right; padding:3px 0 0 0; } /*added on 210710*/ /*===========================================Articles Section CSS===========================================*/ #outer .holder {padding:10px; border:1px dashed #e2e2e2; margin:0 0 5px 0;} #outer .holder:hover {padding:10px; border:1px dashed #e2e2e2; margin:0 0 5px 0; background:#fff url(../images/lihoverbg2.gif) repeat-x left top;} #outer .holder p {padding:0; margin:0;} #outer .holder p a {padding:0; margin:0; color:#888888; text-decoration:none;} #outer .holder p a:hover {padding:0; margin:0; color:#333333; text-decoration:none;} #outer .holder p.bold {font-weight:bold; font-size:14px; line-height:24px; color:#333333; padding-bottom:5px; } #outer .holder p.bold a {font-weight:bold; font-size:14px; line-height:24px; color:#333333; padding-bottom:5px; } #outer .holder p.bold a:hover {font-weight:bold; font-size:14px; line-height:24px; color:#05BEC0; padding-bottom:5px; } #outer .holder h2 {margin:0; padding:0 0 5px 0; font-size:18px; line-height:22px;} #outer .holder2 {padding:10px; border:1px dashed #e2e2e2; margin:0 0 5px 0;} #outer .holder2 p {padding:0 0 10px 0; margin:0;} #outer .holder2 p a {padding:0; margin:0; color:#888888; text-decoration:none;} #outer .holder2 p a:hover {padding:0; margin:0; color:#333333; text-decoration:none;} #outer .holder2 p.bold2 {font-weight:bold; font-size:14px; line-height:24px; color:#888888; padding-bottom:5px; } #outer .holder2 p.bold {font-weight:bold; font-size:14px; line-height:24px; color:#333333; padding-bottom:5px; } #outer .holder2 p.bold a {font-weight:bold; font-size:14px; line-height:24px; color:#333333; padding-bottom:5px; } #outer .holder2 p.bold a:hover {font-weight:bold; font-size:14px; line-height:24px; color:#05BEC0; padding-bottom:5px; } #outer .holder2 h2 {margin:0; padding:0 0 5px 0; font-size:18px; line-height:22px;} #outer .holder2 ul {margin:0; padding:0 0 10px 20px; list-style:disc;} #outer .holder2 ul li {margin:0; padding:0; font:normal 14px/24px Arial, Helvetica, sans-serif; color:#888888; text-decoration:none;} /*===========================================Clients Section CSS===========================================*/ #leftpanel2 { margin:0 0 0 12px; padding:0 0 0 35px; width:710px; float:left; } #leftpanel2 h3 {font:bold 28px/36px Georgia, "Times New Roman", Times, serif; color:#000000; margin-bottom:20px;} #web_portpolio {margin:0; padding:0; width:705px; float:left;} #web_portpolio ul {margin:0; padding:0; list-style:none;} #web_portpolio ul li {margin:0 3px 20px 0; padding:8px 6px 6px 6px; width:337px; height:256px; float:left; background-color:#fff; } #web_portpolio ul li:hover { background:url(../images/port-lihoverbg.gif) repeat-x left top; color:#333333; text-decoration:none;} #web_portpolio ul li .img_gallery {margin:0; padding:0; width:337px; height:178px; float:left;} #web_portpolio ul li .img_link {margin:5px 0 0 0; padding:0; width:337px; height:20px; float:left;} #web_portpolio ul li .img_link a {font:bold 14px/18px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; font-style:italic;} #web_portpolio ul li .img_link a:hover { color:#05BEC0; text-decoration:none;} #web_portpolio ul li .img_text {margin:5px 0 0 0; padding:0; width:337px; height:50px; float:left; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#888888; text-decoration:none;} #web_portpolio ul li .img_text:hover { color:#333333; text-decoration:none;} ol.number_list {margin:0; padding:0; list-style:decimal;} ol.number_list li {margin:0 0 0 20px; padding:0; font:normal 14px/24px Arial, Helvetica, sans-serif; color:#888888; text-decoration:none;} ol.number_list li:hover {margin:0 0 0 20px; padding:0; font:normal 14px/24px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;} .pad_left {padding-left:50px;} /*----------------------------- work portfolio ------------------------*/ #logo_portpolio {margin:10px 0 0 0; padding:0; width:705px; float:left;} #logo_portpolio .left {margin:0; padding:0; width:400px; float:left;} #logo_portpolio .right {margin:0 0 0 10px; padding:0; width:290px; float:left;} #logo_portpolio .right h1 {font:bold 24px/36px Georgia, "Times New Roman", Times, serif; color:#000000; margin-bottom:20px; font-style:italic;} #logo_portpolio .right p {font:normal 14px/18px Georgia, "Times New Roman", Times, serif; color:#888888; margin:0; padding:0;} #logo_portpolio .right span {font:normal 14px/18px Georgia, "Times New Roman", Times, serif; color:#CC9900; margin:0; padding:0;} #logo_portpolio .right a {font:normal 14px/18px Georgia, "Times New Roman", Times, serif; color:#888888; margin:0; padding:0; text-decoration:none;} #logo_portpolio .right a:hover {color:#CC9900;text-decoration:underline;} /* #logo_portpolio {margin:0; padding:0; width:705px; float:left;} #logo_portpolio h3 {font:bold 28px/36px Georgia, "Times New Roman", Times, serif; color:#000000; margin-bottom:20px; font-style:italic;} #logo_portpolio ul {margin:0; padding:0; list-style:none;} #logo_portpolio ul li {margin:0 5px 20px 0; padding:8px 6px 6px 6px; width:213px; height:210px; float:left; background-color:#fff; } #logo_portpolio ul li:hover { background:url(../images/port-lihoverbg.gif) repeat-x left top; color:#333333; text-decoration:none;} #logo_portpolio ul li .img_gallery {margin:0; padding:0; width:213px; height:136px; float:left;} #logo_portpolio ul li .img_text {margin:5px 0 0 0; padding:0; width:213px; height:50px; float:left; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#888888; text-decoration:none;} #logo_portpolio ul li .img_text:hover { color:#333333; text-decoration:none;} #logo_portpolio ul li .img_link {margin:5px 0 0 0; padding:0; width:213px; height:20px; float:left;} #logo_portpolio ul li .img_link a {font:bold 14px/18px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; font-style:italic;} #logo_portpolio ul li .img_link a:hover { color:#05BEC0; text-decoration:none;} */ /*===========================================Contact Form Section CSS===========================================*/ #form_box {margin:0; padding:0; width:675px; float:left; background:url(../images/formbg.gif) repeat-y left top; } #form_top {margin:0; padding:0; width:675px; float:left; height:25px; background:url(../images/formtopbg.gif) no-repeat left top;} #form_mid {margin:0; padding:0 20px 0 20px; width:635px; float:left;} #form_bot {margin:0; padding:0; width:675px; height:30px; float:left; background:url(../images/formbotbg.gif) no-repeat left bottom; } #form_box1 {margin:0; padding:0 0 20px 0; width:635px; float:left; border-bottom:1px dashed #e2e2e2; } #form_box2 {margin:0; padding:15px 0 30px 0; width:635px; float:left; border-bottom:1px dashed #e2e2e2; } #form_box3 {margin:0; padding:15px 0 0 0; width:635px; height:100px; float:left;} .first_inputbox1 {margin:0; padding:0; width:380px; height:38px; float:left; text-align:left;} .first_inputbox2 {margin:0; padding:0; width:235px; height:200px; float:right;} .file_button {background-color:#ECEDED; font:normal 14px/26px Arial, Helvetica, sans-serif; color:#000000; border:1px solid #ECEDED; height:22px; } #form_box2 h3 {font:bold 18px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#333333; padding:0 0 8px 0; margin:0;} #form_box2 .id_box1 {margin:20px 5px 0 0; padding:30px 0 0 0; width:205px; float:left; background:url(../images/msn-id.jpg) no-repeat center top; } #form_box2 .id_box2 {margin:20px 5px 0 0; padding:30px 0 0 0; width:205px; float:left; background:url(../images/yahoo-id.jpg) no-repeat center top; } #form_box2 .id_box3 {margin:20px 5px 0 0; padding:30px 0 0 0; width:205px; float:left; background:url(../images/aol-id.jpg) no-repeat center top; } #form_box3 .idno {margin:20px 0 0 0; padding:0 0 0 0; width:200px; height:50px; float:left; text-align:center;} #form_box3 .idno_flied {margin:20px 0 0 10px; padding:5px 0 0 0; width:200px; height:45px; float:left; } #form_box3 .idno_submit {margin:20px 0 0 15px; padding:0; width:185px; height:50px; float:left; } #form_sec1 {margin:0; padding:0 0 20px 0; width:635px; height:600px; float:left; } #form_sec2 {margin:20px 0 0 0; padding:0 0 30px 30px; width:605px; height:1670px; float:left; border-bottom:1px dashed #e2e2e2; } #form_sec3 {margin:20px 0 0 0; padding:0 0 30px 0; width:635px; height:100px; float:left; border-bottom:1px dashed #e2e2e2; } #form_sec1 .text_lebel {margin:0; padding:0 0 0 30px; width:190px; height:37px; float:left; color:#888888; font:normal 14px/26px Arial, Helvetica, sans-serif; text-decoration:none;} #form_sec1 .text_field {margin:0 0 0 10px; padding:0; width:400px; height:37px; float:left;} #form_sec1 .text_field2 {margin:0 0 0 10px; padding:0 0 0 2px; width:400px; height:105px; float:left;} #form_sec1 .text_lebel2 {margin:0; padding:0 0 0 30px; width:600px; height:60px; float:left; color:#888888; } #form_sec1 .text_lebel3 {margin:0; padding:0; width:300px; height:30px; float:left; color:#888888; } .pad_top {padding:30px 0 0 0;} /*===========================================Index Gallery Section CSS===========================================*/ .clear_all {clear:both;} #firstmid_section_inn2 { margin:5px 0 0 0; padding:0; width:1002px; float:left; background:url(../images/innerbg.gif) repeat-y top;} #sitemap_box1 {margin:0 0 0 50px; padding:0 30px 0 0; width:250px; float:left;} #sitemap_box1 h3 { font:bold 20px/40px Georgia, "Times New Roman", Times, serif; color:#333; font-style:italic; background:url(../images/inn-ser-bg.gif) no-repeat left;} #sitemap_box1 ul { list-style:none; margin: 10px 0 0 0; padding: 0; width:100%;} #sitemap_box1 ul li { margin:0; padding:0; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#888; background:url(../images/bullet1.gif) no-repeat left ; padding:0 0 0 20px; border-bottom:1px dashed #e2e2e2; text-decoration:none; } #sitemap_box1 ul li a{ margin:0; padding:0; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#888; text-decoration:none; } #sitemap_box1 ul li a:hover{ color:#333; text-decoration:none;} #sitemap_box2 {margin:0 0 50px 30px; padding:0 30px 0 0; width:250px; float:left;} #sitemap_box2 h3 { font:bold 20px/40px Georgia, "Times New Roman", Times, serif; color:#333; font-style:italic; background:url(../images/inn-ser-bg.gif) no-repeat left;} #sitemap_box2 ul { list-style:none; margin: 10px 0 0 0; padding: 0; width:100%;} #sitemap_box2 ul li { margin:0; padding:0; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#888; background:url(../images/bullet1.gif) no-repeat left ; padding:0 0 0 20px; border-bottom:1px dashed #e2e2e2; text-decoration:none; } #sitemap_box2 ul li a{ margin:0; padding:0; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#888; text-decoration:none; } #sitemap_box2 ul li a:hover{ color:#333; text-decoration:none;} #sitemap_box3 {margin:0 0 0 30px; padding:0 30px 0 0; width:250px; float:left;} #sitemap_box3 h3 { font:bold 20px/40px Georgia, "Times New Roman", Times, serif; color:#333; font-style:italic; background:url(../images/inn-ser-bg.gif) no-repeat left;} #sitemap_box3 ul { list-style:none; margin: 10px 0 0 0; padding: 0; width:100%;} #sitemap_box3 ul li { margin:0; padding:0; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#888; background:url(../images/bullet1.gif) no-repeat left ; padding:0 0 0 20px; border-bottom:1px dashed #e2e2e2; text-decoration:none; } #sitemap_box3 ul li a{ margin:0; padding:0; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#888; text-decoration:none; } #sitemap_box3 ul li a:hover{ color:#333; text-decoration:none;} /*21.1.09*/ #valid_button2 {margin:15px 0 0 0; padding:0; width:200px; height:31px; float:left;} #valid_button2 ul { list-style-type:none; margin:0; padding:0;} #valid_button2 li { list-style-type: none; margin:0; padding:0 4px 0 0 ; float:left; display:block;} /*index logo gallery*/ #slideshow_bg {background:url(../images/slideshow_bg.gif) no-repeat top; width:254px; height:175px; margin:17px 0 0 0; padding:11px 8px 0 8px;} .stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width:254px; /*Width of Carousel Viewer itself*/ height: 180px; /*Height should enough to fit largest content's height*/ } .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ /*margin around each panel*/ width: 254px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ height:180px; } .panel p {font:bold 12px/14px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; padding:2px 0 0 0;} .panel p a {font:bold 12px/14px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; font-style:italic;} .panel p a:hover {color:#05bec0;} .adv{border-bottom:1px dashed #e2e2e2; border-top:1px dashed #e2e2e2; padding:10px 33px;} a.advanced:link{ font:bold 14px/26px Georgia, "Times New Roman", Times, serif; color:#000; text-decoration:none; } a.advanced:hover{ color:#05BEC0; text-decoration:none; } .dotted{background:url(../images/bg_10.gif) repeat-x #fff; height:38px; margin:10px 40px 0 45px;} .panel1{ float:left; width:299px; margin-right:19px; } .panel1 h1{ background:url(../images/creative.gif) no-repeat top left; display:block; height:148px;text-indent:-5000px;} .panel1 h1:hover{ background:url(../images/creative_h.gif) no-repeat top left; display:block;} .panel2{ float:left; width:319px; margin-right:19px; } .panel2 h1{ background:url(../images/simple.gif) no-repeat top left; display:block; height:148px;text-indent:-5000px;} .panel2 h1:hover{ background:url(../images/simple_h.gif) no-repeat top left; display:block;} .panel3{ float:left; width:286px; height:148px;} .panel3 h1{ background:url(../images/effective.gif) no-repeat top left; display:block; height:148px;text-indent:-5000px;} .panel3 h1:hover{ background:url(../images/effective_h.gif) no-repeat top left; display:block;} .panell_n { margin:0 19px 0 0; padding:0; width:299px; height:148px; float:left; text-indent:-20000px; display:block; background:url(../images/creative_new.gif) no-repeat 0 0;} .panell_n:hover {background:url(../images/creative_new.gif) no-repeat 0 -148px;} .panel2_n { margin:0 19px 0 0; padding:0; width:319px; height:148px; float:left; text-indent:-20000px; display:block; background:url(../images/simple_new.gif) no-repeat 0 0;} .panel2_n:hover {background:url(../images/simple_new.gif) no-repeat 0 -148px;} .panel3_n { margin:0; padding:0; width:286px; height:148px; float:left; text-indent:-20000px; display:block; background:url(../images/effective_new.gif) no-repeat 0 0;} .panel3_n:hover {background:url(../images/effective_new.gif) no-repeat 0 -148px;} /*---------------------- soft logo ----------------------------------*/ .softlogo{width:93%; margin:0 auto;} .softlogo ul{width:100%; margin:15px 0 0 0; padding:0; list-style-type:none;} .softlogo ul li{float:left; margin:0 15px 12px 0; padding:0; list-style-type:none;} /*---------------- portfolio ---------------------------------*/ .port_main_wrap {margin:20px 0 20px 0;} .portcont_wrap {width:360px; float:right; background:#ffffff; margin:40px 0 0 0; padding:15px; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;} .portcont_wrap:hover {width:360px; float:right; background:#ffffff; margin:40px 0 0 0; padding:15px; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;} .portcont_wrap p {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#000000; padding:0 0 8px 0;} .portcont_wrap p span {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000000; font-weight:bold;} .portcont_wrap h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#000000; font-size:22px; font-weight:bold; padding:0; margin:0; line-height:24px;} .port_wrap_1 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg1.jpg) no-repeat;} .port_wrap_2 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg2.jpg) no-repeat;} .port_wrap_3 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg3.jpg) no-repeat;} .port_wrap_4 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg4.jpg) no-repeat;} .port_wrap_5 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg5.jpg) no-repeat;} .port_wrap_6 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg6.jpg) no-repeat;} .port_wrap_7 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg7.jpg) no-repeat;} .port_wrap_8 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg8.jpg) no-repeat;} .port_wrap_9 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg9.jpg) no-repeat;} .port_wrap_10 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg10.jpg) no-repeat;} .port_wrap_11 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg11.jpg) no-repeat;} .port_wrap_12 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg12.jpg) no-repeat;} .port_wrap_13 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg13.jpg) no-repeat;} .port_wrap_14 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg14.jpg) no-repeat;} .port_wrap_15 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg15.jpg) no-repeat;} .port_wrap_16 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg16.jpg) no-repeat;} .port_wrap_17 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg17.jpg) no-repeat;} .port_wrap_18 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg18.jpg) no-repeat;} .port_wrap_19 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg19.jpg) no-repeat;} .port_wrap_20 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg20.jpg) no-repeat;} .port_wrap_21 {margin:15px 0 15px 0; height:315px; width:705px; display:block; background:url(../images/portfolio/port_bg21.jpg) no-repeat;}