@charset "utf-8";
/* CSS Document */
/* This is Global CSS for Neova Website 
Created on : 14th Jan. 2009
Last Updated on : 27th Feb. 2009  By: urk*/

/* General Classes */
html, body {
	height: 90%; margin: 0; padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em; line-height: 1.4em;
	color:#111;	
	background: #fffae6 url(../images/ip-grbg.png) repeat-x;
	/*background: #eee5bb;*/
}
#indexpage { background: #fffae6 url(../images/grbg144.png) repeat-x;}
img {border: 0px;}
a { color:#222; text-decoration:none; }
a:hover { color: #b22009; text-decoration:underline; }
p { 	margin: 0px 0px 8px 0px; }
ul { margin-top: 0px; list-style:url(../images/dimond1.png); color:#222; }
li {	margin-bottom: 8px;	color:#222;	line-height: 18px; }
h1 { font-family: Helvetica; font-size: 2em; letter-spacing: 1px; 
	text-align: center; color: #800; background-color: #e6dac0; line-height: 1.5em; border: 1px solid #C5A303; margin: 0px;}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 95%; font-weight:100;  font-size: 21px;
	color:#009; margin: 0px 0px 10px 0px;
	padding-bottom: 2px; letter-spacing: -1px;
	border-bottom:#c5a303 1px solid;
}
h4 { font-size: 1em; }
fieldset { border: 1px solid #bdab83; padding: 0px 10px; margin:0px;}
fieldset legend {font-family: Georgia; background-color: #f2e0b8; font-size:16px; color: #211810; padding: 5px; margin: 5px; border: 1px solid #d7b468; font-weight: bold;}

/*Wrapper Classes */
#pagearea { width: 100%; margin: 0px; padding: 0; }
#mainarea {	width: 1024px; clear: both;	margin: 0 auto;	padding: 10px; }

/* Header classes */
#mainarea #header{ width: 100%; clear:both; height: 80px; font-weight: bold; text-align: center; clear: both; margin-bottom: 20px; }
#header .logo{ float: left; width: 225px; margin-top: 10px; text-align: left; margin-left: 20px; }
#header .menu{ float: right; width: 45%; margin-top: 40px;	font-weight:100;
	line-height: 32px;	font-size: 1.6em; color: #992222; font-family: Georgia ;
}

/* Menu Classes */
.maintab { width: auto; float:left; text-align:center; padding: 0px 10px; border-right: 1px solid #282828; }
.mainlasttab { width: auto; float:left; padding: 0px 10px; }
.menu .selected{	 background:url(../images/menubg.png) center no-repeat; color: #282828;
	width: auto; float:left; padding: 0px 10px; border-right: 1px solid #282828;
}
.menu .lastselected{	
	background:url(../images/menubg.png) center no-repeat; color: #282828;
	width: auto; float:left; padding: 0px 10px;
}
.maintab a, .mainlasttab a, .selected a, .lastselected a{
	color: #992222; text-decoration:none; display:block;
}
.maintab a:hover, .mainlasttab a:hover, .selected a:hover {
	background:url(../images/menubg.png) center no-repeat;
}

/* Banner Section */
#mainarea #bannersection {
	background: #333 url(../images/contentbg-new14.png) center no-repeat;
	padding: 10px; 	height: 220px;	margin-top: 10px; margin-bottom: 10px;
}
#bannersection .left {
	float: left; margin: 10px 0px; width: 430px; font-family: "Arial Narrow"; 
}
#bannersection .right{
	margin-top: 10px; margin-right: 20px; float: right; width: 540px; 
}

/* Left Section Highlights */
#bannersection .left p { margin-top: 10px; padding: 10px 20px;}
#bannersection .item1, #bannersection .item2, #bannersection .item3, #bannersection  .item4{
	font-size: 1.6em; color: #a5a5a5; 
}
#bannersection .item1 a, #bannersection .item2 a, #bannersection .item3 a , #bannersection .item4 a{
	color: #a5a5a5; text-decoration: none;
}
#bannersection .item1-active, #bannersection .item2-active, #bannersection .item3-active, #bannersection  .item4-active{
	font-size: 2em; color: #E8D084;
}
#bannersection .item1-active a, #bannersection  .item2-active a, #bannersection .item3-active a, #bannersection .item4-active a{
	color: #E8D084; text-decoration: none;
}

#bannersection .readlink #pause {display:inline;}
#bannersection .readlink #play {display:none;}
#bannersection .readlink a, #bannersection .readlink a:hover {text-decoration: none;}

/* Mainarea Box classes */
#mainarea #boxarea{ 
	width: 100%; height: 310px; clear: both; overflow:hidden; /*border: 1px solid #f00;*/
}

#boxarea #level1 {
	margin: 0px; padding: 0px; 
}
#boxarea #level2, #boxarea #level3 {
	display: none; margin: 0px; text-align:left;
}
#boxarea p{ 	margin: 0px 0px 6px 0px; }
.boxcontent { height: 280px; }
.readlink{ font-size: 0.9em; text-align: right; color: #282828; margin-right: 20px; padding-right: 20px; }
.readlink a { color: #282828; }
.readlink a:hover { color: #b22009;}

/* footer classes */
#footer {
	width: 100%; 
	background: #bebdb8 url(../images/footerbg142.png) top repeat-x;
	height: 170px; clear: both; margin: 0 auto; line-height: 15px;
}
#footer1 {
	width: 100%;
	/*background: #b68819 url(../images/footerbg.png) top repeat-x;*/
	clear: both; margin: 10px auto; border-bottom: 2px solid #202; border-top: 2px solid #202;
}
#footer #content { height: 145px; }
#feeds {
	float: left; width: 485px;	margin-top: 4px; margin-left: 15px;
	text-align: left; padding: 5px; height: 128px;	
}
#feeds center { display: none; }
#feeds td { color: #282828; }
#feeds a { color: #fff; font-weight: bold; }
#techiconsarea {
	float: right;
	background:url(../images/technologyicons.png) left bottom no-repeat;
	margin-top: 4px; width: 500px; height: 128px; vertical-align:middle; text-align: center;
}
.ticons { margin-top:25px; width: 100%; text-align:right; }
#statement { width: 100%; height: 25px; clear: both; font-size: 11px; text-align: left; color: #fff; background-color: #22222b;}
#statement a, #statement a:hover{ color: #fff; }
.address { font-size: 17px; padding-bottom: 5px; padding-right: 10px; margin-top: 5px; text-align:right; color: #282828; line-height:20px;}
.address a { color: #282828; text-decoration:underline;}
.copyright { width: 500px; margin-top: 5px; margin-left: 25px; float:left; }
.validatelink { 	width: 200px; margin-top: 5px; margin-left: 5px; float:left; }
.qlinks { float:right; margin-top: 4px; width: 180px; margin-right: 10px; }
.qlinks a { color: #fff; }
.contacts { padding-bottom: 5px; margin-top: 5px; text-align:right; color: #444;}

/* contact us classes */
#contactus form input {width: 300px;font-size:12px;}
#contactus form textarea {width: 305px;font-size:12px;}
#contactus form #reset { width: 50px;}
#contactus form #button { width: 60px;}
#contactus { margin-top: 20px; }
#contactus h2 { margin-top: 6px;	margin-bottom: 0px; }
#contactus #leftsection { float:left; width: 540px; padding: 10px; }
#contactus #rightsection { float:right; width: 450px; }
#contactus #leftsection #add2 {padding: 25px 0 0 0;}
#contactus #leftsection .map {float: right; width: auto;}
#contactus #leftsection .naddress {float: left; width: 230px;}
#contactus #leftsection .maplink { margin:0px; text-align:center;}
#contactus #leftsection #maplink a {color:#0000FF; text-align:left; font-weight:bold;}
#contactus .indiaadd { 	margin: 0px; padding: 3px; font-size: 16px; }
#contactus .indiamap { 	margin: 0px; padding: 3px; border: 1px solid #282828; }
#contactus .usadd { margin: 0px; padding: 3px; font-size:16px; }
#contactus .usmap {	margin: 0px; padding: 3px; border: 1px solid #282828;}
#contactus #contactformarea { margin: 0 auto; }
#contactus #gridtable {	width: 100%;}
/* a cell contained in a grid table */
#contactus #gridtable td { padding: 3px 6px; color: #37332E; vertical-align: top; line-height: 20px; }
/* a cell containing text in a grid table */
#contactus #gridtable td.txt { width:145px; text-align: right; }
.mail { font-size: 18px;	color: #fff; text-align: right;	margin: 0px;}
.contacts a, .mail a{ color: #fff;}

/* internal page styles */
/* about us page */
#aboutus form input {width: 240px;}
#aboutus form textarea { width: 240px;}
#aboutus form #reset { width: 50px;}
#aboutus form #button { width: 60px;}
#aboutus form #formSubmit { text-align:center; padding-top:10px;}
#aboutus { clear: both; width: 100%; margin-top: 5px; }
#aboutus .leftsection {
	float: left; width: 25%; color: #282828; height: 540px;
	border-left: 12px solid #211810;
	border-top: 12px solid #211810;
	border-bottom: 1px solid #211810;
	border-right: 1px solid #211810;
}
#aboutus .leftsection .section1 {
	height: 180px; margin: 0px 0px 10px -1px; width: 97%; padding: 10px; background-color: #e6dac0;
	border: 1px solid #bdab83; 
}
#aboutus .leftsection .section2 {
	height: 320px; margin: 0px 0px 10px -1px; width: 97%; padding: 10px;
	background-color: #e6dac0;	
	border: 1px solid #bdab83;
}
#aboutus .leftsection  p { font-size: 0.9em; margin: 0 0 6px 0; padding: 0px; }
#aboutus .leftsection #pform p {margin: 0px;}
#aboutus .rightsection {	float: right; width: 70%; padding: 10px; color: #222; }
#aboutus .rightsection .content {	margin-top: 15px;}
#aboutus #vision { padding-bottom: 0px; margin: 0px;}
#aboutus #vision .teamimage { float:left; width:410px; margin:0px; padding:0px;}
#aboutus #vision .vstatement { float:right; width: 250px; margin: 0px; padding:0px;}
#footer #content .addressblock { float: right; width: 500px; padding: 0px;	height: 130px; padding-right: 10px; padding-top: 10px;}
#footer #content .addressblock .addresses { clear: both; width: 100%; }
#footer #content .addressblock #usadd { float:left; width:50%; margin-top:10px; color: #444; }
#footer #content .addressblock #indiaadd { float: right; width:50%; margin-top:10px; color: #444;}
#footer #content .mail { font-size: 18px;	color: #444; text-align: right;	margin: 0px;}
#footer #content .contacts a, .mail a{ color: #444;}

/* services and domains page */
#services #details {	width:760px; float: left;}
#services #menu {
	float: right; width: 245px; margin: 0px; padding: 0px; border: 1px solid black; background: #211810; 
}
#services #menu #menuitems{ width: 230px; margin: 0 auto; }
#services #menu p { font-size: 13px; color: #fff;	 margin: 5px 0px 0px 0px; text-align: left;	
	border-top: 1px solid #514030;	border-right: 1px solid #7e6651; border-bottom: 1px solid #7e6651; border-left: 1px solid #514030;
}
#simage { width: 230px;	margin: 10px auto;	margin-bottom: 10px; text-align:center; padding: 5px 0 5px 0; }
#services #menu p a{
	display: block; line-height: 29px; padding-left: 10px; text-decoration: none;
	color: #fff; background: url(../images/sublinkbg.png) center;
}
#services #menu p a:hover {
	display: block; text-decoration: none;	background: none;
}
#services .details p { margin-top: 6px; }

/* careers page */
#careers { clear: both;	padding: 10px; }
#careers #leftcontent { float:left; width: 760px; }
#careers #content1 {padding-top: 10px; padding-bottom: 10px;}
#careers #content1 #teamimage {float: right; width: auto;}
#careers li { margin: 10px; }
#careers a:hover { color: #009900; text-decoration: none; }
#careers #benefits { float:right; width: 240px; margin: 0px; padding: 0px; color: #fff; background: #211810; }
#careers #benefits ul { margin: 0px; padding: 0px 0px 0px 25px; }
#careers #benefits ul li { line-height: 30px; list-style: none; list-style-image:none; list-style-type: none; margin: 0px; padding: 0px; color: #fff;}
#careers #benefits h3 {
	font-family: Arial, Helvetica, Tahoma;
	width: 90%; font-weight: 100; font-size: 21px; letter-spacing:0px; 
	color: #f3edd1; margin: 10px 0px 0px 10px; border-bottom: 1px dotted #FFCC33;
}
#careers #benefits h4 { width:205px; margin:15px 0 0; text-align:center; padding:5px; border-top:#c5a303 1px dotted; border-bottom:#c5a303 1px dotted; color:#f3edd1; }

#careers #benefits #empoftheqtr {position:relative; width:215px; margin: 0 auto;}

#empoftheqtr a, #empoftheqtr a:visited {
	color: #8A9483;
	text-decoration: none;
}

#empoftheqtr a:hover {
	color: #9BA495;
	text-decoration: underline;
}

#employee {	/*left: 10px;	top: 10px;*/ width: 135px; font-size:15px; margin:0 auto; padding: 5px 5px; position: relative; line-height: 25px; text-align: center;
}


#employee a .empbigimage {
	border: 0px;
	display: block;
	height: 1px;
	left: 0px;
	position: absolute;
	top: -1px;
	width: 1px; 
}

#employee a img {
	border: 0;
}

#employee a.empthumb, #employee a.p1:visited {	
	display: block;	
	left: 0;
	color: #c5a303;
	text-decoration: none;
	top: 0;
	width: 135px;
	height: 25px;
}

#employee a.empthumb:hover {
	/*background-color: #8C97A3;*/
	color: #c5a303;
	text-decoration: none;
	height: 275px;	
}

/*#employee a.empthumb:hover .empbigimage {
	border: 1px solid #000000;
	display: block;
	height: 250px;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 200px;
}*/
#employee a.empthumb:hover .empbigimage {
	border: 1px solid #0000000;
	display: block;
	height: 250px;
	left: -32px;
	position: relative;
	top: -1px;
	width: 200px;
}



#careers #openings {
	float:left; width:95%; padding: 10px; margin-top: 10px;
	border-left: 1px solid #ad7c18; border-right: 1px solid #ad7c18; border-bottom: 5px solid #400;	border-top: 5px solid #400;	
}

/*Block Separators */
#hseparator { height: 5px; }
.separator { height: 5px; background: url(../images/iptopbg114.png) repeat-x; }
#bannerline { background: url(../images/iptopbg114.png) repeat-x; width: 5px; height: 1px; clear: both; }

/* Form Submission classes */
.loading { text-align: center; }
#message { display:block; color: #822; font-weight: bold;}

/* Case Studies and Testimonials */
#description { display: block; margin-top: 10px; }
#ldescription { 	margin-top: 10px; display: block; height: 300px; overflow: hidden; }
#scroll { margin: 0 auto; padding: 0px;	text-align: center; border-bottom: 2px groove #000; width: 60%; }
.casetest {	margin: 10px 0px; width:100%; }

#casestudy h4 { font-size:14px; }
.quot {	font-size: 1.6em; font-weight: bold; margin: 0px 5px; }
.attribution { text-align: right; font-weight: bold; }
#servicecases { float:left; 	width:49%; }
#servicecases fieldset { border: 1px solid #bdab83; height: 300px; padding: 10px;}
#servicetestimonialis { float:right; width:49%; }
#servicetestimonialis p { font-family: "Times New Roman"; font-size: 1.2em; line-height: 1.6em; letter-spacing: 0.03em; font-style: italic; }
#servicetestimonialis p.readlink{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.9em; text-align: right; color: #282828; margin-right: 10px; padding-right: 10px; font-style: normal;
}
#servicetestimonialis p.readlink a { color: #282828; }
#servicetestimonialis p.readlink a:hover { color: #b22009;}
#servicetestimonialis fieldset { border: 1px solid #bdab83; height: 300px; padding: 10px;}
#expertisecases { float:left; width:49%;}
#expertisecases fieldset { border: 1px solid #bdab83; height: 300px; padding: 10px;}
#expertisetestimonialis { float:right; width:49%;}
#expertisetestimonialis p { font-family: "Times New Roman"; font-size: 1.2em; line-height: 1.6em;	letter-spacing: 0.03em; font-style: italic; }
#expertisetestimonialis p.readlink{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.9em; text-align: right; color: #282828; margin-right: 10px; padding-right: 10px; font-style: normal;
}
#expertisetestimonialis p.readlink a { color: #282828; }
#expertisetestimonialis p.readlink a:hover { color: #b22009;}
#expertisetestimonialis fieldset { border: 1px solid #bdab83; height: 300px; padding: 10px; margin:0px;}
#casestudy { width:100%; }
#casestudy fieldset { border: 1px solid #bdab83; height: 300px; padding: 10px; margin: 0px;}
.casessubdiv { float:left; width:65%; margin: 0px; padding: 0px; }
#testpage, #casepage, .testdiv, .casediv { height:auto; min-height:650px; margin: 10px 0px 0px 0px; padding: 0px; }
* html #testpage, #casepage, .testdiv, .casediv { height: auto;}
#testpage .testsubdiv { float:right;	width: 32%;	margin: 22px 0px 0px 0px; background-color: #e6dac0; padding: 10px;	border: 1px dotted #211810; }
#casepage .testsubdiv { float:right;	width: 32%;	margin: 20px 0px 0px 0px; background-color: #e6dac0; padding: 10px;	border: 1px dotted #211810; }

.testsubdiv h4 {	font-size: 0.9em; margin-top: 0px;}
#testimonial{ width:100%; }
/*#testimonial p{ font-family: Times New Roman; font-size: 1.2em;	line-height: 1.6em;	letter-spacing: 0.03em;	font-style: italic; }*/
#testimonial p.readlink{
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size: 0.9em; text-align: right; color: #282828; margin-right: 10px; padding-right: 10px; font-style: normal;
}
#testimonial p.readlink a { color: #282828; }
#testimonial p.readlink a:hover { color: #b22009;}
#testimonial fieldset { border: 1px solid #bdab83; height: 300px; padding: 10px;}
.testimonialright{ margin-right: 10px; text-align:right; }
#testpage fieldset { font-family: "Times New Roman"; font-size: 1.2em;	line-height: 1.6em;	letter-spacing: 0.03em;	font-style: italic; }
/*#casespage .testsubdiv {	font-family: Times New Roman; font-size: 1.2em; line-height: 1.6em;	letter-spacing: 0.03em; font-style: italic; }*/
#testpage .readlink, #casespage .readlink { font-size: 0.9em; text-align: right; color: #282828; margin: 0px; padding-right: 0px; }
#disclaimer, #contactus { margin: 20px 0px;	height: 650px; }

/*services and expertise main page*/
.mainleft{float:left; width:48%;}
.mainright{float:right; width:48%;}

/*ui page subdivision*/
.uiservicesleft {float:left; width: 55%;}
.uiservicesright {float:right; width: 42%;}

/*index page banner images*/
#banner1{display: block;}
#banner2{display: none;}
#banner3{display: none;}

.neovahighlight {width: 32%; float:left; margin-left: 20px;}
.teamhighlight {width: 32%; float:left;}
.servicehighlight {width: 32%; float:right; margin-right: 20px;}
.webhighlight {width: 25%; float:left; margin-left: 20px;}
.mobilehighlight {width: 20%; float:left;}
.uihighlight {width: 25%; float:left;}
.qahighlight {width: 25%; float:right;}
.careershighlight {width: 45%; float:left; margin-left: 40px;}
.openings {width: 40%; float:right; margin-right: 40px;}

/*mobile page*/
.mobilelistdiv {width: 60%;}
.mobilelistleft {float: left; width: auto;}
.mobilelistright {float: right; width: auto;}
.mobileleftcol{float:left; width: 49%;}
.mobilerightcol{float:right; width: 49%;}

/*career decsription*/
.indexjobdesc
{
	left:640px;
	height:auto;
	width:500px;
	padding:10px;
	position:absolute;
	z-index:99;
	display:none;
	background:#F2E0B8;
	border:1px solid #D7B468;
}

.careersjobdesc
{
	height:auto;
	width:700px;
	padding:10px;
	position:absolute;
	z-index:99;	
	display:none;
	background:#F2E0B8;
	border:1px solid #D7B468;
}
.careersjobdesc ul li{ margin: 0px; padding: 0px; font-size:10px; line-height: 15px; }
/* accordion css*/
#wrapper {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding:5px;
	}

.accordionButton {	
	width: 100%;
	float: left;
	cursor: pointer;
	font-family: Georgia; 
	background-color: #f2e0b8; 
	font-size:16px; 
	color: #211810; 
	border: 1px solid #d7b468; 
	font-weight: bold;
	}

.accordionButton h4
{
	margin:5px;
}

.accordionContent {	
	width: 100%;
	float: left;
	display: none;
	padding-bottom: 12px;
	}
.accordionContent h4 {	
	margin-top:10px;
}
.testimonialContent {	
	clear: both;
	float: left;
	width: 63%;
	margin-top: 10px;
	padding:10px; 
}

.testsubdiv { float:right;	width:32%;	margin: 20px 0px 0px 0px; background-color: #e6dac0; padding: 10px;	border: 1px dotted #211810; }

#testimonial .testimonialContent p{ font-family: "Times New Roman"; font-size: 1.2em;	line-height: 1.6em;	letter-spacing: 0.03em;	font-style: italic; }
.testi { font-family: "Times New Roman"; font-size: 1.2em; margin-top: 10px;	line-height: 1.6em;	letter-spacing: 0.03em;	font-style: italic; }

#casepage .accordionContent .testsubdiv .casetesi{	font-family: "Times New Roman"; font-size: 1.2em; line-height: 1.6em;	letter-spacing: 0.03em; font-style: italic; }

#casepage p.readlink{
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size: 0.9em; text-align: right; color: #282828; margin-right: 5px; padding-right: 5px; font-style: normal;
}
#casepage p.readlink a { color: #282828; }
#casepage p.readlink a:hover { color: #b22009;}


.headerlt {
	width:80%;
	float:left;
}

.headerrt {
	 width:18%;
	 float:right;
	 padding:10px;
}


/*Submit resume classes */
#resumepage #header{ width: 100%; clear:both; height: 80px; font-weight: bold; text-align: left; clear: both; margin-bottom: 20px; }
#resumepage #header .logo{ width: 225px; margin-top: 10px; text-align: left; margin-left: 20px; }
#resumepage #resume { margin: 0 auto; }
#resumepage #statement { width: 100%; height: 25px; clear: both; font-size: 11px; text-align: center; color: #fff; background-color: #22222b;}
#resumepage #message { display:block; color: #822; font-weight: bold; text-align: center;}
#resumepage form input {width: 300px;}
#resumepage form textarea { width: 300px;}
#resumepage form select { width: 300px;}
#resumepage form #reset, #resumepage form #close { width: 50px;}
#resumepage form #button { width: 60px;}