/* CSS Document */
a{ outline:0}
#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;  
}
#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:10px; font-family:arial; font-size:10px;
	font-weight:normal; color:#414141; height: 175px;
}
#maintextclient{
	position:absolute; width:635px; left:5px; top:10px; font-family:arial; font-size:10px;
	font-weight:normal; color:#414141; height: 175px; float:center;
}
#maintextclient1{
	position:absolute; width:635px; left:5px; top:10px; font-family:arial; font-size:13px;
	font-weight:normal; color:#414141; height: 175px; float:center; line-height:18px;
}
/* Begin of the Bottom Strip Details*/
#bottommainstrip{
	position:absolute; background-image:url(images/bottommainstrip.gif); 
	width:640px; height:130px; float:left; top:368px; left:0px;
}
#usbtesting{
	position:absolute; top:15px; left:46px; float:left;
}
#interfacedesign{
	position:absolute; top:15px; left:194px; float:left;
}
#identitydesign{
	position:absolute; top:15px; left:342px; float:left;
}
#webdesignhome{
	position: absolute; top:15px; 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:594px; float:left; top:51px; width: 262px;
	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:#CCCCCC; 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;
}
/* 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:158px; 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:242px; left:641px; }
#busihead { position:absolute; width:141px; height:18px; 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:11px; color:#414141; text-decoration:none; }
#busitext a{ font-family:verdana; font-size:11px; color:#414141; text-decoration:none; }
#busitext a:hover{ font-family:verdana; font-size:11px; 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:3103px; left:3px; }
#copyright{ position:absolute; float:left; width:250px; top:3107px; left:-1px; font-family:verdana; font-size:9px; color:#CCCCCC; }
#terms{ position:absolute;float:left; top:3107px; width:155px; left:699px; font-family:verdana; font-size:9px; color:#CCCCCC;  text-decoration:none; }
#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; }

/* End of the Footer & Copyright */

/*************************************************************************/
/* 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:164px; top:342px; left:0px; background-image:url(images/uedbottomstrip.gif); }
#uedcompanyname { position:absolute; width:224px; height:20px; z-index:1; left: 355px; top: 15px; font-family:verdana; 
				font-size:12px; font-weight:bold; color:#FFFFFF; }
#uedsquare{	position:absolute; width:56px; height:8px; z-index:2; left: 294px; 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:8px; top:8px; font-family:verdana; 
			 font-size:14px; font-weight:bold; color:#FFFFFF; }	
#wdworksamples{ position:absolute; float:left; width:103px; height:15px; left:45px; top:27px; font-family:verdana; 
			font-size:12px; 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; }
/* 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/signage.jpg); }

#idtext{ position:absolute; width:242px; height:197px; left:376px; top:53px; font-family:verdana; font-size:10px; color:#414141; }
#idmainname{ position:absolute; float:left; width:217px; height:15px; left:8px; top:8px; font-family:verdana; 
			 font-size:14px; font-weight:bold; color:#2F5EB0; }	
#idworksamples{ position:absolute; float:left; width:103px; height:15px; left:45px; top:27px; font-family:verdana; 
			font-size:12px; 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; }

#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); }
/* END OF THE VISUAL DESIGN */
/************************************************************************/

/* #idimageinner{ position:absolute; width:624px; height:254px; top:8px; left:8px; } */
#innergreybox { position:absolute; float:left; width:334px; height:236px; left:9px; top:9px; background-color: #666666; }
#clsoft { position:absolute; left:5px; top:5px; width:100%; height:225; } 

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

/************************************************************************/
/* DESIGN SERVICES CODE */
#dsmain{ position:absolute; width:640px; height:3031px; top:70px; left:0px; background-image:url(images/ds-strip.gif); }
#dsinner { position:absolute; width:624px; height:115px; z-index:1; left: 8px; top: 8px; background-color:#FFFFFF; }
#dsheading { position:absolute; width:224px; height:16px; z-index:3; top: 6px; font-family: Verdana; font-size:12px; 
		font-weight:bold; color:#5E82B6; left: 219px; }
		
#uqfleftlayer {position:absolute;width:100px;height:75px;z-index:1;top: 315px;left: 56px;}
#udleftlayer {position:absolute;width:100px;height:75px;z-index:1;top: 399px;left: 51px;}
#dsleftlayer {position:absolute;width:99px;height:119px;z-index:1;top: 573px;left: 53px;}
#urleftlayer {position:absolute;width:100px;height:75px;z-index:1;top: 772px;left: 53px;}
#wdleftlayer {position:absolute;width:107px;height:75px;z-index:1;top: 1256px;left: 53px;}
#elearnleftlayer {position:absolute;width:100px;height:75px;z-index:1;top: 1425px;left: 53px;}
#idleftlayer {position:absolute;width:98px;height:75px;z-index:1;top: 1784px;left: 53px;}
#idemoleftlayer {position:absolute;width:143px;height:75px;z-index:1;top: 1946px;left: 44px;}
#igleftlayer {position:absolute;width:143px;height:75px;z-index:1;top: 2126px;left: 44px;}
#icondleftlayer {position:absolute;width:103px;height:75px;z-index:1;top: 2294px;left: 53px;}
#jpgleftlayer {position:absolute;width:103px;height:75px;z-index:1;top: 2477px;left: 53px;}
#corpleftlayer {position:absolute;width:103px;height:75px;z-index:1;top: 2673px;left: 33px;}
#signleftlayer {position:absolute;width:103px;height:129px;z-index:1;top: 2848px;left: 53px;}
h1{font-family: Verdana; font-size: 12px; color: #FF6600; font-weight: bold;}

	/* USABILITY TUNE UPS */
	#dsutunetups { position:absolute; width:411px; height:175px; z-index:2; left: 213px; top: 28px; }
	#utuneupsmaintext { position:absolute; width:137px; height:17px; z-index:1; left: 6px; top: 5px;  }
	#utuneupssubtext { 	position:absolute; width:400px; height:146px; z-index:2; left: 7px; top: 23px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/* END OF THE USABILITY TUNE UPS */
	
	/* USABILITY QUICK FIXES */
	#dsuqfixes { position:absolute; width:411px; height:162px; z-index:4; left: 213px; top: 208px;}
	#uqfixesmaintext { position:absolute; width:148px; height:17px; z-index:1; left: 6px; top: 5px; }
	#uqfixessubtext { 	position:absolute; width:400px; height:133px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/* END OF THE USABILITY QUICK FIXES */
	
	/* USABILITY DESIGN */
	#udesign  { position:absolute; width:411px; height:162px; z-index:1; left: 213px; top: 379px; }
	#udesignmaintext { position:absolute; width:148px; height:17px; z-index:1; left: 6px; top: 5px; }
	#udesignsubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/* END OF THE USABILITY DESIGN */
	
	/* USABILITY TESTING */
	#utesting { position:absolute; width:411px; height:173px; z-index:1; left: 213px; top: 552px; }
	#utestingmaintext { position:absolute; width:148px; height:17px; z-index:1; left: 6px; top: 5px; }
	#utestingsubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/* END OF THE USABILITY TESTING */
	
	/* USABILITY RESEARCH */
	#uresearch { position:absolute; width:411px; height:263px; z-index:1; left: 213px; top: 746px; }
	#uresearchmaintext { position:absolute; width:148px; height:17px; z-index:1; left: 6px; top: 5px;  }
	#uresearchsubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	
	/* END OF THE USABILITY RESEARCH */
	
	/* APPLICATION DESIGN */
	#dsleftappimg { position:absolute; width:98px; height:99px; z-index:1; top: 1043px; left: 36px; }
	#uappdesign { position:absolute; width:411px; height:195px; z-index:1; left: 213px; top: 1024px; }
	#uappdesignmaintext { position:absolute; width:193px; height:17px; z-index:1; left: 6px; top: 5px;  }
	#uappdesignsubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/* END OF THE APPLICATION DESIGN */

	/* WEB DESIGN */
	#dswebdesign { position:absolute; width:411px; height:159px; z-index:1; left: 213px; top: 1230px; }
	#dswebdesignmaintext { position:absolute; width:148px; height:17px; z-index:1; left: 6px; top: 5px;  }
	#dswebdesignsubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/* END OF THE WEB DESIGN */
	
	/* e Learning */
	#dselearn { position:absolute; width:411px; height:328px; z-index:1; left: 213px; top: 1402px; }
	#dselearnmaintext { position:absolute; width:148px; height:17px; z-index:1; left: 6px; top: 5px;  }
	#dselearnsubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/* end of the e learning */

#dsheading1 { position:absolute; width:624px; height:3017px; z-index:1; left: 8px; top: 7px; background-color: #FFFFFF; }

#vsheading { position:absolute; width:205px; height:16px; z-index:5; left: 219px; top: 1744px; 
				font-family: Verdana; font-size:12px; font-weight:bold; color:#A0AE39; }

	/* identity design */
	#vsidesign { position:absolute; width:411px; height:158px; z-index:2; left: 213px; top: 1766px;}
	#vsidesignmaintext { position:absolute; width:148px; height:17px; z-index:1; left: 6px; top: 5px; }
	#vsidesignsubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/* end of identity design */
	
	/* interactive demos */
	#vsidemos {position:absolute;width:411px;height:156px;z-index:6;left: 213px;top: 1939px;}
	#vsidemosmaintext { position:absolute; width:148px; height:17px; z-index:1; left: 6px; top: 5px; }
	#vsidemossubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/*end of interactive demos */
	
	/* infographics */
	#vsigraphics{position:absolute;width:411px;height:156px;z-index:2;left: 213px;top: 2108px;}
	#vsigraphicsmaintext { position:absolute; width:148px; height:17px; z-index:1; left: 6px; top: 5px; }
	#vsigraphicssubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/*end of infographics */
	
	/* icon design */
	#vsicondesign {position:absolute;width:411px;height:173px;z-index:7;left: 213px;top: 2277px;}
	#vsicondesignmaintext { position:absolute; width:148px; height:17px; z-index:1; left: 6px; top: 5px; }
	#vsicondesignsubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/*end of icon design */
	/* convertion  from JPEG to HTML */
	#vsjpg2html {position:absolute;width:411px;height:186px;z-index:8;left: 213px;top: 2453px;}
	#vsjpg2htmlmaintext {
	position:absolute;
	height:17px;
	z-index:1;
	left: 6px;
	top: 5px;
	width: 231px;
}
	#vsjpg2htmlsubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/* end ofconvertion  from JPEG to HTML */
		
	/* corporate presentations */
	#vscpresent {position:absolute;width:411px;height:174px;z-index:9;left: 213px;top: 2648px;}
	#vscpresentmaintext {
	position:absolute;
	height:17px;
	z-index:1;
	left: 6px;
	top: 5px;
	width: 210px;
}
	#vscpresentsubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/*end of corporate presentations */
	
	/* Signage and Exhibition Graphics */
	#vssegraphics {position:absolute;width:410px;height:173px;z-index:10;left: 213px;top: 2829px;}
	#vssegraphicsmaintext {
	position:absolute;
	height:17px;
	z-index:1;
	left: 6px;
	top: 5px;
	width: 256px;
}
	#vssegraphicssubtext { 	position:absolute; width:400px; height:122px; z-index:2; left: 7px; top: 25px; 
						font-family:verdana; font-size:11px; color:#414141; text-decoration:none;}
	/*end of Signage and Exhibition Graphics */

/* END OF THE DESIGN SERVICES CODE */

#dsheading1 { 
	position:absolute; width:624px; height:3017px; z-index:1; 
	left: 8px; top: 7px; background-color: #F9F8E6; 
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D6DAD9', startColorstr='#F9F8E6', 	gradientType='0');
}

.alttxt{ font-family:verdana; font-size:10px; color:#333333; font-weight:bold}
.top {
	position:absolute;width:58px;height:14px;z-index:1;left: 350px;	top: 11px;
	font-family:verdana; font-size:12px;
}
.linktext{font-family:verdana; font-size:9px; color:#414141; font-weight:normal; line-height:15px}
.linktext a{font-family:verdana; font-size:9px; color:#414141; font-weight:normal;line-height:15px}
.linktext a:hover{font-family:verdana; font-size:9px; color:#E1731C; font-weight:normal;line-height:15px}
.bluetext{font-size:10px; color:#5E82B6; left: 219px;  font-weight:bold; }
.greentext{font-family: Verdana; font-size:10px; font-weight:bold; color:#A0AE39;}