/* Theme Name: FirstSource Theme URI: Designer: First Source Web. Description: Created by First Source Web.Inspired by First Source Web , created by First Source Web(http://www.firstsourceweb.com). It is very stylish,widget supported and doesn’t require any plugin. Author: FirstSource Author URI: http://www.firstsourceweb.com/ Tags: white, light, two-columns, fixed-width, theme-options, left-sidebar */ /*styles for all pages*/ html, body, div, span,h1, h2, h3, h4, h5, h6, p, a, abbr, acronym,dd, ol, ul, li, fieldset, form {margin:0;padding:0;border:0;} body {font:normal 12px Tahoma;color:#8E979E;line-height:18px; background:url(images/bg.jpg) center top repeat-y;background-color: #454021;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} :focus {outline:0} p.p1 {margin:12px 0 0 0;} p.p2 {margin-top:20px;} p.p3{ margin-top:12px; width:280px; line-height: 16px;} a {color:#68653A; text-decoration:underline;} a:focus, a:hover {color:#B8AC58; text-decoration:none;} .float-l{float:left} .float-r{float:right} .clear_b{clear:both;} .clear_l{clear:left;} .clear_r{clear:right;} .mar_b7{margin-bottom:7px; clear:both;} h2{color:#6C6A3F; font:normal 24px Trebuchet MS; margin-bottom:15px;} h2.green{color:#9AA85D; padding-left:0px;font:normal 24px Trebuchet MS; margin-bottom:15px;} /*===========================================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:#131313 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.jpg) no-repeat center top; } #secondbg { margin:0 auto; padding:0; width:100%; background:url(images/secondbg.jpg) no-repeat center top; } #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:131px; float:left; } #logo_section { margin:57px 0 0 0; padding:0; width:200px; float:left; } #toplink { margin:10px 20px 0 0; padding:0 0 8px 0; width:185px; height:32px; float:right; background:url(images/toplinkbg.gif) repeat-x left top; color:#1fefff; text-transform:uppercase; text-decoration:none; font:bold 10px/26px Arial, Helvetica, sans-serif; } #toplink a { text-decoration:none; color:#1fefff;} #toplink a:hover { color:#fff; border-bottom:4px solid #000; padding-bottom:9px; } #toplink a.active { color:#fff; border-bottom:4px solid #000; padding-bottom:9px; } #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:0; padding:0; width:1002px; height:54px; float:left; } #firstmenu_section ul { list-style-type:none; margin:0 0 0 11px; padding:0;} #firstmenu_section li { list-style-type: none; margin:0; padding:0; float:left; display:block;} #firstmenu_section li del{ margin:0; padding:0;} #firstmenu_section li h6{text-indent:-5000px; margin:0; padding:0;} .profile {background:url(images/profile-img.gif) no-repeat left; width:111px; height:63px; display:block; } .profile:hover {background:url(images/profile-img-roll.gif) no-repeat left; width:111px; height:63px;} .profile_fix { background:url(images/profile-img-roll.gif) no-repeat left; width:111px; height:63px; display:block; } .service {background:url(images/services-img.gif) no-repeat left; width:109px; height:63px; display:block;} .service:hover { background:url(images/services-imgroll.gif) no-repeat left; width:109px; height:63px; } .service_fix { background:url(images/services-imgroll.gif) no-repeat left; width:109px; height:63px; display:block;} .technology {background:url(images/technology-img.gif) no-repeat left; width:139px; height:63px; display:block;} .technology:hover { background:url(images/technology-imgroll.gif) no-repeat left; width:139px; height:63px; } .technology_fix { background:url(images/technology-imgroll.gif) no-repeat left; width:139px; height:63px; display:block;} .methodology {background:url(images/methodology-img.gif) no-repeat left; width:159px; height:63px; display:block;} .methodology:hover { background:url(images/methodology-imgroll.gif) no-repeat left; width:159px; height:63px; } .methodology_fix { background:url(images/methodology-imgroll.gif) no-repeat left; width:159px; height:63px; display:block;} .team {background:url(images/team-img.gif) no-repeat left; width:72px; height:63px; display:block;} .team:hover { background:url(images/team-imgroll.gif) no-repeat left; width:72px; height:63px; } .team_fix { background:url(images/team-imgroll.gif) no-repeat left; width:72px; height:63px; display:block;} .clients {background:url(images/clients-img.gif) no-repeat left; width:94px; height:63px; display:block;} .clients:hover { background:url(images/clients-imgroll.gif) no-repeat left; width:94px; height:63px; } .clients_fix { background:url(images/clients-imgroll.gif) no-repeat left; width:94px; height:63px; display:block;} .partnership {background:url(images/partnership-img.gif) no-repeat left; width:146px; height:63px; display:block;} .partnership:hover { background:url(images/partnership-imgroll.gif) no-repeat left; width:146px; height:63px; } .partnership_fix { background:url(images/partnership-imgroll.gif) no-repeat left; width:146px; height:63px; display:block;} .free_quote {background:url(images/free-quote-img.png) no-repeat left; width:161px; height:63px; display:block;} .free_quote:hover { background:url(images/free-quote-imgroll.png) no-repeat left; width:161px; height:63px; } .free_quote_fix { background:url(images/free-quote-imgroll.png) no-repeat left; width:161px; height:63px; display:block;} #time a { margin:0; padding:0; width:100px; height:100px; position:absolute; right:0; top:50px; background:url(images/time.png) no-repeat right; text-indent:-5000px;} #time a:hover {background:url(images/timeroll.png) no-repeat right;} #firstflash_section { margin:0; padding:10px 0 0 30px; width:972px; height:232px; float:left; } #flash_intro { margin:0; padding:57px 0 0 167px; width:775px; height:160px; float:left; background-color:#FDC60C; } #flash_intro h6 {margin:0; padding:0; background:url(images/how_we_work.gif) no-repeat left; width:660px; height:110px; text-indent:-5000px; float:left;} #play_intro {margin:0; padding:0; width:700px; height:22px; float:left;} #firstprofessinal_section { margin:0; padding:0; width:1002px; height:149px; float:left; } #professinal_left { margin:0; padding:20px 0 0 30px; width:320px; float:left; } #professinal_right { margin:0; padding:12px 25px 0 0; width:625px; float:right; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; } #firstmid_section { margin:72px 0 0 0; padding:0; width:1002px; float:left;} #why_choose { margin:0; padding:0 8px 0 22px; width:300px; 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/24px Arial, Helvetica, sans-serif; color:#525252; background:url(images/bullet1.gif) no-repeat left ; padding:0 0 0 20px; border-bottom:1px dashed #a1a1a1; } #why_choose ul li:hover{ background-color:#fff;} #offshore { margin:0; padding:0 8px 0 19px; width:283px; float:left;} #offshore ul { list-style:none; margin: 10px 0 10px 0; padding: 0; } #offshore ul li { margin:0; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#525252; background:url(images/bullet2.gif) no-repeat left ; padding:0 0 0 20px; border-bottom:1px dashed #a1a1a1; } #offshore ul li a { font:normal 12px/24px Arial, Helvetica, sans-serif; color:#525252; text-decoration:none; } #offshore ul li a:hover { font:normal 12px/24px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; } #offshore ul li:hover{ background-color:#fff;} #ongoing { margin:0; padding:0 0px 0 8px; width:342px; float:right;} #ongoing ul {margin:0; padding:0; list-style:none; } #ongoing ul li {margin:8px 3px 0 3px; padding:0; float:left; display:inline;} #ongoing ul li a {margin:0; padding:0; display:block; border:3px solid #e7e7e7; } #ongoing ul li a:hover {border:3px solid #fff;} #ongoing ul li a.bdrnone {border:none;} #ongoing ul li a.bdrnone:hover {border:none;} #firstfooter_section { margin:0; padding:25px 0 0 22px; width:980px; height:58px; float:left; background:url(images/footybg.gif) no-repeat bottom center; } /*===========================================Second Section CSS===========================================*/ #secondbody_div { margin:0 auto; padding:0; width:1002px; } #secondheader_section { margin:0; padding:21px 0 0 20px; width:982px; height:70px; float:left; } #secondflash_section { margin:0; padding:0; width:1002px; height:365px; float:left; } #secondwelcome_section { margin:0; padding:15px 0 0 20px; width:982px; float:left; } #secondwelcome_section p {margin:15px 30px 0 20px; padding:0; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#9D9D9D;} #secondwelcome_section .emtext {margin:10px 30px 0 20px; padding:0; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#FAF3F3; font-style:italic;} #secondboxtext_section { margin:0 0 0 8px; 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 15px 5px 15px; 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 20px; width:720px; height:43px; float:left; background:url(images/quotaex_topbg.gif) no-repeat left top; } #quotation_box {margin:0; padding:0; width:740px; 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:#E8E8E8 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:14px; } #quotation_formboxinn {margin:5px 0 5px 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:180px; float:right;} .fouthbox {margin:5px 0 0 0; padding:0; width:405px; height:30px; float:left;} .fifthbox {margin:10px 0 5px 0; width:300px; height:40px; float:left;} #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 #848484; 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/30px 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;} #phone_no { background:url(images/phone-icon.gif) no-repeat left; font:bold 14px/18px Georgia, "Times New Roman", Times, serif; color:#00FCFF; 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:60px 0 10px 170px; width:800px; 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:10px 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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/flash-intro2.gif) 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:0; 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 10px 0 0; padding:0; width:225px; 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/arrow2.gif) 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:30px 0 0 0; padding:0; width:200px; float:left;} #inn_services h4 { margin:0; padding:5px 0 0 20px; background:url(images/inn-ser-bg.gif) no-repeat center; width:180px; height:80px; font:normal 18px/24px Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-style:inherit;} #inn_services ul { list-style:none; margin:0; padding: 0; } #inn_services ul li { margin:0; padding:0; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#898989; border-bottom:1px dashed #B2B2B2; text-decoration:none; } #inn_services ul li a{ margin:0; padding:0; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#898989; padding:0 0 0 20px; text-decoration:none;} #inn_services ul li a:hover {color:#333333; text-decoration:none;} #inn_services ul li:hover{ background-color:#F9F9F9; line-height:24px; text-decoration:none;} #innerbot_bg {margin:0; padding:30px 0 0 47px; width:955px; height:140px; float:left; background:url(images/innerbotbg.gif) 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; } /*===========================================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:#F5F5F5 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:710px; float:left;} #web_portpolio ul {margin:0; padding:0; list-style:none;} #web_portpolio ul li {margin:0 5px 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;} /*===========================================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; } /* class & id updated dated 24/06/08 start here*/ #tagline{ font-size:10px; color:#FFFFFF; height:29px;} /* class & id updated dated 24/06/08 end here*/ #sidebar h2 { background-image:url(images/sidebar-top.gif); width:180px; height:24px; color: #ffffff; padding: 5px 0 0 20px; border: none; font: normal 16px "Lucida Grande", Arial, sans-serif; } #sidebar ul ul { background: url(images/sidebar-bg.gif) no-repeat bottom left; margin: 0 0 10px 0; width: 180px; padding: 10px 20px; } #tagcloud { background: url(images/sidebar-bg.gif) no-repeat bottom left; margin: 0 0 10px 0; width: 180px; padding: 10px 20px; line-height: 20px; } #sidebar ul ul ul { background: none; padding: 0; } #sidebar ul, #sidebar ul ol { margin: 0; padding: 0; } #sidebar ul li { list-style-type: none; list-style-image: none; line-height: 18px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 0; padding: 0; } /* End Entry Lists */ /* sidebar */ #sidebar { float:left; color: #666666; } #sidebar p { margin: 0px 0px 15px; } #sidebar h3 { font: bold 12px/100% Arial, Helvetica, sans-serif; color: #666666; } #sidebar h3 a, #sidebar h3 a:visited { color: #666666; } #sidebar h3 img { vertical-align: middle; } #sidebar a, #sidebar a:visited { color: #000000; text-decoration:none; } #sidebar a:hover, #sidebar a:focus, #sidebar a:active { color: #c50000; text-decoration:underline; } #sidebar ul { list-style: none; margin: 0 ; padding: 0 ; } #sidebar ul li ul li { background: url(images/bullet-grey.gif) no-repeat; padding-left: 18px ; } /* ------------------------------------- widget styles */ /* archives widget */ #sidebar ul li.archives ul li { background: url(images/mini-archive.gif) no-repeat; } /* recent comments widget */ #recent-comments ul li { background: url(images/mini-comment.gif) no-repeat; } /* category widget */ #sidebar ul li.categories ul li { background: url(images/mini-category.gif) no-repeat; } /* recent posts widget */ #sidebar ul li.pagenav ul li { background: url(images/mini-page.gif) no-repeat; } /* links widget */ #sidebar ul li.linkcat ul li { background: url(images/mini-blogroll.gif) no-repeat; } /* meta */ #meta .rss { background: url(images/mini-rss.gif) no-repeat; } #meta .login { background: url(images/mini-user.gif) no-repeat; } #meta .check { background: url(images/mini-check.gif) no-repeat; } #meta .wordpress { background: url(images/mini-wp.gif) no-repeat; } /* content */ #content { padding: 25px 25px 15px 25px; width: 600px; clear: both; overflow: hidden; } .post { padding: 0px; clear: both; overflow: hidden; margin: 0 0 30px; text-align: justify; } .post .date { height: 50px; width: 45px; background: url(images/calendar.gif) no-repeat; font: normal 22px Arial, Helvetica, sans-serif; color: #666666; text-align: center; padding: 0px 2px 0 0; line-height: 100%; float: left; } .post .date span { height: 16px; display: block; font: normal 11px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; padding-top: 5px; } .post .title { float: left; margin-left: 10px; width: 538px; } .postdata { font-size: 90%; color: #999999; } .postdata a, .postdata a:visited { color: #999999; text-decoration: none; } .postdata a:hover { color: #c50000; text-decoration: none; } .postdata .category{ background: url(images/mini-category.gif) no-repeat; height: 17px; padding: 3px 0 0 18px; float: left; } .postdata .comments{ background: url(images/mini-comment.gif) no-repeat; float: right; height: 17px; padding: 3px 0 0 18px; } .postdata a { font-size: 10px; } .mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat left center; padding-left: 12px; float: right; } .entry { padding: 10px 0px 5px; clear: both; } /* post title */ h2 { color: #6D693F; margin: 3px 0 2px; padding-bottom: 4px; font: normal 20px Times, "Lucida Grande", Arial, sans-serif; border-bottom: dotted 1px #CCCCCC; } h2 a, h2 a:visited { color: #6D693F; text-decoration: none; font: normal 20px Times, "Lucida Grande", Arial, sans-serif; } h2 a:hover { color: #c50000; text-decoration: none; } h3 { color: #666666; margin: 5px 0px 5px; font: bold 110%/110% "Lucida Grande", Arial, sans-serif; } /* next & previous page navigation */ .page-nav { clear: both; height: 21px; } .page-nav a, .page-nav a:visited { color: #999999; text-decoration: none; } .page-nav a:hover { color: #000000; text-decoration: none; } .previous-entries a { float: left; padding-left: 20px; margin-left: 10px; background: url(images/post-nav-previous.gif) no-repeat left center; } .next-entries a { float: right; padding-right: 20px; margin-right: 10px; background: url(images/post-nav-next.gif) no-repeat right center; } /* next & previous post navigation */ .post-nav { clear: both; padding-bottom: 35px; margin-top: -15px; font-size: 95%; } .post-nav a, .post-nav a:visited { color: #999999; text-decoration: none; } .post-nav a:hover { color: #000000; text-decoration: none; } .post-nav .previous a { float: left; padding-left: 20px; background: url(images/post-nav-previous.gif) no-repeat left center; } .post-nav .next a { float: right; padding-right: 20px; text-align: right; background: url(images/post-nav-next.gif) no-repeat right center; } /* ------------------------------------- comment area */ h3#comments { background: url(images/comments.gif) no-repeat; padding-left: 22px; font: normal 18px Times, Helvetica, sans-serif; clear: both; } h3#respond { background: url(images/respond.gif) no-repeat; padding-left: 22px; font: normal 18px Times, Helvetica, sans-serif; margin: 20px 0px 0px; clear: both; } /* commentform */ #commentform { margin: 10px auto; padding: 0 0 0 45px; } #commentform label { font-weight: bold; color:#666; font-size: 100%; padding-left: 5px; } #commentform small { color: #999999; font-size: 90%; } #commentform input { font: 110% Arial, Helvetica, sans-serif; width: 220px; padding: 5px 3px 3px 7px; background: url(images/form-field-bg.gif) no-repeat; border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; border-right: dashed 1px #cccccc; border-bottom: dashed 1px #cccccc; margin-bottom: 5px; } #commentform textarea { font: 110% Arial, Helvetica, sans-serif; width: 540px; height: 140px; background:url(images/form-field-bg.gif) no-repeat; border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; border-right: dashed 1px #cccccc; border-bottom: dashed 1px #cccccc; padding: 5px 3px 3px 7px; } #commentform #submit { font: 12px/100% Arial, Helvetica, sans-serif; color: #000000; background: url(images/submit-btn.gif) no-repeat top left; border: none; width: 135px; height: 25px; padding-bottom: 6px; margin-left: 415px; margin-top: 5px; } #commentform #submit:hover { background: url(images/submit-btn.gif) no-repeat bottom left; } #commentform textarea:focus, #commentform input[type="text"]:focus { border: solid 1px #666; } /* comment list */ .commentlist { margin: 10px 0px; padding-left: 45px; line-height: 130%; } .commentlist li{ padding: 5px 10px; margin-bottom: 5px; color: #999; border: 1px dashed #ccc; background: #FFFFFF; } .commentlist p { color: #333333; } .commentlist .alt { background: #F1F1F1; } .commentlist cite { font-weight: bold; font-style: normal; font-size: 110%; color: #333; } .commentlist cite a, .commentlist cite a:visited { color: #ab0000; } .commentlist small { margin-bottom: 5px; display: block; font-size: 9px; } .commentlist small a, .commentlist small a:visited{ color: #999999; text-decoration: none; font-style: italic; } /* Love is beautiful if she is not she */ .entry p a:visited { color: #b85b5a; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: #6D693F; text-decoration: none; } a:hover { color: #147; text-decoration: underline; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ #firstmid_section_inn2 { margin:5px 0 0 0; padding:0; width:1002px; float:left; background:url(images/innerbg.gif) repeat-y top;} #blog_intro { margin:0; padding:37px 0 0 25px; width:917px; height:100px; float:left; background:url(images/flash-intro2.gif) no-repeat left top; } #blog_intro h1 {margin:0 0 0 0; padding:0; background:url(images/blog.png) no-repeat left top; width:770px; height:103px; text-indent:-5000px;} #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 left; } #mail_linkbox ul li a#mailus:hover{ background:url(images/mailto-hover.gif) no-repeat left;} #valide_button2 {margin:17px 0 0 0; padding:0; width:200px; height:31px; float:left;} #valide_button2 ul { list-style-type:none; margin:0; padding:0;} #valide_button2 li { list-style-type: none; margin:0; padding:0 0 0 5px; float:left; display:block; text-indent:-9000px;} #valide_button2 ul li a#xhtml{ width:102px; height:29px; display:block; background:url(images/xhtml-button-roll.gif) no-repeat left; } #valide_button2 ul li a#xhtml:hover{ background:url(images/xhtml-button.png) no-repeat left;} #valide_button2 ul li a#css{ width:52px; height:29px; display:block; background:url(images/css-button-roll.png) no-repeat left; } #valide_button2 ul li a#css:hover{ background:url(images/css-button.png) no-repeat left;} /*Styles for fswblog starts*/ #logo{ margin-top:28px; width:274px;height:88px;float: left;} .login{width:486px; padding:17px 0px 0 0; float:right; color:#D0C896; position:relative;} input.textbox1{width:128px; height:16px; background-color:#736D49; border:1px solid #736D48; color:#D1C997; margin:0 7px; padding-left:2px;} .log{ position:absolute; top:14px; right:26px; z-index:100; background:url(images/login.jpg) left top no-repeat; border:none; width:48px; height:25px;} ul#nav{ width:504px; margin-top:40px; float:right;list-style:none;position: relative;} ul#nav li{float:left; margin:0 0 0 18px; display:block;} ul#nav li a{ float:left;} ul#nav li a.home{width:48px;height:33px;text-indent:-5000px;background:url(images/home.jpg) left top no-repeat;display: block;} ul#nav li a.home:hover,ul#nav li a.select_h{width:48px;height:33px;text-indent:-5000px;background:url(images/home_o.jpg) left top no-repeat;display: block;} ul#nav li a.services{width:70px;height:33px;text-indent:-5000px;background:url(images/services.jpg) left top no-repeat;display: block;} ul#nav li a.services:hover,ul#nav li a.select_s{width:70px;height:33px;text-indent:-5000px;background:url(images/services_o.jpg) left top no-repeat;display: block;} ul#nav li a.port{width:74px;height:33px;text-indent:-5000px;background:url(images/port.jpg) left top no-repeat;display: block;} ul#nav li a.port:hover,ul#nav li a.select_p{width:74px;height:33px;text-indent:-5000px;background:url(images/port_o.jpg) left top no-repeat;display: block;} ul#nav li a.blog{width:37px;height:33px;text-indent:-5000px;background:url(images/blog.jpg) left top no-repeat;display: block;} ul#nav li a.blog:hover,ul#nav li a.select_b{width:37px;height:33px;text-indent:-5000px;background:url(images/blog_o.jpg) left top no-repeat;display: block;} ul#nav li a.company{width:79px;height:33px;text-indent:-5000px;background:url(images/company.jpg) left top no-repeat;display: block;} ul#nav li a.company:hover,ul#nav li a.select_c{width:79px;height:33px;text-indent:-5000px;background:url(images/company_o.jpg) left top no-repeat;display: block;} ul#nav li a.contact{width:68px;height:33px;text-indent:-5000px;background:url(images/contact.jpg) left top no-repeat;display: block;} ul#nav li a.contact:hover,ul#nav li a.select_co{width:68px;height:33px;text-indent:-5000px;background:url(images/contact_o.jpg) left top no-repeat;display: block;} #bg{overflow:hidden;width: 100%; background:url(images/bg3.jpg) center top no-repeat;} .wrapper{width:900px; margin:0 auto; position:relative; clear:both} .main { width:100%;float:left;} #header{width:auto; height:122px; background:url(images/header_bg.jpg) right top no-repeat; margin-top:0px} #header h1.logo{ background:url(images/logo.jpg) no-repeat left top; margin-top:28px; width:274px;height:88px;float: left;} #header h1.logo a{display:block; text-indent:-9999px} .login{width:486px; padding:17px 0px 0 0; float:right; color:#D0C896; position:relative;} input.textbox1{width:128px; height:16px; background-color:#736D49; border:1px solid #736D48; color:#D1C997; margin:0 7px; padding-left:2px;} .log{ position:absolute; top:14px; right:26px; z-index:100; background:url(images/login.jpg) left top no-repeat; border:none; width:48px; height:25px;} .log:hover{ position:absolute; top:14px; right:26px; z-index:100; background:url(images/login_o.jpg) left top no-repeat; border:none; width:48px; height:25px;} #bg2{overflow:hidden;width: 100%; background:url(images/bg2.jpg) center top repeat-y;} .wrapper{width:900px; margin:0 auto; position:relative; clear:both} .main2{ text-align:center; color:#98956B; font-size:11px; line-height: 20px; padding-bottom:20px; padding-top: 20px; } .main2 a{color:#C2BEA2; text-decoration:none} .main2 a:hover{color:#98956B; text-decoration:underline} .main2 p{line-height:40px;} .main2 span {color:#C2BEA2;padding:0 1px;} #content_inner{ background:url(images/bot_bg.gif) left bottom no-repeat #fff;width:900px;padding-bottom:227px;position: relative;overflow: hidden;} #content_inner .cont{width:; padding:40px 20px 20px; display:block; background:url(images/inner_cont_bg.jpg) left top no-repeat; overflow:hidden;} #content_inner .div_r{width:566px; float:right; color:#959378; padding-top:42px; padding-right:34px;} #content_n .div_r{width:220px; float:left;} #content_n .div_r p{color:#B8AC58; line-height:16px;} #content_n .div_r span{color:#7D903F; font-weight:bold; font-size:11px;} #content_inner .cont h3{color: #A2AF67;margin:0px 0 8px 30px;font:normal 26px Trebuchet MS;text-transform: none;} #content_n .div_l label{color:#7D903E;text-transform:uppercase;font-size:11px;width:115px;float:left;padding-bottom: 7px;} #content_n .div_l label.two{padding-bottom:0px;} #content_n .div_l{width:350px; float:left;} #content_inner .div_l{ width:280px; float:left; background:url(images/left_bg.jpg) left 50% no-repeat; min-height:600px; padding-top:50px; padding-bottom: 360px; } #content_inner .div_l h3{color: #A2AF67;margin:0px 0 28px 30px;font:normal 26px Trebuchet MS;text-transform: none;} ul.iner_menu{list-style:none;padding-left:10px; padding-top:3px;} ul.iner_menu li{padding-left:15px; color:#4C4516; font:bold 14px/42px "Trebuchet MS";} ul.iner_menu li ul{list-style:none; padding:20px 0 10px 0;} ul.iner_menu li ul li, ul.iner_menu li ul li a{ padding-left:0px; color:#A69201;font:normal 12px/16px Arial; background:none;} ul.iner_menu li a{text-decoration:none; color:#4C4516; font:normal 14px/36px "Trebuchet MS"} ul.iner_menu li.select{background:url(../images/inner_menu_bg2.png) right top no-repeat; line-height:42px;} ul.iner_menu li ul li a:hover{text-decoration:underline;} ul.iner_menu li ul li:hover{background:none; line-height:16px;} ul.iner_menu li:hover, ul.iner_menu li a:hover{} ul.iner_menu li ul li span.active{text-decoration:underline; padding-left:15px;} .entry p { margin-bottom: 10px; }