@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
*	Filename: layout.css
*	Purpose: All the CSS Rules required to design web pages.
*	Author: Suraj Naik n[dot]suraj[at]cssaglobal[dot]com
****************************************************************************************************/
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 12px Arial; color:#999999; text-align:left; /*background:url(../images/bg.gif) top no-repeat center;*/}
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label {text-decoration:none}
a {color:#000;  text-decoration:none}
a:hover {text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
ul,li {padding:0; margin:0; list-style:none}
li {display:inline}
p {line-height:150%}

/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h1.first {color:#008ac5; font-size:24px; padding:10px 0 0 0; margin-bottom:10px}
h2.second {color:#008ac5; font-size:18px; padding-top:5px}
h2.three {color:#5e5e5e; font-size:18px; padding:4px 0px 0px 10px}
h2 {font-size:18px; padding-bottom:10px; margin:0px; color:#008ac5; font-weight:normal}
h3 a {font-size:13px; padding:5px 0; margin:0px; color:#008ac5; font-weight:normal; font-weight:bold; display:block}

/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:889px;  padding-bottom:10px}
#header {width:100%; height:208px}
#logo {float:left; width:190px; /*margin:0 0 0 15px; display:inline;*/}
#welcome {float:right; width:70%; text-align:right; /*margin-right:15px; display:inline;*/}

/* 	Form **********************************************************/
.searchtextbox {background:url(../images/searchbox.gif) left top no-repeat; border:none; padding:5px 5px 5px 20px; float:left}
.searchbutton {background:url(../images/searchbox.gif) right top no-repeat; border:none; padding:5px 5px 8px 5px; float:left; color:#FFFFFF; border:none; width:58px; font-weight:bold; font-size:11px; cursor:pointer}
 
/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont {padding-top:10px}
#leftSideBar {float:left; width:176px}
#content {float:left; width:713px}
.search {float:right; width:234px; padding-top:5px}
.About-Us {width:45%; float:left}
.Featured-Project {width:27%; float:right}
.Case-Study {width:27%; float:right}
.Updates {}
.leftContent {width:384px; float:left}
.rightContent {width:290px; float:left; margin-left:15px}

/* redefining Business Solutions */
.Rleft_div {width:49%; float:left; padding-left:1%}
.Rright_div {width:48%; float:left; padding-left:1%}
.graymod {margin-top:6px; background:#f8f8f8; padding:10px}

/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
.topmenu {background:transparent url(../images/module.png) repeat scroll right top}
.menu {background:url(../images/module.png) top right; padding-right:0px}
ul.menu01 {background:url(../images/module.png) top left; padding:0px; margin:0px; float:left}
ul.menu01 li {padding:0px; display:inherit}
ul.menu01 li a {padding:11px 15px; color:#FFFFFF; display:block;  font-size:13px; font-weight:normal; float:left; background:url(../images/divider.gif) right top no-repeat}
.maintab {padding-left:10px; background:url(../images/tab01.png) left top no-repeat}
ul.tab01 {margin:0px;  background:url(../images/tab01.png) right top no-repeat; float:left; width:100%}
ul.tab01 li {padding:0px; margin:0px; display:inline; float:left; background:url(../images/divider_02.gif) right top no-repeat; position:relative}
ul.tab01 li	a {padding:13px 13px 16px 13px; display:block;  color:#FFFFFF; font-size:13px}
ul.tab01 li	a:hover {background:url(../images/arrow01.png) center bottom no-repeat; text-decoration:none}
ul.tab01 li	a.act {background:url(../images/arrow01.png) center bottom no-repeat; text-decoration:none}
ul.tab01 li.end {background:none}


/* 	MODULES (id=ARTICLE)
**********************************************************/

/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/
.bg01 {background:url(../images/bannerbg01.png) right top no-repeat; padding-right:255px; margin-right:3px; min-height:190px}
*html.bg01 {height:190px}
.bg02 {background:url(../images/bgImg2.png) left top no-repeat; min-height:30px; padding:8px 10px}

/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.rightDrpShadow {background:url(../images/rightDrpShadow.png) right repeat-y; border-left:4px solid #000; padding-right:15px}
.brdBtmBlk {border-bottom:1px solid #000}
.userPic img {border:4px solid #e8e8e8}
.borderBottom {border-bottom:1px dashed #d6d6d6}

/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/
.module01TL,.module01TR,.module01BL,.module01BR {background:url(../images/module.png) no-repeat}
/* grey rounded corners */
.module01TL {background-position:0 -85px; height:6px}
.module01TR {background-position:100% -85px;height:6px}
.module0101TL {border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background:url(../images/transp_bg.png)} 
.module01BL {background-position:0 -97px; height:7px; overflow:hidden}
.module01BR {background-position:100% -97px}
.module01cont {background:url(../images/transp_bg.png); border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding-left:5px; padding-right:5px}

/* rounded White BG corners */
.module02TL,.module02TR,.module02BL,.module02BR {background:url(../images/module.png) no-repeat}
.module02TL {background-position:0 -303px; height:6px}
.module02TR {background-position:100% -303px}
.module0202TR {border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background:#FFF}
.module02BL {background-position:0 -315px; height:7px; overflow:hidden}
.module02BR {background-position:100% -315px}
.module02cont {background:#FFF; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3}

/* rounded corners 03 */
.module03TL,.module03TR,.module03BL,.module03BR {background:url(../images/module03.png) no-repeat}
.module03TL {background-position:top left; height:7px}
.module03TR {background-position:top right}
.module03BL {background-position:bottom left}
.module03BR	{background-position:bottom right}
.module03cont {background:#FFF; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3}

/* rounded corners 04 */
.module04TL,.module04TR,.module04BL,.module04BR{background:url(../images/module04.png) no-repeat}
.module04TL {background-position:left top; height:33px}                
.module04TR {background-position:right top; overflow:hidden}
.module04BL {background-position:left -33px; height:7px}
.module04BR{background-position:right -33px; overflow:hidden}

/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt {font-size:10px}
.smlTxt {font-size:11px}
.para {font-size:12px}
.big {font-size:15px}
.bigOne {font-size:18px}

/*font WEIGHTS */
.strong {font-weight:bold}
.normTxt {font-weight:normal}

/* text TRANSFORMS */
/*.allCaps {text-transform:capitalize}*/
.textU {text-decoration:underline}
.upperCase{text-transform:uppercase}

/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}

/* colored text */
.blue {color:#008ac5}
.darkBlue {color:#0f91c9}

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
input {border-color:#e6e6e6;border-width:1px;border-style:solid;background:url(../images/registerbox32.gif ) left top no-repeat;height:20px}
.input {border:1px solid #dddddd; padding:1px; color:#8f8f8f} 
.input2 {border:1px solid #B2B2B2; color:#545454/*AD1218*/; padding:2px; font-size:11px}
.txtBox {background:#ffffff; border:1px solid #9f9f9f; color:#7b7b7b; font-size:10px; padding:3px}
.button {background:#000000; color:#FFFFFF; border:1px solid #dddddd}
textarea {border-color:#e6e6e6;border-width:1px;border-style:solid;background:url(../images/registerbox32.gif ) left top no-repeat}
.submit {background:url(../images/button.gif ) left -29px repeat;height:26px;font-size:12px;padding:5px;color:white}

/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer {padding:10px; border-top:1px solid #e3e3e3; background:url(../images/footerbg.png) left top repeat-x; color:#999999; margin-top:10px}	
#footer a {color:#999999;font-weight:normal}

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
.padOne {padding:0 8px}
.marginTop {margin-top:10px}
.padBtm {padding-bottom:5px}
.padR {padding-right:10px}
.padL {padding-left:10px}
.padLR {padding:0 10px}
				
/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; width:100%; height:1px; overflow:hidden}
.holdthis {width:100%; float:left}
.holdthisTop {width:100%; padding-top:10px; float:left}

/* 	corporate page
**********************************************************/
.main {width:100%}
.inner-cont {float:left; margin-left:10px; height:64px; width:72%}
.Who-are-we,.Our-Vision,.Investors,.Quality,.Integrity-Policy,.What-do-we-do,.Management,.Testimonials,.Fact-sheet     					{background:url(../images/agile-corporate.gif); width:64px; height:64px} 
a.Who-are-we {background-position:0px 0px; float:left}
a.Our-Vision {background-position:-64px 0px; float:left}
a.Investors {background-position:-128px 0px; float:left} 
a.Quality {background-position:-192px 0px; float:left}
a.Integrity-Policy {background-position:-256px 0px; float:left}
a.What-do-we-do {background-position:-320px 0px; float:left}
a.Management {background-position:-384px 0px; float:left}
a.Testimonials {background-position:-448px 0px; float:left}
a.Fact-sheet {background-position:-512px 0px; float:left}
.main:hover a.Who-are-we {background-position:0px   -64px}
.main:hover a.Our-Vision {background-position:-64px  64px}
.main:hover a.Investors {background-position:-128px -64px}
.main:hover a.Quality {background-position:-192px -64px}
.main:hover a.Integrity-Policy {background-position:-256px -64px}
.main:hover a.What-do-we-do {background-position:-320px -64px}
.main:hover a.Management {background-position:-384px -64px}
.main:hover a.Testimonials {background-position:-448px -64px}
.main:hover a.Fact-sheet {background-position:-512px -64px}

/* 	Services page
**********************************************************/
.Application-Development,.Application-Maintenance ,.Web-Development,.Product-Development,.Business-Intelligence,.Enterprise-Applications,.Internet-Applications,.Testing     					{background:url(../images/agile_service.gif); width:64px; height:64px} 
a.Application-Development {background-position:0px    0px; float:left}
a.Application-Maintenance {background-position:-64px  0px; float:left}
a.Web-Development {background-position:-128px 0px; float:left} 
a.Product-Development {background-position:-192px 0px; float:left}
a.Business-Intelligence {background-position:-256px 0px; float:left}
a.Enterprise-Applications {background-position:-320px 0px; float:left}
a.Internet-Applications {background-position:-384px 0px; float:left}
a.Testing {background-position:-448px 0px; float:left}
.main:hover a.Application-Development {background-position:0px   -64px}
.main:hover a.Application-Maintenance {background-position:-64px  64px}
.main:hover a.Web-Development {background-position:-128px -64px}
.main:hover a.Product-Development {background-position:-192px -64px}
.main:hover a.Business-Intelligence {background-position:-256px -64px}
.main:hover a.Enterprise-Applications {background-position:-320px -64px}
.main:hover a.Internet-Applications {background-position:-384px -64px}
.main:hover a.Testing {background-position:-448px -64px}

/* 	Industry pageSolutions
**********************************************************/
.Finance,.Insurance ,.Travel-and-Transportation,.Automotive,.Entertainment {background:url(../images/industry.gif); width:64px; height:64px} 
a.Finance {background-position:0px  0px; float:left}
a.Insurance {background-position:-64px  0px; float:left}
a.Travel-and-Transportation {background-position:-128px 0px; float:left} 
a.Automotive {background-position:-192px 0px; float:left}
a.Entertainment {background-position:-256px 0px; float:left}
.main:hover a.Finance {background-position:0px   -64px}
.main:hover a.Insurance {background-position:-64px  64px}
.main:hover a.Travel-and-Transportation {background-position:-128px -64px}
.main:hover a.Automotive {background-position:-192px -64px}
.main:hover a.Entertainment {background-position:-256px -64px}

/*Solutions page   
**********************************************************/
.Social-Networking,.Content-management,.Content-distribution {background:url(../images/solutions.gif); width:64px; height:64px} 
a.Social-Networking {background-position:0px  0px; float:left}
a.Content-management {background-position:-64px  0px; float:left}
a.Content-distribution {background-position:-128px 0px; float:left} 
.main:hover a.Social-Networking {background-position:0px   -64px}
.main:hover a.Content-management {background-position:-64px  64px}
.main:hover a.Content-distribution {background-position:-128px -64px}

/*Technologies page   
**********************************************************/
.Core-competencies,.Methodology {background:url(../images/technologies.gif); width:64px; height:64px} 
a.Core-competencies {background-position:0px  0px; float:left}
a.Methodology {background-position:-64px  0px; float:left}
.main:hover a.Core-competencies {background-position:0px   -64px}
.main:hover a.Methodology {background-position:-64px  64px}

/*Contact Us page   
**********************************************************/
.Questions,.consult-us,.Careers,.Locations {background:url(../images/contactus.gif); width:64px; height:64px} 
a.Questions {background-position:0px  0px; float:left}
a.consult-us {background-position:-64px  0px; float:left}
a.Careers {background-position:-128px 0px; float:left} 
a.Locations {background-position:-192px 0px; float:left}
.main:hover a.Questions {background-position:0px   -64px}
.main:hover a.consult-us {background-position:-64px  64px}
.main:hover a.Careers {background-position:-128px -64px}
.main:hover a.Locations {background-position:-192px -64px}

/* test cases page     
**********************************************************/ 
.testcase1,.testcase2,.testcase3,.testcase4,.testcase5,.testcase6,.testcase7,.testcase8,.testcase9,.testcase10 {background:url(../images/agile_testcase.gif); width:64px; height:64px; overflow:hidden} 
a.testcase1 {background-position:0px 0px; float:left}
a.testcase2 {background-position:-64px  0px; float:left}
a.testcase3 {background-position:-128px 0px; float:left} 
a.testcase4 {background-position:-192px 0px; float:left}
a.testcase5 {background-position:-256px 0px; float:left}
a.testcase6 {background-position:-320px 0px; float:left}
a.testcase7 {background-position:-384px 0px; float:left}
a.testcase8 {background-position:-448px 0px; float:left}
a.testcase9 {background-position:-512px 0px; float:left}
a.testcase10 {background-position:-576px 0px; float:left}
.main:hover a.testcase1 {background-position:0px   -64px; overflow:hidden}
.main:hover a.testcase2 {background-position:-64px  64px; overflow:hidden}
.main:hover a.testcase3 {background-position:-128px -64px; overflow:hidden}
.main:hover a.testcase4 {background-position:-192px -64px; overflow:hidden}
.main:hover a.testcase5 {background-position:-256px -64px; overflow:hidden}
.main:hover a.testcase6 {background-position:-320px -64px; overflow:hidden}
.main:hover a.testcase7 {background-position:-384px -64px; overflow:hidden}
.main:hover a.testcase8 {background-position:-448px -64px; overflow:hidden}
.main:hover a.testcase9 {background-position:-512px -64px; overflow:hidden}
.main:hover a.testcase10 {background-position:-576px -64px; overflow:hidden}

/* products 
**********************************************************/ 
.prod1,.prod2,.prod3,.prod4 {background:url(../images/icon-products.gif); width:64px; height:64px; overflow:hidden} 
a.prod1 {background-position:0px 0px; float:left}
a.prod2 {background-position:-64px  0px; float:left}
a.prod3 {background-position:-128px 0px; float:left} 
a.prod4 {background-position:-192px 0px; float:left}
.main:hover a.prod1 {background-position:0px   -64px; overflow:hidden}
.main:hover a.prod2 {background-position:-64px  64px; overflow:hidden}
.main:hover a.prod3 {background-position:-128px -64px; overflow:hidden}
.main:hover a.prod4 {background-position:-192px -64px; overflow:hidden}

.heading	{background:url(../images/heading.gif) top left repeat-y; height:20px; border-bottom:2px solid #008ec2; padding-left:2%; font-size:12px; font-weight:bold; color:#004762; float:left; width:98%;  padding-top:8px}

/* Testimonials from Clients */
/*comment box css*/
.commentbox{background-color: #CDF0F9; padding: 10px; font:normal 12px Arial, Helvetica, sans-serif} 
.commentfooter{background: url(../images/arrow.gif) 20px 0 no-repeat; font:normal 12px Arial, Helvetica, sans-serif;
padding-left: 58px; padding-top: 1px; margin-bottom: 2em; font-size: 8pt; color: #4A4A4A} 
.twoColumnListOfLinks ul {float:left; padding-right:2.5%; width:47.5%}
.twoColumnListOfLinks ul li {background:transparent url(../images/bullet02.gif) no-repeat scroll left 8px; border-bottom:1px dotted #0072BC; display:block; font-size:11px; padding:5px 0 5px 15px}
h1.products {border-bottom:2px solid #0072BC; color:#0072BC; font-family:arial; font-size:18px; font-weight:normal;
line-height:normal; padding-bottom:5px}
h3.productsFeat {border-bottom:2px solid #0072BC; font-family:Arial; font-size:16px; font-weight:bold;
line-height:normal; margin-bottom:3px; padding-bottom:5px}
.padOne {padding:8px}

ul.sitemap {margin:0 0 0 15px}
ul.sitemap li {float:left; width:33%; height:140px}
ul.sitemap li a {font-size:14px; font-weight:bold}
ul.sitemap li ul {margin-left:15px; margin-top:10px}
ul.sitemap li ul li {float:none; width:100%; display:block; height:auto}
ul.sitemap li ul li a {font-size:12px; font-weight:normal; color:#0f91c9; background:url(../images/arrowTwo.gif) left 5px no-repeat; text-indent:15px; width:100%; display:block}

.hotline {float:right; margin:2px 5px 0 0; width:252px; height:28px; text-align:center; color:#FFFFFF}
.hotline p {float:left;background:url(../images/divider.gif) right top no-repeat;margin-left:-17px;padding:3px}
.hotline h1 {font-size:24px; text-align:left; text-indent:15px; background:url(../images/divider.gif) right top no-repeat; width:210px}
.twitIcon {position:relative;top:4px;left:3px}

/* Free Quote Form */
#leftfields {float:left;width:440px;font:Arial, Helvetica, sans-serif}
#leftfields tr td {height:46px}
#rightfields {float:right;width:470px}
#rightfields tr td {height:46px}
#leftfields {color:#0f91c9;margin-left:40px}
#rightfields {color:#0f91c9; margin-right:29px}
input {background:transparent url(../images/registerbox32.gif) no-repeat scroll left top; border:1px solid #E6E6E6; height:20px}
select {background:transparent url(../images/registerbox32.gif) no-repeat scroll left top; border:1px solid #E6E6E6; height:20px;
color:#0f91c9}
textarea {background:transparent url(../images/registerbox32.gif) no-repeat scroll left top;
border:1px solid #E6E6E6}
input.file {background:transparent url(../images/registerbox32.gif) no-repeat scroll left top;
border:1px solid #E6E6E6}
.mandatoryColor {color:#CE3700;font-size:18px;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif}
.send{background:transparent url(../images/button.gif) repeat scroll left -33px; color:white; font-size:13px; height:29px; padding:5px;
width:60px; cursor:pointer; font-weight:bold}
#textm a {color:#666}

/* zagmag boreder */
.bottom_texts {background-color:#EBF5FF; border:2px dashed #4DA0F5; color:#000000; padding:10px}
#contarea li {background:url(../images/continue.gif) 0 5px no-repeat; padding-bottom:10px; padding-left:17px; display:block}

h2.head{ text-indent:30px; color:#009be7; border-bottom:1px solid #cecdcd; margin-top:8px}

/* border*/
.imgBod{border:1px solid #cecdcd; background-color:#efeeee; width:150px; height:150px}

/* color*/
.blueTxt{color:#729beb}

/* font */
a.largeTxt {font-size:14px; color:#1db5ee; font-weight:normal; text-decoration:underline}
a.smallTxt {font-size:11px; color:#1db5ee; font-weight:normal; text-decoration:underline}
a.verysmallTxt {font-size:11px; color:#0690c2; font-weight:normal; text-decoration:underline}
a.active {font-weight:bold}

/* margin */
.marginRT {margin-left:39px}
.marginT {margin-top:10px}
.marginBt {margin-top:-6px}
#categories {float:right; width:200px; margin-right:7px}
#portfoliomain {float:left;width:488px; padding:3px}
div.border01 {border:1px solid #cecdcd}

/* ul tag */
ul.verticalList {width:120px; margin:0 auto}
ul.verticalList li a {background:url(../images/arrow_right.gif) left 10px no-repeat; display:block; padding:5px 0 2px 14px; color:#000; margin-left:-25px}

ul.verticalList2 {width:120px; margin:0 auto; padding:0 0 0 10px}
ul.verticalList2 li a {background:url(../images/arrow_right01.gif) left 10px no-repeat; display:block; padding:5px 0 2px 15px; color:#000; margin-left:-20px}


/* idedicate */
.what-idedicate,.how-idedicate,.comp-idedicate,.skill-idedicate,.faqs-idedicate,.start-idedicate{background:url(../images/iDedicate.gif); width:64px; height:64px} 
a.what-idedicate {background-position:0px 0px; float:left}
a.how-idedicate {background-position:-64px 0px; float:left}
a.comp-idedicate {background-position:-128px 0px; float:left} 
a.skill-idedicate {background-position:-192px 0px; float:left}
a.faqs-idedicate {background-position:-256px 0px; float:left}
a.start-idedicate {background-position:-320px 0px; float:left}

.main:hover a.what-idedicate {background-position:0px   -64px}
.main:hover a.how-idedicate {background-position:-64px  64px}
.main:hover a.comp-idedicate {background-position:-128px -64px}
.main:hover a.skill-idedicate {background-position:-192px -64px}
.main:hover a.faqs-idedicate {background-position:-256px -64px}
.main:hover a.start-idedicate {background-position:-320px -64px}

/* new porfolio section */
#portfolio-content {background:#FFF; padding:0 10px}
.portfolio_div {border-bottom:1px dashed #90d0ee; padding:22px 0}
ul.listing {padding:0; margin:0; list-style:none; overflow:hidden}
ul.listing li {float:left; margin-right:3px; text-align:center; width:216px; border:1px solid #65d2f8}