/*  ********************************************************************
          ///////////////////////////////////////////////////Company Name:	XMG Solutions
          ///////////////////////////////////////////////////URL:		    http://www.xmaniagroup.com
          Description:	XMG is a Web development company and offshore outsourcing company based in New Delhi, XMG invites offshore                        clients to outsource Web design and development to India. XMG offer a wide range of services includes Web                        design, Web development, Application development, Mobile application development and Search Engine Optimization
          ///////////////////////////////////////////////////Author:		Kalyan Vardhan(T.L XHTML Team)
******************************************************************** */

/* ********************************** Reset & common Style  **********************************  */
*{margin:0; padding:0}
img, fieldset{border:none}
a{color:#4799bf; text-decoration:none}
a:hover{text-decoration:underline}
.curv{ float:left; width:100%}
.curv img{ float:left}
:focus{ outline:none}
.clearFix{ clear:both}
.read_more_btn{ float:left; background:url(../images/read_more_btn.gif) no-repeat 0 0; height:31px; width:86px}
.read_more_btn:hover{ background-position:0 -31px}
/* ********************************** Body Style  **********************************  */
body{font:12px/16px normal Arial,Helvetica,sans-serif; background:url(../images/main_bg.jpg) repeat 0 0}
/* ********************************** Main Container Style  **********************************  */
#main_container{ float:left; width:100%; background:url(../images/mid_mg.jpg) no-repeat top center}
/* ********************************** Cover Style  **********************************  */
#cover{margin:0 auto; width:955px}
/* ********************************** Main Style  **********************************  */
#main{ float:left; width:935px; padding:0 10px 0 10px; background:url(../images/repeat_bg_main.jpg) repeat-y 0 0;}
/* ********************************** Header Style  **********************************  */
#header{width:935px; float:left; background:url(../images/header_bg.jpg) repeat-x 0 0; height:123px; position:relative; z-index:9999}
#header .top_container{width:935px; float:left; height:92px}
#header .logo{float:left; margin:20px 10px 0 15px; display:inline}
#header .tag{float:left; width:280px; margin:25px 10px  0 0; display:inline}
#header .tag h1{float:left; width:280px; font-size:22px; color:#fff; font-weight:bold; text-transform:lowercase}
#header .tag h2{float:left; width:280px; color:#fbfcc9; font-size:12px; font-family:"Myriad Pro"; font-weight:normal}
#header .right_details{position:absolute; top:0px; right:0px; background:url(../images/header_top_right_bg.jpg) no-repeat 0 0; width:483px; height:24px; list-style:none; color:#fff; padding:3px 10px 3px 40px;}
#header .right_details a{color:#fff; text-decoration:none}
#header .right_details a:hover{text-decoration:underline}
#header .right_details li{padding:0 5px}
#header .right_details .call{font-size:20px; font-weight:normal; float:right; padding:0; width:250px}
#header .right_details li{float:left}
/* ********************************** Menu Style  **********************************  */
#menu{float:left; width:915px; list-style:none; padding:7px 10px}
#menu li{padding:0 10px; display:inline; float:left}
#menu li a{text-decoration:none; color:#fff}
#menu li a:hover{color:#fbfcc9}
/* ********************************** Banner Container Style  **********************************  */
#banner_container{width:935px; float:left; background:url(../images/banner_bg.jpg) no-repeat 0 0; height:409px; margin-bottom:20px; overflow:hidden; border-bottom:1px solid #f6f6f6}
#banner_container .banner_cover{ display:none}
#banner_container .banner_content1{width:935px; float:left;height:409px; background:url(../images/1.jpg) no-repeat 0 0}
#banner_container .banner_content2{width:935px; float:left;height:409px; background:url(../images/2.jpg) no-repeat 0 0}
#banner_container .banner_content3{width:935px; float:left;height:409px; background:url(../images/3.jpg) no-repeat 0 0}
#banner_container .banner_content4{width:935px; float:left;height:409px; background:url(../images/4.jpg) no-repeat 0 0}
#banner_container .content{float:left; width:935px}
#banner_container .content .banner_text{float:left; width:410px; padding:60px 0 0 30px}
#banner_container .content .banner_text h2{float:left; width:370px; color:#dc0000; font-size:68px; line-height:34px; font-weight:bold}
#banner_container .content .banner_text p{color:#3c3b3d; font-size:14px; padding:10px 0; float:left; width:370px; line-height:20px}
#banner_container .content .banner_text a{color:#3f3e3e; text-decoration:underline}
#banner_container .content .banner_text a:hover{text-decoration:none}
#banner_container .content .image{float:right;}
/* ********************************** Banner bg Style  **********************************  */
#client_banner{width:935px; float:left; background:url(../images/client_bg.jpg) no-repeat 0 0; height:357px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#company_banner{width:935px; float:left; background:url(../images/company.jpg) no-repeat 0 0; height:357px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#ecommerce_banner{width:935px; float:left; background:url(../images/ecommerce.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#iphone_banner{width:935px; float:left; background:url(../images/iphone.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#offshore_dedicated_team_banner{width:935px; float:left; background:url(../images/offshore-dedicated-team.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#offshore_outsourcing_banner{width:935px; float:left; background:url(../images/offshore-outsourcing.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#about_banner{width:935px; float:left; background:url(../images/about_bg.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#offshore_consulting{width:935px; float:left; background:url(../images/offshore-consulting.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#ppc_banner{width:935px; float:left; background:url(../images/ppc.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#psd_xhtml_banner{width:935px; float:left; background:url(../images/psd-xhtml.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#contact_banner{width:935px; float:left; background:url(../images/bgcontact.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#seo_banner{width:935px; float:left; background:url(../images/seo.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#online_media_buying_banner{width:935px; float:left; background:url(../images/seo.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#web_designs_banner{width:935px; float:left; background:url(../images/web-designs.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#software_testing_support_banner{width:935px; float:left; background:url(../images/software-testing-support.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#web_branding_services_banner{width:935px; float:left; background:url(../images/web-branding-services.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#web_development_service_banner{width:935px; float:left; background:url(../images/web-development-service.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#web_portal_development_banner{width:935px; float:left; background:url(../images/web-portal-development.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#offshore_consulting_banner{width:935px; float:left; background:url(../images/offshore-consulting.jpg) no-repeat 0 0; height:349px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #f6f6f6; color:#fff}
#company_banner .content {float:left; width:100%; padding:220px 0 0 0; text-align:center; font-size:13px; line-height:19px}
#company_banner .content p{ width:500px; padding-left:230px}
#about_banner .content{float:left; width:100%; padding:120px 0 0 30px; text-align:left; font-size:12px; line-height:18px; color:#ccc}
#about_banner .content h2{ font-size:40px; color:#fff}
#about_banner .content p{ width:400px}
#iphone_banner .content{float:left; padding:120px 0 0 30px; text-align:left; font-size:13px; line-height:18px; color:#ccc}
#iphone_banner .content p{ width:400px}
#iphone_banner .content h2{ font-size:35px; color:#fff}
#ecommerce_banner .content{float:left; padding:120px 0 0 70px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#ecommerce_banner .content p{ width:550px}
#ecommerce_banner .content h2{ font-size:35px; color:#fff}
#offshore_dedicated_team_banner .content{float:left; padding:120px 0 0 70px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#offshore_dedicated_team_banner .content p{ width:380px}
#offshore_dedicated_team_banner .content h2{ font-size:35px; color:#fff}
#offshore_outsourcing_banner .content{float:left; padding:120px 0 0 70px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#offshore_outsourcing_banner .content p{ width:450px}
#offshore_outsourcing_banner .content h2{ font-size:35px; color:#fff}
#online_media_buying_banner .content{float:left; padding:120px 0 0 520px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#online_media_buying_banner .content p{ width:370px}
#online_media_buying_banner .content h2{ font-size:35px; color:#fff}
#ppc_banner .content{float:left; padding:120px 0 0 70px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#ppc_banner .content p{ width:370px}
#ppc_banner .content h2{ font-size:35px; color:#fff}
#contact_banner .content{float:left; padding:120px 0 0 70px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#contact_banner .content p{ width:370px}
#contact_banner .content h2{ font-size:35px; color:#fff}
#psd_xhtml_banner .content{float:left; padding:120px 0 0 520px; text-align:left; font-size:13px; line-height:18px; color:#333}
#psd_xhtml_banner .content p{ width:370px}
#psd_xhtml_banner .content h2{ font-size:35px; color:#333}
#seo_banner .content{float:left; padding:120px 0 0 480px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#seo_banner .content p{ width:370px}
#seo_banner .content h2{ font-size:35px; color:#fff}
#web_designs_banner .content{float:left; padding:120px 0 0 30px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#web_designs_banner .content p{ width:370px}
#web_designs_banner .content h2{ font-size:35px; color:#fff}
#offshore_consulting_banner .content{float:left; padding:120px 0 0 30px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#offshore_consulting_banner .content p{ width:370px}
#offshore_consulting_banner .content h2{ font-size:35px; color:#fff}
#software_testing_support_banner .content{float:left; padding:213px 0 0 20px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#software_testing_support_banner .content p{ width:370px}
#software_testing_support_banner .content h2{ font-size:30px; color:#fff}
#web_branding_services_banner .content{float:left; padding:50px 0 0 70px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#web_branding_services_banner .content p{ width:370px}
#web_branding_services_banner .content h2{ font-size:35px; color:#fff}
#web_development_service_banner .content{float:left; padding:180px 0 0 450px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#web_development_service_banner .content p{ width:370px; color:#0099FF}
#web_development_service_banner .content h2{ font-size:35px; color:#fff}
#web_portal_development_banner .content{float:left; padding:250px 0 0 120px; text-align:left; font-size:13px; line-height:18px; color:#fff}
#web_portal_development_banner .content p{ width:700px; color:#fff}
#web_portal_development_banner .content h2{ font-size:35px; color:#fff}
/* ********************************** Cover Body Style  **********************************  */
#cover_body{float:left; width:935px;}
#cover_body.bg{float:left; width:935px; background:url(../images/inner_cover_repeat_bg.jpg) repeat-y 0 0; margin:20px 0}
/* ********************************** Left Panel Style  **********************************  */
#cover_body #left_panel{float:left; width:635px}
/* ********************************** Home Services List Style  **********************************  */
#cover_body ul#home_service_list{float:left; width:930px; list-style:none; color:#222; padding:0 0 15px 5px}
#cover_body ul#home_service_list li{float:left; width:300px; height:240px; padding-right:15px}
#cover_body ul#home_service_list li.last{padding-right:0px}
#cover_body ul#home_service_list li img{float:left}
#cover_body ul#home_service_list li h2{float:left; width:300px; padding:10px 0 15px 0; font-weight:normal; font-size:19px}
#cover_body ul#home_service_list li p{float:left; width:280px; line-height:18px}
#cover_body ul#home_service_list li .se{background-image:url(../images/se.jpg); background-position:right; padding-right:116px; background-repeat:no-repeat; width:180px; height:97px;}
/* ********************************** Inner Text Container Style  **********************************  */
#left_panel #inner_text_container{float:left; width:620px; padding:0 0 30px 10px}
#left_panel #inner_text_container h1{ font-size:26px; margin-bottom:13px; color:#D70000}
#left_panel #inner_text_container h3{float:left; font-size:20px; margin:15px 0 10px 0; font-weight:normal; width:620px}
#left_panel #inner_text_container p{float:left; line-height:20px; font-size:14px; width:620px; padding:0 0 15px 0}
#left_panel #inner_text_container ul{float:left; list-style:none; font-size:14px; width:610px; padding:5px 0 20px 10px}
#left_panel #inner_text_container ul li{float:left; width:610px; padding:0 0 9px 0}
#left_panel #inner_text_container  .banner{ float:left; display:none}
/* ********************************** Sidebar Style  **********************************  */
#sidebar{float:right; width:265px; padding:0 0 0 0}
#sidebar h2{float:left; width:265px; margin:0 0 10px 0; font-size:22px}
#sidebar h3{float:left; width:220px; color:#da0000; font-weight:bold; font-size:13px}
#sidebar ul.sub_list{float:left; width:255px; list-style:none; padding:0 15px 0 0; margin:0 0 20px 0}
#sidebar ul.sub_list li{float:left; width:255px; background:url(../images/right_dotted_sep.jpg) repeat-x left bottom; padding:7px 0}
#sidebar ul.sub_list li a{float:left; width:235px; background:url(../images/arrow.jpg) no-repeat 0 3px; padding-left:20px; text-decoration:none; color:#202020}
#sidebar ul.sub_list li a:hover{color:#a30001; text-decoration:none}
#sidebar .search_box{float:left; width:235px; background:url(../images/search_grad_bg.jpg) repeat-x left bottom; padding:15px; border:1px solid #d6d6d6; margin:0 0 20px 0; display:none}
#sidebar .search_box form{float:left; width:235px}
#sidebar .search_box form fieldset{float:left; width:235px}
#sidebar .search_box form select{float:left; width:180px; padding:2px; margin:5px 5px 0 0; font-size:11px}
#sidebar .search_box form input{margin:4px 0 0 0}
#sidebar #news_alert{float:left; width:235px; border:1px solid #ececec; padding:10px 15px; margin:0 0 20px 0}
#sidebar #news_alert ul{float:left; width:235px; list-style:none; col#202020; font-size:11px; padding:5px 0}
#sidebar #news_alert ul li{float:left; width:220px; border-bottom:1px solid #ddd; padding:4px 0}
#sidebar ul#support_container{float:left; width:235px; list-style:none; padding:15px; background:url(../images/mobile.jpg) no-repeat 100% 30px; border-bottom:1px solid #ddd; padding-bottom:20px; display:none}
#sidebar ul#support_container li{float:left; width:235px; padding:5px 0; font-size:11px}
#sidebar ul#support_container li img{float:left}
#sidebar ul#support_container li a{float:left; margin:0 0 0 5px}
#sidebar ul#support_container li .call_details{float:left; margin-left:5px; width:200px}
#sidebar #social_media_container{float:left; width:235px; padding:15px; display:none}
#sidebar #social_media_container ul{float:left; width:235px; list-style:none}
#sidebar #social_media_container ul li{float:left; width:235px; padding:7px 0; font-size:11px}
#sidebar #social_media_container ul li img{float:left; margin:0 5px 0 0}
#sidebar #social_media_container ul li a{float:left}
#sidebar #quick_quote{float:left; width:265px; margin:15px 0}
#sidebar #quick_quote h3{float:left; width:265px}
#sidebar #quick_quote p{float:left; width:265px}
#sidebar #quick_quote form{float:left; width:265px}
#sidebar #testimonial_box{float:left; width:265px; margin:15px 0}
#sidebar #testimonial_box p{float:left; width:165px; background:url(../images/red_top_quote.jpg) no-repeat 0 0; padding:0 0 0 15px}
#sidebar #testimonial_box .image{float:right}
#sidebar #testimonial_box strong{float:left; width:143px; background:url(../images/red_arrow.jpg) no-repeat right center; text-align:right; padding:5px 20px 5px 0; color:#0074a7; font-size:13px; font-style:italic}
#sidebar #feature_container{float:left; width:265px; margin:15px 0}
#sidebar #feature_container h2{float:left; width:265px; color:#404040; font-size:17px}
#sidebar #feature_container img{float:left}
#sidebar #feature_container .link{float:left; margin:0 0 0 50px; text-decoration:underline}
#sidebar #feature_container .link:hover{text-decoration:none}
#sidebar #feature_container p{float:left; width:245px; padding:10px 0}
#sidebar .logo_box{float:left; width:265px; margin:15px 0}
#sidebar .logo_box img{float:left}
/* ********************************** Contact Style  **********************************  */
.contact_form{ float:left; width:600px; margin:15px}
.contact_form .row{ float:left; width:600px; padding:10px 0}
.contact_form .row label{ float:left; width:140px}
.contact_form .row input{ float:left; margin-right:10px; display:inline; padding:3px 5px}
.contact_form .row select{ float:left}
.contact_form .row  .small{ width:50px;}
.contact_form .row  .large{ width:250px;}
.contact_form .row  .xlarge{ width:310px;}
.contact_form .row  textarea{ width:400px; height:100px; float:left}
.contact_details{ float:left; width:100%; line-height:21px}
/* ********************************** Footer Style  **********************************  */
#footer{float:left; width:955px; color:#6a6a6a}
#footer ul{float:left; list-style:none; width:935px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0 5px 0; margin:0 0 7px 0; font-size:11px}
#footer ul li{float:left; padding:0 10px}
#footer ul li a{color:#6a6a6a; text-decoration:none}
#footer ul li a:hover{text-decoration:underline}
#footer .copyright{float:left; width:927px; font-size:11px; padding:0 0 15px 9px}
#footer .copyright img{float:left; margin:0 10px 0 0}
#footer .copyright p{float:left}