/* CSS Document */

Body{
	margin:0px;
	background-color:#FFFFFF;
	font-family:verdana;
	font-weight:normal;
}
a.close {color:#333;text-decoration:none;float:right;cursor:pointer;}
a:close:hover {color:#ccc; text-decoration:none}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:627px;
  height:620px;
  display:none;
  z-index:9999;
  background-image:url(../images/diwalibanner.png);
  background-repeat:no-repeat;
}
/* universal settings */
* {
padding: 0;
margin: 0;
}

div, span, object, h1, h2, h3, h4, h5, h6, p, a, font, img, ol, ul, li, 
fieldset, form, label, legend, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height:14px;
	text-decoration:none;
}


#wrapper {width:1003px; margin:auto;}

#nav {width:955px; height:23px; float:left; background:url(../images/nav-bg.gif) repeat-x; padding:13px 24px 8px;}
#nav ul {padding:0; margin:0; float:left; list-style-type:none; height:23px;}
#nav ul li {display:inline; padding-right:15px; float:left; text-align:center;}



.homelink, .aboutlink, .ourserviceslink, .ourskilllink, .projectslink, .contactlink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:23px;
	color:#FFFFFF;
}

.homelink a {
	font-size:11px;
	font-weight:bold;
	height:19px;
	width:56px;
	display:block;
	padding-top:4px;
	color:#FFFFFF;
	float:left;
}

.homelink a:hover{
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/homelink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	color:#FFFFFF;
}

.homelink-selected {
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/homelink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	padding-top:4px;
	width:56px;
	color:#FFFFFF;
}

.aboutlink a{
	font-size:11px;
	font-weight:bold;
	height:19px;
	width:84px;
	display:block;
	padding-top:4px;
	color:#FFFFFF;
	float:left;
}

.aboutlink a:hover{
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/aboutlink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	color:#FFFFFF;
}

.aboutlink-selected {
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/aboutlink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	padding-top:4px;
	width:84px;
	color:#FFFFFF;
}

.ourserviceslink a{
	font-size:11px;
	font-weight:bold;
	height:19px;
	width:112px;
	display:block;
	padding-top:4px;
	color:#FFFFFF;
	float:left;
}

.ourserviceslink a:hover{
	font-size:11px;
	font-weight:bold;
	background:url(../images/ourserviceslink-bg.gif) no-repeat;
	display:block;
	height:19px;
	color:#FFFFFF;
}

.ourserviceslink-selected {
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/ourserviceslink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	padding-top:4px;
	width:112px;
	color:#FFFFFF;
}

.ourskilllink a{
	font-size:11px;
	font-weight:bold;
	height:19px;
	width:119px;
	display:block;
	padding-top:4px;
	color:#FFFFFF;
	float:left;
}

.ourskilllink a:hover{
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/ourskilllink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	color:#FFFFFF;
}

.ourskilllink-selected {
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/ourskilllink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	padding-top:4px;
	width:119px;
	color:#FFFFFF;
}

.projectslink a{
	font-size:11px;
	font-weight:bold;
	height:19px;
	width:100px;
	display:block;
	padding-top:4px;
	color:#FFFFFF;
	float:left;
}

.projectslink a:hover{
	font-size:11px;
	font-weight:bold;
	background:url(../images/testiminiallink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	color:#FFFFFF;
}

.projectslink-selected {
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/testiminiallink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	padding-top:4px;
	width:100px;
	color:#FFFFFF;
}

.contactlink a{
	font-size:11px;
	font-weight:bold;
	height:19px;
	width:100px;
	display:block;
	padding-top:4px;
	color:#FFFFFF;
	float:left;
}

.contactlink a:hover{
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/contactlink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	color:#FFFFFF;
}

.contactlink-selected {
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/contactlink-bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	padding-top:4px;
	width:100px;
	color:#FFFFFF;
}


#leftside {width:756px; float:left; padding-top:7px;}

#header {width:756px; height:150px; float:left;}
#logo {width:175px; height:73px; float:left; background:url(../images/logo.gif) no-repeat; padding:27px 0 50px 16px; margin-left:14px;}
#logo a, #logointernal a {width:175px; height:73px; display:block;}
#logointernal {width:175px; height:73px; float:left; background:url(../images/logo-internal.gif) no-repeat; padding:27px 0 50px 16px; margin-left:14px;}
#headertestim {width:547px; height:150px; float:left; background:url(../images/homepage-quote.jpg) no-repeat;}
#headertestim-newyr {width:547px; height:150px; float:left; background:url(../images/homepage-quote_newyr.gif) no-repeat;}
#headertestim-inner {width:547px; height:150px; float:left; background:url(../images/innerpage-quote.jpg) no-repeat;}

#flashtestim {width:341px; float:left;}
#xmasflash a{width:155px; height:140px; float:left; display:block;}


#whowearetextarea {width:726px; height:257px; float:left; background:url(../images/whowearetextarea_bg.jpg) no-repeat top left; margin:0 16px 18px 14px;}
#welcometext {width:431px; padding:10px 24px; float:left; font-size:11px; text-align:justify; color:#404040; line-height:15px;}
#latestlaunch {width:210px; float:left; background:url(../images/latest-launch.gif) no-repeat top left; padding:36px 0px 0 23px; }
#moreportfolio {float:right; padding-right:40px;}



#rightside {width:232px; float:left; padding:8px 8px 0 1px;}
#contactdetails {width:232px; height:78px; float:left; background:url(../images/zetta.jpg) no-repeat;}
#contactdetails a {width:169px; height:16px; display:block; margin:14px 0 0 59px;}

#quickcontact {width:232px; float:left; padding-top:3px;}
.quickcontact-input {width:130px; height:16px; border:1px solid #969696; background-color:#ffffff; font-size:11px; padding:2px 2px 0px 2px; float:left; }
.quickcontact-textarea {width:167px; height:45px; border:1px solid #969696; background-color:#ffffff; font-size:11px; padding:2px 2px 0px 2px; float:left;}


#servicessection {width:963px; float:left; padding:0 22px 15px 18px;}
#designservices {width:285px; height:149px; float:left; background:url(../images/designservices-bg.jpg) no-repeat; padding:19px 0 13px 14px;}
#devptservices {width:362px; height:149px; float:left; background:url(../images/devptservices-bg.jpg) no-repeat; padding:19px 0 13px 14px;}
#marketingservices {width:274px; height:149px; float:left; background:url(../images/marketingservices_bg.jpg) no-repeat; padding:19px 0 13px 14px;}

#servicessection ul {padding:13px 0 15px 12px; margin:0; list-style-image:url(../images/arrow-red.gif); float:left; list-style-position:outside; clear:both; width:90%;}
#servicessection ul li {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#404040; line-height:20px;}
#servicessection span {clear:both;}

#footer {width:967px; height:50px; float:left; background-color:#404040; padding:0px 18px 0px; font-size:11px; color:#D3D3D3;}
#footer-innerpage {width:967px; height:50px; float:left; background-color:#404040; padding:0px 18px 0px; font-size:11px; color:#D3D3D3;}
#footerleft{float:left; padding-top:20px;}
#footerright {float:right; padding-top:10px;}



/* Innerpage CSS */
#innerpagecontentarea {background:url(../images/internalpage-content-bg.gif) no-repeat top; float:left; padding:0 45px; width:666px;; float:left;}

#designservicesarea {padding-top:25px; float:left; width:666px;}
#designservicesarea ul {padding:0; margin:0; list-style-type:none; float:left;}
#designservicesarea ul li {float:left;}
#designservicesarea ul li.space {margin-right:20px; float:left;}


#servicesswitcharea {float:left; width:666px; padding-bottom:23px; position:relative;}
.servicescontentbg {width:641px; height:178px; float:left; background:url(../images/services-content-bg.jpg) no-repeat; padding:14px 0px 0px 25px;}
.servicescontentbg02 {width:641px; height:184px; float:left; background:url(../images/services-content-bg.jpg) no-repeat; padding:8px 0px 0px 25px;}
.devptservicescontentbg {width:640px; height:208px; float:left; background:url(../images/devptservicescontentbg.jpg) no-repeat; padding:14px 0px 0px 25px;}
.mktingservicescontentbg {width:640px; height:258px; float:left; background:url(../images/mktingservicesbg.jpg) no-repeat; padding:14px 0px 0px 25px;}
.servicescontent {width:275px; float:left; padding-right:25px; padding-top:10px; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#000; text-align:justify;}
.servicescontent02 {width:295px; float:left; padding-right:25px; padding-top:20px; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#000; text-align:justify;}
#brandidentityarrow {height:22px; width:22px; margin-left:65px; float:left; background:url(../images/pointed-arrow.gif) no-repeat left;}
#webdesignarrow {height:22px; width:22px; margin-left:240px; float:left; background:url(../images/pointed-arrow.gif) no-repeat left;}
#flashanimarrow {height:22px; width:22px; margin-left:405px; float:left; background:url(../images/pointed-arrow.gif) no-repeat left;}
#broucherdesignarrow {height:22px; width:22px; float:right; background:url(../images/pointed-arrow.gif) no-repeat right; margin-right:65px;}

#requestquote {width:357px; height:113px; float:left; background:url(../images/requestquote_bg.gif) no-repeat; padding:10px 285px 23px 24px; }
.requestquotetitle {font:bold 13px Arial, Helvetica, sans-serif; color:#000; padding-bottom:7px; float:left; width:100%;}


/* Contactform CSS */
.contactus-input {
	width:295px;
	height:16px;
	border:1px solid #969696;
	background-color:#ffffff;
	font-size:11px;
	padding:2px 2px 0px 2px;
}

.contactus-select {
	width:300px;
	height:18px;
	border:1px solid #969696;
	background-color:#ffffff;
	font-size:11px;
	padding:2px 2px 0px 2px;
}

.contactus-textarea {
	width:295px;
	height:95px;
	border:1px solid #969696;
	background-color:#ffffff;
	font-size:11px;
	padding:2px 2px 0px 2px;
}
.verdana12redbold {
	font-size:12px;
	color:#E21A2C;
	font-weight:bold;
}



/* testimonial page CSS */
.testimtop {background:url(../images/testimtop.gif) no-repeat; width:571px; height:31px; float:left; text-align:right; padding-right:95px; padding-top:5px; font:bold 12px Verdana, Arial, Helvetica, sans-serif;}
.testimbg {background-color:#f1f1f1; padding:0px 16px; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;}
.testimbottombg {background:url(../images/testimbottombg.gif) no-repeat top; width:666px; height:10px; float:left;}


.Ourexpertisetitlebg {
	background-image:url(../images/our-expertise-title-bg.gif);
	background-repeat:no-repeat;
	padding-left:22px;
	width:630px;
	height:24px;
}




/* text CSS */
.verdana12b {font-size:11px; color:#404040; line-height:15px; float:left; width:50px;}
.verdana12b a{font-size:11px; color:#E21A2C;}
.verdana12b a:hover{font-size:11px;	color:#404040;}
.verdana12black { font-size:11px; color:#404040; line-height:15px; float:left;}
.verdana12black a{font-size:11px; color:#E21A2C;}
.verdana12black a:hover{font-size:11px;	color:#404040;}
.arial12 {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000;}
a.arial11red {font:normal 11px/18px Arial, Helvetica, sans-serif; color:#F40100; text-decoration:underline; float:left; padding-top:7px;}
.verdana11red {font:normal 11px Verdana, Geneva, sans-serif; color:#F00; line-height:15px;}
.arial13red {color:#C21E2F;}
.verdana12justify {font-size:11px; text-align:justify; color:#404040; line-height:15px;}
.verdana12justify a{font-size:11px; color:#E21A2C;}
.verdana12justify a:hover{font-size:11px; color:#404040;}
.verdana15red {font-size:13px; color:#E21A2C; font-weight:bold;}
.verdana12justify1 {font-size:11px; text-align:justify; padding:0 30px 30px 0px; color:#404040; line-height:15px;}
.verdana12black02 {
	font-size:11px;
	color:#404040;
	line-height:15px;
}

.verdana12black02 a{
	font-size:11px;
	color:#E21A2C;
}

.verdana12black02 a:hover{
	font-size:11px;
	color:#404040;
}


/* our process CSS */
.fivephasepro {width:605px; height:37px; float:left; margin:10px 0px; padding:8px 35px 0px; background:url(../images/our-process-gradientbg.gif) no-repeat;}
.fivephasepro strong {font-size:12px;}
.fivephaseprolist ul {padding:15px 35px 0px 55px; float:left; width:605px; list-style-type:decimal; font-weight:bold;}
.fivephaseprolist li {float:left; clear:both; width:605px;}
.fivephaseprolist ul ul{padding:4px 0 20px 0; float:left; width:605px; list-style-type:none; font-weight:normal;}

/* our staff CSS */
.officefloorplan {float:left; height:299px; width:671px; background:url(../images/office-floorplan.gif) no-repeat;}
.staffgirish a{width:147px; height:43px; float:left; margin:30px 0 0 64px; display:block; position:absolute;}
.staffharish a{width:93px; height:40px; float:left; margin:36px 0 0 565px; display:block; position:absolute;}
.staffshruti a{width:102px; height:51px; float:left; margin:128px 0 0 560px; display:block; position:absolute;}
.staffshalaka a{width:93px; height:40px; float:left; margin:240px 0 0 565px; display:block; position:absolute;}
.staffsoniya a {width:128px; height:55px; float:left; margin:235px 0 0 22px; display:block; position:absolute;}




/* quickcontact css */

.container {
	width:1003px; 
	margin:0px auto; 
	position:absolute;
	z-index:12;
	float:right;
	}
	
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	width:558px;
	float:right;
	top:0px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:289px;width:558px;
	background:#515151 url(../images-qc/birdy.jpg) no-repeat right; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:none;
	font:normal 13px Arial, Helvetica, sans-serif;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images-qc/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; width:211px;
	background:url(../images-qc/contact_me.png); 
	position:absolute; 
	right:10px;
	/*left:350px;*/ bottom:-44px;
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:0;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:180px; 
	background:#6d6d6d url(../images-qc/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:176px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}