/* CSS Document */
a{ outline:0}
hr{ background-color:#CCCCCC; height:1px; border:none 0; width:350px; margin-left:0px;}
#maintable {
	position:absolute; width:790px; Xborder:1px solid #FF0000; padding:5px; 
	background:white; float:left; text-align:left; margin-left:-395px; left:48%; top: 10px;
}
#logo{
	position:absolute; width:100%; height:30px; top:10px; left:0px;
	float:left; display:inline; margin:5px;
} 
#utext{
	position:absolute;
	top:51px;
	left:40px;
	width: 130px;
}
#mainimage{
	position:absolute; width:640px; height:237px; top:70px; left:0px;
}

#maintextstrip{
	position: absolute; background-image:url(images/maintextstrip.gif); width:640px; height:50px; 
	top:304px; left:0px; float:left;  
}
#maintext{
	position:absolute; width:635px; float:left; left:5px; top:13px; font-family:arial; font-size:11px;
	font-weight:normal; color:#414141; height: 70px;
}
#aboutustext{
	position:absolute; width:627px; float:left; left:5px; top:3px; font-family:arial; font-size:11px;
	font-weight:normal; color:#414141; height: 327px;
}
#careerstext{
	position:absolute; width:572px; float:left; left:30px; top:13px; font-family:arial; font-size:11px;
	font-weight:normal; color:#414141; height: 223px; text-align:left; 
}
#maintextclient{
	position:absolute;
	width:635px;
	left:5px;
	top:10px;
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	color:#414141;
	height: 751px;
	float:center;
}
#maintextclient1{
	position:absolute; width:542px; left:15px; top:3px; font-family:arial; font-size:13px;
	font-weight:normal; color:#414141; height: 229px; float:center; line-height:18px;
}
#maintextclient1 a{
	font-family:verdana; font-size:11px; color:#6699CC; text-decoration:none;
}
#maintextclient1 a:hover{
	font-family:verdana; font-size:11px; color:#6699CC; text-decoration:underline;
}
#maintextlm{
	position:absolute; width:542px; left:99px; top:39px; font-family:arial; font-size:13px;
	font-weight:normal; color:#414141; height: 229px; float:center; line-height:18px;
}
#maintextlm a{
	font-family:verdana; font-size:11px; color:#414141; text-decoration:none;
}
#maintextlm a:hover{
	font-family:verdana; font-size:11px; color:#6699CC; text-decoration:underline;
}
#pronounce {
	position:absolute;width:540px;height:17px;z-index:2;left: 6px;top: 530px; font-family:verdana; font-size:10px; color:#656565;
}
#sitemapmain{
position:absolute;left:5px;top:10px;height: 229px;float:center;line-height:18px;
font-family:arial;font-size:13px;font-weight:normal;color:#414141;
}
#sitemapmain a{font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
#sitemapmain a:hover{font-family:verdana; font-size:11px; color:#CCCCCC; text-decoration:none;}

/* BEGIN OF THE SITEMAP CODE */

/* FIRST BOX */
#sitemap1{ position:absolute; left:16px; top:10px; height: 217px; float:center; line-height:18px;
		   font-family:arial; font-size:11px; font-weight:bold; color:#414141; width: 158px; padding-left:20px;}
#sitemap1 a{font-family:verdana; font-size:11px; color:#414141; text-decoration:none; font-weight:normal;}
#sitemap1 a:hover{font-family:verdana; font-size:11px; color:#E1731C; text-decoration:none; font-weight:normal;}
/* END OF THE FIRST BOX */

/* USER EXPERIENCE DESIGN BOX */
#sitemapued{ 	position:absolute;left:200px;top:10px;height: 229px;float:center;line-height:18px; 
				font-family:arial;font-size:11px;font-weight:bold;color:#5F7FB2;	}
#sitemapued a{font-family:verdana; font-size:11px; color:#414141; text-decoration:none; font-weight:normal;}
#sitemapued a:hover{font-family:verdana; font-size:11px; color:#5F7FB2; text-decoration:none; font-weight:normal;}
/* END OF THE USER EXPERIENCE DESIGN */

/* VISUAL DESIGN */
#sitemapvd{ 	position:absolute;left:410px;top:10px;height: 229px;float:center;line-height:18px; 
				font-family:arial;font-size:11px;font-weight:bold;color:#AFC139; }
#sitemapvd a{font-family:verdana; font-size:11px; color:#414141; text-decoration:none; font-weight:normal;}
#sitemapvd a:hover{font-family:verdana; font-size:11px; color:#AFC139; text-decoration:none; font-weight:normal;}
/* END OF THE VISUAL DESIGN */

/* END OF THE SITE MAP CODE */

/* Begin of the Bottom Strip Details*/
#bottommainstrip{
	position:absolute; background-image:url(images/bottommainstrip.gif); 
	width:640px; height:128px; float:left; top:384px; left:0px;
}
#usbtesting{
	position:absolute; top:19px; left:46px; float:left;
}
#interfacedesign{
	position:absolute; top:19px; left:194px; float:left;
}
#identitydesign{
	position:absolute; top:19px; left:342px; float:left;
}
#webdesignhome{
	position: absolute; top:19px; left:490px; float:left;
}
/* End of the Bottom Strip */

/* Begin of the Home, About Us, Client Links */
#homeimg{ position:absolute; left:655px; float:left; top:56px; }
#aboutimg{ position:absolute; float:left; left:702px; top:57px; }
#clientimg{ position:absolute; float:left; left:766px; top:57px; }

#hometext{
	position:absolute; left:502px; float:left; top:51px; width: 367px;
	font-family:verdana; font-size:9px; color:#414141; font-weight:normal; 
}
#hometext a{
	font-family:verdana; font-size:9px; color:#414141; font-weight:normal; 
}
#hometext a:hover{
	font-family:verdana; font-size:9px; color:#E1731C; font-weight:normal; 
}
/* End of the Home, About Us , Client Links */

/*************************************************************************/
/* BEGIN OF THE INNER TOP LINKS SECTION */
#innerhometext{
	position:absolute; left:462px; float:left; top:51px; width: 404px;
	font-family:verdana; font-size:9px; color:#414141; font-weight:normal; 
}
#innerhometext a{
	font-family:verdana; font-size:9px; color:#414141; font-weight:normal; 
}
#innerhometext a:hover{
	font-family:verdana; font-size:9px; color:#E1731C; font-weight:normal; 
}
#innerhometext a:active{
	font-family:verdana; font-size:9px; color:#E1731C; font-weight:normal; 
}
/* END OF THE INNER TOP LINKS SECTION */
/*************************************************************************/


/* user experience design */
#uedimage{
	position:absolute; background-image:url(images/ued-img.jpg); width:221px; height:88px; float:left;
	top:70px; left:640px; border:0;
}
#uedimageinner{
	position:absolute; background-image:url(images/ued-img2.gif); width:221px; height:88px; float:left;
	top:70px; left:640px;
}
#uedlinks{
	position: absolute; float:left; width:130px; top:25px; left:23px;
	font-family:verdana; font-size:10px; color:#414141; font-weight:normal; text-decoration:none;
}
#uedlinks a{
	font-family:verdana; font-size:10px; color:#414141; font-weight:normal; text-decoration:none;
}
#uedlinks a:hover{
	font-family:verdana; font-size:10px; color:#164283; font-weight:normal; text-decoration:none;
}
#uedlinks a:active{
	font-family:verdana; font-size:10px; color:#164283; font-weight:normal; text-decoration:none;
}

/* end of user experience design */

/* Begin of the Visual Design Section */
#vdesignimage{
	position:absolute; background-image:url(images/visualdesign-img.jpg); width:222px; height:86px; float:left;
	top:156px; left:640px;
}
#vdesignimageinner{
	position:absolute; background-image:url(images/visualdesign-img2.gif); width:222px; height:86px; float:left;
	top:156px; left:640px;
}
#visuallinks{
	position: absolute; float:left; width:128px; top:25px; left:23px;
	font-family:verdana; font-size:10px; color:#414141; font-weight:normal; text-decoration:none;
}
#visuallinks a{
	font-family:verdana; font-size:10px; color:#414141; font-weight:normal; text-decoration:none;
}
#visuallinks a:hover{
	font-family:verdana; font-size:10px; color:#8D9724; font-weight:normal; text-decoration:none;
}
/* End of the Visual Design Section */

/* Business Info Section */
#businessimage{ position:absolute; background-image:url(images/businessstrip.gif); 
			width:220px; height:301px; float:right; top:240px; left:642px; }
#busihead { position:absolute; width:141px; height:16px; z-index:1; left: 21px; top: 9px;
			font-family:verdana; font-size:11px; font-weight:bold; color:#656565; }
#busitext{ position:absolute; width:187px; height:79px; left:21px; top:34px; 
			font-family:verdana; font-size:10px; color:#414141; text-decoration:none; }
#busitext a{ font-family:verdana; font-size:10px; color:#414141; text-decoration:none; }
#busitext a:hover{ font-family:verdana; font-size:10px; color:#CCCCCC; text-decoration:none; }

#testimonialhead { position:absolute; width:150px; height:16px; left:21px; top:129px;
					font-family:verdana; font-size:11px; font-weight:bold; color:#656565; }		

#xsnazzy {position:absolute;width:200px;height:120px;z-index:2;background: transparent; width:195px; left:15px; top:146px;}


.xtop, .xbottom {display:block; background:transparent; font-size:1px; width:195px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFFFFF; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.xb1 {margin:0 5px; background:#CCCCCC; width:}
.xb2 {margin:0 3px; border-width:2px; }
.xb3 {margin:0 2px; }
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FFFFFF; border:0 solid #CCCCCC; border-width:0 1px; width:193px; height:125px;}

#testimonialsmain { position:absolute;  z-index:1; width:180px; height:120px; }
#testimonials { position:absolute; width:180px; height:120px; z-index:1; left:6px; top:5px;
				font-family:verdana; font-size:10px; color:#414141; text-decoration:none; text-align:justify }

/* End of the Business Info Section  */

/* Footer & Copyright */
#footerstrip{ position:absolute; float:left; width:640px; top:570px; left:2px; }
#copyright{ position:absolute; float:left; width:250px; top:572px; left:-1px; font-family:verdana; font-size:9px; color:#CCCCCC; }
#terms{ position:absolute; float:left; top:572px; width:149px; left:695px; font-family:verdana;
	font-size:9px; color:#CCCCCC; text-decoration:none; height: 0px; }
#terms a{ font-family:verdana; font-size:9px; color:#CCCCCC; text-decoration:none; }
#terms a:hover{ font-family:verdana; font-size:9px; color:#414141; text-decoration:none; }

/* Footer & Copyright of Aboutus*/
#abtusfooterstrip{ position:absolute; float:left; width:640px; top:672px; left:3px; }
#abtuscopyright{
	position:absolute;
	float:left;
	width:250px;
	top:674px;
	left:-1px;
	font-family:verdana;
	font-size:9px;
	color:#CCCCCC;
	height: 40px;
}
#abtusterms{ position:absolute; float:left; top:674px; width:149px; left:695px; font-family:verdana;
	font-size:9px; color:#CCCCCC; text-decoration:none; height: 40px; }
#abtusterms a{ font-family:verdana; font-size:9px; color:#CCCCCC; text-decoration:none; }
#abtusterms a:hover{ font-family:verdana; font-size:9px; color:#414141; text-decoration:none; }

/* Footer & Copyright of clients*/
#clientfooterstrip{
	position:absolute;
	float:left;
	width:640px;
	top:1073px;
	left:6px;
}
#clientcopyright{
	position:absolute;
	float:left;
	width:250px;
	top:1082px;
	left:4px;
	font-family:verdana;
	font-size:9px;
	color:#CCCCCC;
}
#clientterms{
	position:absolute;
	float:left;
	top:1081px;
	width:149px;
	left:709px;
	font-family:verdana;
	font-size:9px;
	color:#CCCCCC;
	text-decoration:none;
	height: 0px;
}
#clientterms a{ font-family:verdana; font-size:9px; color:#CCCCCC; text-decoration:none; }
#clientterms a:hover{ font-family:verdana; font-size:9px; color:#414141; text-decoration:none; }

/* Footer & Copyright of careers*/
#careersfooterstrip{ position:absolute; float:left; width:640px; top:760px; left:3px; }
#careerscopyright{ position:absolute; float:left; width:250px; top:762px; left:-1px; font-family:verdana; font-size:9px; color:#CCCCCC; }
#careersterms{ position:absolute; float:left; top:762px; width:149px; left:695px; font-family:verdana;
	font-size:9px; color:#CCCCCC; text-decoration:none; height: 0px; }
#careersterms a{ font-family:verdana; font-size:9px; color:#CCCCCC; text-decoration:none; }
#careersterms a:hover{ font-family:verdana; font-size:9px; color:#414141; text-decoration:none; }

/* Footer & Copyright of sitemap*/
#smfooterstrip{ position:absolute; float:left; width:640px; top:635px; left:3px; }
#smcopyright{ position:absolute; float:left; width:250px; top:637px; left:-1px; font-family:verdana; font-size:9px; color:#CCCCCC; }
#smterms{ position:absolute; float:left; top:637px; width:149px; left:695px; font-family:verdana;
	font-size:9px; color:#CCCCCC; text-decoration:none; height: 0px; }
#smterms a{ font-family:verdana; font-size:9px; color:#CCCCCC; text-decoration:none; }
#smterms a:hover{ font-family:verdana; font-size:9px; color:#414141; text-decoration:none; }

/* Footer & Copyright of Location Map*/
#lmfooterstrip{ position:absolute; float:left; width:640px; top:689px; left:2px; }
#lmcopyright{ position:absolute; float:left; width:250px; top:691px; left:-1px; font-family:verdana; font-size:9px; color:#CCCCCC; }
#lmterms{ position:absolute; float:left; top:691px; width:149px; left:695px; font-family:verdana;
	font-size:9px; color:#CCCCCC; text-decoration:none; height: 0px; }
#lmterms a{ font-family:verdana; font-size:9px; color:#CCCCCC; text-decoration:none; }
#lmterms a:hover{ font-family:verdana; font-size:9px; color:#414141; text-decoration:none; }

/*************************************************************************/
/* COMPLETE CSS OF THE USER EXPERIENCE DESIGN */
#webdesign{ position:absolute; width:624px; height:254px; top:8px; left:8px; background-image:url(images/website.jpg); }
#appuidesign{ position:absolute; width:624px; height:254px; top:8px; left:8px; background-image:url(images/applicationuidesign.jpg); }
#usabilitytesting{ position:absolute; width:624px; height:254px; top:8px; left:8px; background-image:url(images/usability-testing.jpg); }
#usabilityresearch{ position:absolute; width:624px; height:254px; top:8px; left:8px; background-image:url(images/Usability-Research.jpg); }

#uedworksamples{ position:absolute; float:left; width:103px; height:15px; left:45px; top:27px; 
				font-family:verdana; font-size:12px; font-weight:bold; color:#FFFFFF; }
#uedinnermainbox{ position:absolute; width:640px; height:272px; top:70px; left:0px; background-color:#5E82B6; }
#uedbottomstrip{ position:absolute; width:641px; height:163px; top:342px; left:0px; background-image:url(images/uedbottomstrip.gif); }
#uedcompanyname { position:absolute; width:224px; height:20px; z-index:1; left: 367px; top: 15px; font-family:verdana; font-size:15px; font-weight:bold; color:#FFFFFF; }
#uedsquare{	position:absolute; width:94px; height:8px; z-index:2; left: 249px; top: 243px;}
#uedbbsquare{position:absolute; width:50px; height:8px; z-index:2; left: 309px; top: 246px;}
#uedimage2{ position:absolute; background-image:url(images/ued-img2.gif); width:221px; height:88px; float:left; top:70px; left:640px; }
#uedinnermainbox{ position:absolute; width:640px; height:272px; top:70px; left:0px; background-color:#5E82B6; }

/* BEGIN OF THE WORK SAMPLES OF THE WEB DESIGN */
#wdmainname{ position:absolute; float:left; width:217px; height:15px; left:23px; top:8px; font-family:verdana; 
			 font-size:14px; font-weight:bold; color:#FFFFFF; }	
#wdworksamples{ position:absolute; float:left; width:103px; height:15px; left:23px; top:27px; font-family:verdana; 
			font-size:11px; font-weight:bold; color:#D6D308; }

#wdws1{ position:absolute; float:left; left:23px; top:55px; }
#wdws2{ position:absolute; float:left; left:92px; top:55px; }
#wdws3 { position:absolute; float:left; left:161px; top:55px;}
#wdws4 { position:absolute ; float:left ; left:230px; top:55px; }
#wdws5 {	position:absolute;	float:left;	left:299px;	top:55px;	width: 49px;}
#wdws6 { position:absolute ; float:left ; left:368px; top:55px; }
#wdws7 { position:absolute ; float:left ; left:437px; top:55px; }
#wdws8 {	position:absolute;float:left;left:506px;top:55px;width: 52px;}
#wdws9{ position:absolute; float:left; left:23px; top:123px; }
#wdws10{ position:absolute; float:left; left:92px; top:123px; }
/* END OF THE WORK SAMPLES OF THE WEB DESIGN */

/* END OF THE USER EXPERIENCE DESIGN */
/*************************************************************************/

/*************************************************************************/
/* COMPLETE CSS OF THE VISUAL DESIGN */
#idimage{ position:absolute; width:624px; height:254px; top:8px; left:8px; background-image:url(images/iddesign.jpg); }
#idemosimage{ position:absolute; width:624px; height:254px; top:8px; left:8px; background-image:url(images/idemos.jpg); }
#infogimage{ position:absolute; width:624px; height:254px; top:8px; left:8px; background-image:url(images/infographics.jpg); }
#signageimage{ position:absolute; width:624px; height:254px; top:8px; left:8px; background-image:url(images/icondesign.jpg); }

#idtext{ position:absolute; width:242px; height:197px; left:376px; top:54px; font-family:verdana; font-size:10px; color:#414141; }
#idmainname{ position:absolute; float:left; width:179px; height:15px; left:23px; top:8px; font-family:verdana; 
			 font-size:14px; font-weight:bold; color:#2F5EB0; }	
#idworksamples{ position:absolute; float:left; width:103px; height:15px; left:23px; top:27px; font-family:verdana; 
			font-size:11px; font-weight:bold; color:#A0A19B; }

#idws1{ position:absolute; float:left; left:23px; top:55px; }
#idws2{ position:absolute; float:left; left:92px; top:55px; }
#idws3 { position:absolute; float:left; left:161px; top:55px;}
#idws4 { position:absolute ; float:left ;  left:230px; top:55px; }
#idws5 { position:absolute ; float:left ;  left:299px; top:55px; }
#idws6{ position:absolute; float:left; left:368px; top:71px; }
#idws7{ position:absolute; float:left; left:437px; top:55px; }
#idws8{ position:absolute; float:left; left:506px; top:55px; }
#idws9 { position:absolute; float:left; left:23px; top:123px;}
#idws10 { position:absolute ; float:left ;  left:92px; top:123px; }
#idws11 { position:absolute ; float:left ;  left:161px; top:123px;}
#idws12{ position:absolute; float:left; left:230px; top:123px; }
#idws13{ position:absolute; float:left; left:299px; top:123px; }
#vdcompanyname { position:absolute; width:224px; height:20px; z-index:1; left: 355px; top: 15px; font-family:verdana; 
				font-size:12px; font-weight:bold; color:#FFFFFF; }
				
#vdsquare{	position:absolute; width:56px; height:8px; z-index:2; left: 294px; top: 246px;}

#vdinnermainbox{ position:absolute; width:640px; height:272px; top:70px; left:0px; background-color:#B0C22E; }
#vdbottomstrip{ position:absolute; width:641px; height:164px; top:342px; left:0px; background-image:url(images/vdbottomstrip.gif); }
#morews {position:absolute;width:616px;height:64px;z-index:1;left: 0px;top: 456px;}
#idws6 { position:absolute ; float:left ;  left:368px; top:55px; }
/* END OF THE VISUAL DESIGN */
/************************************************************************/

/* #idimageinner{ position:absolute; width:624px; height:254px; top:8px; left:8px; } */
#innerbluebox { position:absolute; float:left; width:333px; height:235px; left:9px; top:9px; background-color: #5E82B6; }
#innergreenbox { position:absolute; float:left; width:333px; height:235px; left:9px; top:9px; background-color: #99CC33; }
#clsoft { position:absolute; left:3px; top:3px; width:100%; height:225; padding-left:2px; padding-top:2px;} 

/***************************************************************************************/
#idinnertext{ position:absolute; width:258px; height:232px; left:368px; top:35px; font-family:verdana; font-size:10px; color:#FFFFFF; text-align:justify }

/******** ROUNDED CORNERS AROUND THE IMAGE IN WEB DESIGN********/
.itop, .ibottom {display:block; background:transparent; font-size:1px; width:333px; }
.ib1, .ib2, .ib3, .ib4 {display:block; overflow:hidden;}
.ib1, .ib2, .ib3 {height:1px;}
.ib2, .ib3, .ib4 { background:#666666; }
.ib1 {margin:0 5px; background:#666666;}
.ib2 {margin:0 3px;  }
.ib3 {margin:0 2px; }
.ib4 {height:2px; margin:0 1px 0 1px;}

.iboxcontent {display:block; background:#666666;  border-width:0 1px; width:333px; height:225px; }

/***************************************************************************************/

/******** ROUNDED CORNERS AROUND THE IMAGE IN IDENTITY DESIGN********/
.gtop, .gbottom {display:block; background:transparent; font-size:1px; width:333px; }
.gb1, .gb2, .gb3, .gb4 {display:block; overflow:hidden;}
.gb1, .gb2, .gb3 {height:1px;}
.gb2, .gb3, .gb4 { background:#666633; }
.gb1 {margin:0 5px; background:#666633;}
.gb2 {margin:0 3px;  }
.gb3 {margin:0 2px; }
.gb4 {height:2px; margin:0 1px 0 1px;}

.phoneicon{ position:absolute; width:18px; height:17px;}

.gboxcontent {display:block; background:#666633;  border-width:0 1px; width:333px; height:225px; }
/***************************************************************************************/
.alttxt{ font-family:verdana; font-size:10px; color:#333333; font-weight:bold}
.brownext{ font-family:verdana; font-size:10px; color:#800000;}
.clienttext{font-family:verdana; font-size:10px; color:#656565;  }