*{
	margin:0px; padding:0px;
}
a{
	outline:none;
	color:#9C9898;
}
p{text-align:justify;}
input{
	cursor:pointer;
}
body{
	color:#9D9DA2;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}	
#frame{
	margin-left:auto;
	margin-right:auto;
	width:1003px;
}
#frame .topHead{
	float:left;
	width:1003px;
	height:168px;
	background:url(images/topbg.jpg) top left repeat-x;
}	
#frame .topHead .logobox{
	float:left; 
	padding-top:45px; 
	padding-left:22px;
}
#frame .topHead .righthead{
	float:right;
	width:392px;
}


#frame .topHead .righthead .topnav{
	float:right;
	width:392px;
	background:url(images/topnav.jpg) no-repeat;
	height:33px;	
}
#frame .topHead .righthead .topnav ul{
	float:left;
	list-style:none;	
	padding-left:13px;
}
#frame .topHead .righthead .topnav ul li{
	float:left;
	background:url(images/topbullets.jpg) 0px 8px no-repeat;
	padding-left:26px;
	font-size:11px;
	padding-right:21px;
	height:33px;
	line-height:32px;
	font-weight:bold;
}
#frame .topHead .righthead .topnav ul li a{
	color:#9C9898;
	text-decoration:none;
}
#frame .topHead .righthead .topnav ul li a:hover{
	color:#ED4B14;
}
#frame .topHead .righthead .tele{
	float:right;
	padding-top:32px;
	padding-right:19px;
}
	
.headingname{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#777C78;}
#projectListTop { background:url(images/portfolioListTop.jpg) no-repeat; height:5px; overflow:hidden; }
#projectListBottom { background:url(images/portfolioListBottom.jpg) no-repeat; height:5px; overflow:hidden; }
#projectList { margin:0; padding:0; list-style-type:none; }
	#projectList li a { display:block; width:150px; height:30px; line-height:30px; overflow:hidden; text-decoration:none; background:url(images/portfolioListItem.jpg) top no-repeat; color:#9D9DA2; padding-left:45px; padding-right:5px; }
	#projectList li a:hover { background:url(images/portfolioListItem.jpg) bottom no-repeat; color:#005DFF; }
	#projectList li.row a { height:36px; background:url(images/portfolioListItem2.jpg) top no-repeat; line-height:18px; padding:6px 5px 6px 45px; }
	#projectList li.row a:hover { background:url(images/portfolioListItem2.jpg) 0px -60px no-repeat; }
#projectListTitleTop { background:url(images/portfolioListTitleTop.jpg) no-repeat; height:4px; overflow:hidden; }
.projectListTitle { background:url(images/portfolioListTitle.jpg) no-repeat; height:30px; line-height:30px; font-weight:bold; padding-left:45px; overflow:hidden; }
	.projectListTitle a { text-decoration:none; color:#333; }
	.projectListTitle a:hover { color:#4D7EA7; }
	
#container { margin:0 7px 15px 7px; z-index:1; }
	#lc { width:200px; float:left; overflow:hidden; }
	#rc { width:720px; float:right; overflow:hidden; padding-right:25px; }
	#lcHalf { width:450px; float:left; overflow:hidden; }
	#rcHalf { width:450px; float:right; overflow:hidden; }
		
.orange { color:#FF831D; }
table.lightBlueTb { background:#C7E4F3; }
	.lightBlueTb th { background:#DAE8F0 url(expertiseListTh.gif) repeat-x center; color:#5C91B9; border:#fff solid; border-width:1px 1px 0 0; }
	.lightBlueTb td { background:#fff; padding-left:10px; }

.stepDetail { background:#f7f7f7; border-left:#ddd solid 4px; margin:7px auto; padding:10px; }
ul.advantages { margin:0 0 0 30px; padding:0; list-style-type:none; clear:both; }
	ul.advantages li {background:url(images/06.gif) no-repeat 0px 6px;   padding:2px 2px 2px 12px; color:#9D9DA2; }
	

/*---------- FAQ ----------*/


#frame .mainNavigation{
	float:left;
	width:1003px;
	height:95px;
}

#frame .mainNavigation ul{
	float:left;
	list-style:none;
	padding-left:5px;
}
#frame .mainNavigation ul li{
	float:left;
	list-style:none;
	border-right:1px solid #D5D5D5;
	height:87px;
	font-weight:bold;
	padding-right:20px;
}
#frame .mainNavigation ul li.last{
	float:left;
	list-style:none;
	height:87px;
	border:none;
	padding-right:0px;
}
#frame .mainNavigation ul li a{
	float:left;
	height:58px;
	padding-left:70px;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:29px;
}
#frame .mainNavigation ul li a.webdesign{
	color:#FEA218;
	background:url(images/webDesign_Icon.jpg) 20px 16px no-repeat; 
}
#frame .mainNavigation ul li a.webdesign:hover{
	background:url(images/webDesign_IconHover.jpg) 0px 0px no-repeat; 
}
#frame .mainNavigation ul li span.webdesignselected{
	float:left;
	height:58px;
	padding-left:70px;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:29px;
	color:#FEA218;
	background:url(images/webDesign_IconHover.jpg) 0px 0px no-repeat; 
}
#frame .mainNavigation ul li a.graphics{
	color:#AD48CE;
	background:url(images/graphics_Icon.jpg) 20px 16px no-repeat; 
}
#frame .mainNavigation ul li a.graphics:hover{
	background:url(images/graphics_IconHover.jpg) 1px 0px no-repeat; 
}
#frame .mainNavigation ul li span.graphicsselected{
	float:left;
	height:58px;
	padding-left:70px;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:29px;
	color:#AD48CE;
	background:url(images/graphics_IconHover.jpg) 1px 0px no-repeat; 
}

#frame .mainNavigation ul li a.dev{
	color:#3887EE;
	background:url(images/development_Icon.jpg) 20px 16px no-repeat; 
}
#frame .mainNavigation ul li a.dev:hover{
	float:left;
	background:url(images/development_IconHover.jpg) 6px 0px no-repeat; 
}
#frame .mainNavigation ul li span.devselected{
	float:left;
	height:58px;
	padding-left:70px;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:29px;
	color:#3887EE;
	background:url(images/development_IconHover.jpg) 6px 0px no-repeat; 
}

.boxtxt{  text-align:justify; line-height:20px ;}

#frame .mainNavigation ul li a.inter{
	color:#3DC12F;
	background:url(images/internet_Icon.jpg) 20px 16px no-repeat; 
}
#frame .mainNavigation ul li a.inter:hover{
	background:url(images/internet_IconHover.jpg) 7px 0px no-repeat; 
}
#frame .mainNavigation ul li span.interselected{
	float:left;
	height:58px;
	padding-left:70px;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:29px;
	color:#3DC12F;
	background:url(images/internet_IconHover.jpg) 7px 0px no-repeat; 
}

#frame .mainNavigation ul li a.soft{
	color:#B04B5B;
	background:url(images/software_Icon.jpg) 20px 16px no-repeat; 
}
#frame .mainNavigation ul li a.soft:hover{
	background:url(images/software_IconHover.jpg) 6px -1px no-repeat; 
}
#frame .mainNavigation ul li span.softselected{
	float:left;
	height:58px;
	padding-left:70px;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:29px;
	color:#B04B5B;
	background:url(images/software_IconHover.jpg) 6px -1px no-repeat; 
}


#frame .mainNavigation ul li a.flash{
	color:#787C78;
	background:url(images/flash_Icon.jpg) 20px 16px no-repeat; 
}
#frame .mainNavigation ul li a.flash:hover{
	background:url(images/flash_IconHover.jpg) 3px 0px no-repeat; 
}
#frame .mainNavigation ul li span.flashselected{
	float:left;
	height:58px;
	padding-left:70px;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:29px;
	color:#787C78;
	background:url(images/flash_IconHover.jpg) 3px 0px no-repeat; 
}

#frame .banner{
	float:left;
	width:1003px;
	height:187px;
}

#frame .contentContainer{
	float:left;
	width:985px;
	border-top:1px solid #D6D6D6;
	color:9D9DA2;
	padding-left:18px;
	padding-top:20px;
	
	height:auto !important;
	height:300px;
}
#frame .contentContainer p{
	text-align:justify;
	line-height:20px;
	padding-top:17px;
	padding-bottom:10px;
}

#frame .smallBoxContainer{
	float:left;
	width:1003px;
	background:url(images/blockBg.jpg) top left repeat-x;
}
#frame .smallBoxContainer h3{
	height:32px;
	padding-top:17px;
	padding-left:39px;
}
#frame .smallBoxContainer .projects{
	float:left;
	width:334px;
	min-height:300px;
	height:auto !important;
	height:300px;
	background:url(images/dividerBot.jpg) top right no-repeat;
}
#frame .smallBoxContainer .testimonial{
	float:left;
	width:334px;
	min-height:300px;
	height:auto !important;
	height:300px;
	background:url(images/dividerBot.jpg) top right no-repeat;
}
#frame .smallBoxContainer .search{
	float:left;
	width:335px;
	min-height:300px;
	height:auto !important;
	height:300px;
}
ul.topProjects{
	float:left;
	list-style:none;
	padding-left:12px;
	padding-top:43px;
}
ul.topProjects li{
	float:left;
	width:300px;
}
ul.topProjects a{
	text-decoration:none;
}
ul.topProjects a:hover{
	text-decoration:none;
	color:#ED4B14;
}
ul.topProjects li span.imgspan{
	float:left;
}
ul.topProjects li span.textspan{
	float:left;
	padding-left:34px;
	padding-top:7px;
}
.innerbox{
	min-height:220px;
	height:auto !important;
	height:220px;
}
.paddingfortestimonial{
	padding:7px 7px 0px 8px;
	min-height:213px;
	height:auto !important;
	height:213px;
}
.testImg{
	margin-bottom:3px;
}
p.rightalign{
text-align:right;
padding-right:9px;
}

#frame .footer{
	float:left;
	width:1003px;
	background:url(images/footerbg.jpg) repeat-x;
	height:86px;
	padding-top:9px;
}
#frame .footer a{
	font-size:11px;
}
#frame .footer a:hover{
	font-size:11px;
	text-decoration:none;
}
#frame .footer p{
	text-align:center;
	padding-top:21px;
}