body { margin:0px; padding:0px; background:#2b2727 url(../images/bg) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#afafaf;}
p { margin:0; padding:5px 15px; text-align:justify; line-height:19px;}
p .span1{vertical-align:super; font-size:11px;}
img {border:0px none;}
a, a:hover {outline:none;}
.clear { clear:both; margin:0px; padding:0px;}
input, select, textarea{border:1px solid #000; padding:2px; font-family:arial; font-size:12px; background:#323232; color:#fff;}

.maindiv {background:url(../images/content-bg.png) repeat-y top center; margin:0px auto; padding:0px 10px; width:982px; height:1%;}
.header {background:url(../images/game_index_banner2.jpg) no-repeat top center; margin:0 ; height:410px; padding:0px; float:right;}
.header_Services {background:url(../images/services_banner.jpg) no-repeat top center; margin:0 ; height:410px; padding:0px; float:right;}
.header_Technology{background:url(../images/technologybanners.jpg) no-repeat top center; margin:0 ; height:410px; padding:0px; float:right;}
.header_casestudies{background:url(../images/download-case-study.jpg) no-repeat top center; margin:0 ; height:410px; padding:0px; float:right;}
.header_resources{background:url(../images/Resources.jpg) no-repeat top center; margin:0 ; height:410px; padding:0px; float:right;}
.header_requestproposal{background:url(../images/Request-for-proposal.jpg) no-repeat top center; margin:0 ; height:410px; padding:0px; float:right;}
.header_process{background:url(../images/Process_banners.jpg) no-repeat top center; margin:0 ; height:410px; padding:0px; float:right;}
.header_Outsourcing{background:url(../images/outsourcing_banners.jpg) no-repeat top center; margin:0 ; height:410px; padding:0px; float:right;}
.toptext{ font-size:20px; color:#FFFFFF; padding-left:10px; line-height:24px; float:left; display:block;}
.toplink ul { margin:0px; padding:0px 20px 0 0 ; list-style:none; float:right; height:25px; display:block;}
.toplink ul li { color:#a3a3a3; margin:0px; list-style:none; padding-left:10px; display:block; float:left;}
.toplink ul li img { margin:3px 0 0 10px;}
.toplink ul li a { text-decoration:none; color:#a3a3a3; list-style:none; line-height:24px;}
.toplink ul li a:hover { text-decoration:none; color:#ffffff;}
.logo {padding:0; height:195px; *padding:0 0 5px 0;}
.container { padding:0 13px 10px 13px; margin:0px;}
.leftcontentdiv { width:737px; float:left;}
.welcometext {font-size:18px; color:#FFFFFF; padding-left:15px;}
.welcometext span {font-size:18px; color:#31bfee;}
.welcometextSmall {font-size:14px; color:#FFFFFF; padding-left:5px; font-weight:bold; border-bottom:1px solid #484848; margin:0 10px;}
.welcometextSmall span {font-size:14px; color:#31bfee;}
a{color:#09d0e2; text-decoration:underline;}
a:hover{color:#fff; text-decoration:underline;}
.footer{background:url(../images/footer-bg.jpg) no-repeat top; color:#707070; padding:20px 15px 10px 15px;}
.footerlink {text-align:center; padding:0 0 10px 0;}
.footerlink a{ color:#707070; text-decoration:none; line-height:20px;}
.footerlink a:hover { color:#afafaf; text-decoration:none;}
.dotedline {background:url(../images/dotedline.jpg) repeat-x top; margin:0; padding:10px 0 0 0;}
.copyrighttext { font-size:11px; color:#707070; float:left; line-height:30px;}
.tearmstext { font-size:11px; color:#707070; float:right; line-height:30px; text-decoration:none;}
.tearmstext a {color:#707070; text-decoration:none; padding:0 5px;}
.tearmstext a:hover { color:#afafaf; text-decoration:none;}

/* navigation tabs */

#general_tab ul li a {text-decoration:none !important;}
.tab {float:left; text-align:center; width:163px; vertical-align:middle; line-height:29px;}
.tab a {float:left; background:url(../images/tab-transferant.png) no-repeat; text-align:center; vertical-align:middle; line-height:29px; width:163px; display:block; cursor:pointer;}
.tab a:hover {float:left; background:url(../images/tab-hover.png) no-repeat; text-align:center;}
li.tabs-selected {background-position:0px; background:url(../images/tab-hover.png) no-repeat;}
.sub_tabs {height:125px; margin-left:0px;}
.sub_tab {float:left; width:245px; height:125px; text-align:center; padding-top:10px; vertical-align:top; text-decoration:none;}
.sub_tab span {padding-top:10px; vertical-align:top; text-decoration:none;}
.sub_tab:hover {background-position:0px -248px !important;}
.sub_tab.current {background-position:0px -248px !important;}
.sub_tab.current>.sub_tab_link {text-decoration:none;}
.sub_tab_label {font-size:14px; color:#97e8ed;}
.sub_tab_link {text-decoration:underline; line-height:16px;}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide {display:none;}
}
/* Hide useless elements in print layouts... */
@media print {
	.tabs-nav {display:none;}
}
.promo {height:29px; background-color:red; margin:0; padding:0; width:982px;}
.tab {font-size:14px; text-align:center; vertical-align:middle; line-height:29px;}
.tabs {text-align:left; font-size:22px; color:#CCC; position:relative; margin-top:-39px; *margin-top:-44px; z-index:50px;}
#general_tab ul {margin:0; padding:0;}
#general_tab li {display:block; float:left; list-style:none; margin:0; padding:0;}
#general_tab li.tab-first {margin-left:2px; *margin-left:1px;}
.tabs-nav .tabs-selected a {color:#fff; text-decoration:none; background:url(../images/tab-hover.png) no-repeat;}
.tabs-nav .tabs-selected a:hover {color:#58f1ff; text-decoration:none;}
.tabs-nav a {color:#acacac; text-decoration:none;}
.tabs-nav a:hover {color:#fff; text-decoration:none;}
.tabs-container {clear:both; _clear:none; background:#000;}
.tabs-loading em {background:url(../images/loading.gif) no-repeat 0 50%;}

/* content css - kalpesh */  /* accordian news tab css */

.newscontentbg {background:#000000; padding:0px; margin:4px 0;}
.newstexttitle span a { color:#b1d813; font-size:11px; text-decoration:none; }
.newstexttitle span a:hover { color:#b1d813; text-decoration:underline;}
.newstexttitle { color:#afafaf; font-size:11px; height:201px; padding:0 4px;}
.dotedline_news { background:url(../images/dotedline.jpg) repeat-x; background-position:center; height:11px; line-height:11px;}
.news_more a{color:#b1d813; font-size:11px; float:right; text-decoration:none; }
.news_more a:hover{color:#b1d813; font-size:11px; float:right; text-decoration:underline; }
.have_que { background:url(../images/haveaquestion.jpg) no-repeat top; font-size:10px; color:#999999; padding:165px 0 0 137px; height:36px; display:block;}
.have_que a { color:#999999; text-decoration:none;}
.have_que a:hover { color:#fff; text-decoration:none;}
.livechat { background:url(../images/livechat-tabs.jpg) no-repeat top; font-size:10px; color:#999999; padding:60px 0 0 32px; height:141px;}
.livechat a { color:#999999; text-decoration:none;}
.livechat a:hover { color:#fff; text-decoration:none;}
.download { background:url(../images/download-tabs.jpg) no-repeat top; height:201px;}
.download a { color:#999999; text-decoration:none;}
.download a:hover { color:#fff; text-decoration:none;}


/* innerpage accordian css */

.title_test {font-size:16px; color:#FFFFFF; font-weight:bold; padding-bottom:7px;}
.title_test span {font-size:16px; color:#31bfee; font-weight:bold;}

.leftcontentdiv_inner { float:left; width:737px; padding-left:0px; }
.arrowlistmenu {width:717px; margin:0; padding:0; /*width of accordion menu*/}
.arrowlistmenu .menuheader {/*CSS class for menu headers in general (expanding or not!)*/ font:normal 12px Arial; color:#f6f6f6; background: url(../images//tebtitle-closed.jpg) no-repeat center left ; margin-bottom:8px; /*bottom spacing between header and rest of content*/  padding:0 0 0px 50px; line-height:32px;  /*header text is indented 10px*/ cursor:hand; cursor:pointer}
.arrowlistmenu .openheader {/*CSS class to apply to expandable header when it's expanded*/ background: url(../images/tab-tittlebg.jpg) no-repeat center left; display:block;}
.arrowlistmenu ul {/*CSS for UL of each sub menu*/ list-style-type:none; margin:0; padding:0; margin-bottom:8px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li {padding-bottom:2px; margin:0px; /*bottom spacing between menu items*/}



/* why gateway */

.listing { margin:0 0 0 20px; padding:0px;}
.listing li { margin:0; padding:0 0 0 15px; list-style:none; background:url(../images/yellow_bullet.jpg) no-repeat left 7px; line-height:18px;}
.inner-box-repet { background:#0c0b0b url(../images/rightsidecontent_repet.jpg) repeat-x left top; color:#878787; padding:10px;}
.inner-devider { background:url(../images/inner-content-box-devider-repet.jpg) repeat-x left bottom; line-height:20px; padding-bottom:8px; font-size:16px; color:#FFFFFF; font-weight:bold; }
.inner-devider span {font-size:16px; color:#31bfee; font-weight:bold;}
.strong-text{ color:#fff; padding:10px 0 5px 0; }
.listing1 { margin:0 0 0 20px; padding:0px;}
.listing1 li { font-size:12px; font-weight:bold; color:#FFFFFF; list-style:none; padding-bottom:10px;}
.listing1 li ul { margin:0px; padding:5px 0 0px 15px; list-style:none;}
.listing1 li ul li { margin:0; padding:0 0 0 15px; list-style:none; background:url(../images/yellow_bullet.jpg) no-repeat left 7px; line-height:18px; font-size:12px; font-weight:normal; color:#afafaf;}
a.mail {color:#0fcde4; text-decoration:underline;}
a.mail:hover {color:#FFFFFF; text-decoration:none;}
.testimonial {color:#b3b3b3; font-weight:bold;}
.subheading_text {color:#FFFFFF; font-weight:bold; font-size:14px; background:url(../images/yellow_bullet.jpg) no-repeat left 5px; padding:0 0 7px 12px;}
.subheading_text_content {padding:0 0 20px 12px;}

.global_subheading_text {color:#FFFFFF; font-size:12px; background:url(../images/yellow_bullet.jpg) no-repeat left 5px; padding:0 0 7px 12px;}
.global_subheading_text span {color:#afafaf; font-size:12px;}


/* right side content box */
.right-panelpadding { margin:10px 0}
.right-content-top { background:url(../images/rightsidecontent_top.jpg) no-repeat left top; padding-left:15px; line-height:37px; font-size:14px; color:#0fcde4;}
.right-content-bg-repet { background:#0c0b0b url(../images/rightsidecontent_repet.jpg) repeat-x left top; color:#878787; padding:10px; text-align:justify;}
.right-content-bg-repet ul { margin:0; padding:0;}
.right-content-bg-repet ul li { margin:0; padding:0 0 10px 15px; list-style:none; background:url(../images/yellow_bullet.jpg) no-repeat left 5px;}
.right-content-bottom { background:url(../images/rightsidecontent_bottom.jpg) no-repeat left top; height:19px; line-height:19px;}


/* Right Side Accordian Demo Image - CSS */
.DemoImage {color:#fff; font-size:11px; height:201px; padding:0 0 0 10px; margin:5px 10px 0 0px; text-align:center}
.DemoImage ul{list-style-type:none; margin:0px 0 0 0; padding:0;}
.DemoImage li{margin:0 0 5px 0; padding:0 0px; width:50%; float:left;}
.DemoImage li a{color:#fff; text-decoration:none;}
.DemoImage li a:hover{color:#fff; text-decoration:underline;}

.DemoImage1 {color:#fff; font-size:12px; padding:0 0 0 10px; margin:5px 10px 0 45px; text-align:center}
.DemoImage1 ul{list-style-type:none; margin:0px 0 0 0; padding:0;}
.DemoImage1 li{margin:0 0 10px 0; padding:0 0px; width:150px; float:left;}
.DemoImage1 li a{color:#fff; text-decoration:none;}
.DemoImage1 li a:hover{color:#afafaf; text-decoration:none;}

/* Infrastructure Page - CSS */
.InfraImg {list-style-type:none; margin:0 auto; padding:0; text-align:center; width:610px;}
.InfraImg li{float:left; margin:0 5px;}

/* Group Companies Page - CSS */
.GroupCompImg {list-style-type:none; margin:0 auto; padding:0; text-align:center; width:423px;}
.GroupCompImg li{float:left; margin:0 5px;}

/* Skill Matrix Table CSS */
table.SkillMatMainTable{border-left:1px solid #6a6a6a; border-top:1px solid #575757; border-collapse:collapse;}
td.SkillMatCell{border-right:1px solid #575757; border-bottom:1px solid #575757; border-collapse:collapse; padding:2px 3px;}
td.Title{background:#424242; border-right:1px solid #575757; border-bottom:1px solid #575757; padding:2px 3px; color:#fff; font-weight:bold; text-align:center;}
td.SubTitle{background:#191919; border-right:1px solid #575757; border-bottom:1px solid #575757; padding:2px 3px; font-weight:bold; text-align:center}

table.TeamMatMainTable{border-left:1px solid #6a6a6a; border-top:1px solid #575757;}
.OutsideTable{margin-left:20px;}

.SiteMap{width:65%; float:left;}
.SiteMap ul{margin:5px 0 0 35px; padding:0;}
.SiteMap li{margin:5px 0 0 0; padding:0; line-height:18px;}
.SiteMap li a.parent{ text-decoration:none; font-weight:bold;}
.SiteMap li a.parent:hover{ text-decoration:none; font-weight:bold;}
.SiteMap li a.subparent{ text-decoration:underline; font-weight:normal; color:#afafaf;}
.SiteMap li a.subparent:hover{ text-decoration:none; font-weight:normal;}
.SiteMap li ul{margin:5px 0 0 25px; padding:0; line-height:18px;}

/* Homepage Our Section Tab CSS : 30-07-09 Created By Niraj */
.OurMainService{padding-left:5px; float:left;}
.OurMainService p{text-align:left;}
.OurMainService ul{margin:0; padding:0; list-style-type:none;}
.OurMainService li{line-height:30px; margin:0; padding:0; }
.OurMainService li a{ text-decoration:underline; font-weight:normal; color:#afafaf;}
.OurMainService li a:hover{ text-decoration:none; font-weight:normal;}

.OurTechnology{padding-left:5px; }
.OurTechnology p{text-align:left;}
.OurTechnology ul{margin:0; padding:0; list-style-type:none;}
.OurTechnology li{line-height:16px; margin:0 0 8px 0; padding:0 0 0 10px; background:url(../images/yellow_bullet.jpg) no-repeat left 6px; }

.FlashCaseStudy {font-size:14px; font-weight:bold; text-align:center; padding:0 0 0 15px;}
.FlashCaseStudy a{ color:#00ccf8; text-decoration:underline; font-size:14px;}
.FlashCaseStudy a:hover{ color:#fff; text-decoration:underline;}

.CaseStudy{padding:0; margin:5px 0px 0 25px; float:left;}
.CaseStudy1{padding:0; margin:5px 0px 0 10px; line-height:20px; float:left;}
.BlueText{font-size:13px; color:#31bfee; font-weight:bold;}
.InputButton{background:url(../images/int_button.gif) no-repeat top left; width:87px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold; border:0 none; padding:6px; margin:5px 0 0 0; cursor:pointer;}


.CallBack{margin:5px 25px;}
.welcometextSmall1 {font-size:14px; color:#FFFFFF; font-weight:bold; border-bottom:1px solid #484848;}
.welcometextSmall1 span {font-size:14px; color:#31bfee;}