/*---------------------------------
/*			Index Page
/*---------------------------------*/

#body-detail{
	width:885px;
	height:auto;
	float:left;
	clear:both;
	}
#body-detail1{
	width:885px;
	height:auto;
	float:left;
	clear:both;
	background:url(../images/body-detail.jpg) repeat-Y;
	}
a {outline:none;}	

/*--------------------------------------
/*			Left part
/*--------------------------------------*/
.leftside{
	width:193px;
	height:auto;
	float:left;
	}
.recentpro-left{margin-left:20px;}
.recentpro-left img{margin-bottom:5px;}
.recentpro-left a:link	   {color: #0033cc;text-decoration: none; font-size:12px; font-weight:bold; margin-left:5px; text-align:center;} 
.recentpro-left a:visited {color : #0033cc; text-decoration: none; font-size:12px; font-weight:bold; margin-left:5px; text-align:center;}  
.recentpro-left a:hover   {color : #042a9b; text-decoration: none; font-size:12px; font-weight:bold; margin-left:5px; text-align:center;}	

.recent-project{
	width:193px;
	float:left;
	height:571px;
	}
.recent-thumb{
	width:155px;
	height:130px;
	float:left;
	margin:70px 0 0 20px;
	}
.recent-links1{
	width:155px;
	height:20px;
	float:left;
	margin:0 0 0 20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	text-align:center;
	clear:both;
	}
.recent-links1 a:link, .recent-links1 a:visited{
	color:#fff;
	text-decoration:none;
	text-indent:0px;
	}

.recent-links1 a:hover{
	color:#fff;
	text-decoration:underline;
	}

.recent-thumb1{
	width:155px;
	height:139px;
	float:left;
	margin:10px 0 0 20px;
	}

.click{
	width:100%;
	background:url(../images/two-color-bg.jpg) repeat-x left top;
	height:24px;
	margin:6px 0 0 0;
	text-align:center;
	padding:7px 0 0 0; 
	font-weight:bold;
	color:#dd8929;
	} 
.images{
	width:100%;
	height:auto;
	}
/*--------------------------------------
/*			Middle part
/*--------------------------------------*/
.middle{
	width:465px;
	height:auto;
	float:left;
	margin:0 1px;
	}
.detail{
	width:465px;
	height:auto;
	margin:0 auto;
	background:url(../images/detail-bg.jpg) repeat-y left top;
	}
.understanding{
	width:465px;
	height:53px;
	background:url(../images/understanding.jpg) left top no-repeat;
	margin-top:10px;
	}
.text{
	width:416px;
	height:auto;
	text-align:justify;
	margin:12px 0 0 21px;
	line-height:19px;
	}
.more{
	width:100%;
	height:20px;
	font:11px Verdana;
	color:#5e3700;
	margin:10px 0 0 0 ;
	font-weight:bold;
	float:right;
	text-align:right;
	}
.more a, .more a:visited{
	color:#5e3700;
	text-decoration:none;
	}
.more a:hover{
	text-decoration:underline;
	}
.highlight{
	margin:35px 0 0 0 !important; margin:20px 0 0 0;
	height:17px;
	border-bottom: 1px solid #124b99;
	width:100%;
	padding:10px 0 0 0;
	}
.clients{
	width:166px;
	height:78px;
	float:left;
	margin:10px 0 0 0 ;
	text-align:right;
	color:#124b99;
	font-weight:bold;
	}
.url{
	width:229px;
	height:78px;
	float:right;
	margin:10px 0 0 0;
	font-weight:bold;
	color:#dd8929;
	}
.url a, .url a:visited{
	color:#dd8929;
	text-decoration:none;
	}
.url a:hover{
	text-decoration:underline;
	}
.blue-gradient{
	width:100%;
	height:auto;
	background:#b1c5e1 url(../images/blue-gradient.jpg) repeat-x;
	font:12px verdana;
	color:#000;
	margin:32px 0 0 0;
	}
.fucci{
	width:100%;
	height:20px;
	margin:15px 0 0 0 ;
	text-align:right;
	font-weight:bold;
	}
.txt-text{
	width:399px;
	height:auto;
	margin:0 auto;
	}
.seo{
	width:100%;
	margin:10px 0 0 0 !important; margin:20px 0 0 0 ;
	height:auto;
	line-height:18px;
	}
/*--------------------------------------
/*			Right part
/*--------------------------------------*/
.rightside{
	width:200px;
	height:auto;
	float:right;
	}
.focus{
	width:97%;
	height:18px;
	font-weight:bold;
	color:#124b99;
	text-align:center;
	border-bottom:1px solid #dd8929;
	}
.fla{
	width:200px;
	height:auto;
	float:left;
	margin:2px 0 0 0;

	}
	
#slideshow {
    position:relative;
   	float:left;
	margin:2px 0 0 0;
	width:200px;
	height:500px;
	}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
  	height:500px;
    background-color: #FFF;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	width:200px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 174px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

a.slide-more{
	width:200px;
	height:20px;
	font:11px Verdana;
	color:#5e3700;
	margin:10px 0 0 0 ;
	font-weight:bold;
	float:right;
	text-align:right;
	}
a.slide-more, a.slide-more:visited{
	color:#5e3700;
	text-decoration:none;
	}
a.slide-more:hover{
	text-decoration:underline;
	}


.web{
	width:97%;
	height:18px;
	font-weight:bold;
	color:#124b99;
	text-align:center;
	border-bottom:1px solid #dd8929;
	margin:15px 0 0 0;
	float:left;
	}
.right-text{
	width:200px;
	height:auto;
	line-height:16px;
	float:left;
	text-align:justify;
	font-size:11px;
	margin:10px 0 0 0;
	}
/*-------------------------
/*			Portfolio page port-left
/*-------------------------*/
.port-left{
	width:159px;
	height:auto;
	float:left;
	padding:20px 0 0 0;
	}

.port-left img{
	border:none;
	}

.web-application{
	width:151px;
	height:auto;
	margin:0 auto 0 auto;
	display:block;
	text-align:center;
	}
.port-detail{
	width:560px;
	margin: 0 2px;
	height:auto;
	}
/*-------------------------
/*			port-right
/*-------------------------*/
.port-right{
	width:159px;
	height:auto;
	float:right;
	padding:20px 0 0 0;
	}
.port-right img{
	border:none;
	}
/*--------------------------
/*			Port-middle
/*--------------------------*/
.port-category{
	width:100%;
	height:auto;
	background:url(../images/select-category.jpg) no-repeat left top;
	padding:23px 0 0 0;
	}
.port-category ul{
	margin:0px;
	padding:0px;
	}
.port-category ul li{
	list-style:none;
	height:81px;
	width:560px;
	margin:5px 0 0 0;
	display:block;
	text-align:center;
	}
.port-category ul li a:link , .port-category ul li a:visited{
	width:560px;
	height:81px;
	background:url(../images/port-hover.jpg);
	display:block;
	text-decoration:none;
	color:#124b99;
	font-weight:bold;
	}
.port-category ul li a:hover{
	width:560px;
	height:81px;
	background-position:0% -81px;
	display:block;
	color:#990000;
	font-weight:bold;
	}
.linking{
	width:300px;
	height:20px;
	float:left;
	text-align:left;
	margin:35px 0 0 20px; 
	}
.linking-img{
	width:118px;
	height:78px;
	float:right;
	margin:1px 20px 0 0; 
	}
.science-bg{
	width:560px;
	height:81px;
	float:left;
	margin:5px 0 0 0;
	background:url(../images/science-bg.jpg) no-repeat;
	clear:both;
	}
.science-bg ul{
	margin:0px;
	padding:0px;
	}
.science-bg li{
	list-style:none;
	display:block;
	width:300px;
	height:22px;
	margin:25px 20px;
	color:#124b99;
	font-weight:bold;
	padding:8px 0 0 0;
	float:left;
	}
.science-img{
	width:118px;
	height:78px;
	margin:1px 48px !important; margin:1px 75px;
	float:left !important; float:none;
	}
.franchising{
	width:560px;
	height:81px;
	float:left;
	margin:5px 0 0 0;
	background:url(../images/science-bg-light.jpg) no-repeat;
	clear:both;
	}
.franchising ul{
	margin:0px;
	padding:0px;
	}
.franchising li{
	list-style:none;
	display:block;
	width:300px;
	height:22px;
	margin:25px 20px;
	color:#124b99;
	font-weight:bold;
	padding:8px 0 0 0;
	float:left;
	}
.franchising-img{
	width:118px;
	height:78px;
	margin:1px 48px !important; margin:1px 75px;
	float:left !important; float:none;
	}
.border{
	border-top:1px #124b99 solid;
	float:left !important; float:none;
	clear:both;
	width:100%;
	margin:5px 0;
	overflow:hidden;
	}
.finance-left{
	width:288px;
	height:auto;
	background:url(../images/finance-bg-left.jpg) repeat-y;
	float:left;
	text-align:center;
	font-weight:bold;
	clear:both;
	}
.finance-left a{
	color:#000;
	}
.finance-left a:hover{
	color:#dd8929;
	}

.finance-right{
	width:596px;
	height:auto;
	/*background:#e0eaf2 url(../images/finance-bg-right.jpg) repeat-x;*/
	background:#e4ebf1 url(../images/finance-bg.jpg) top repeat-x;
	float:right;
	padding:0 0 20px 0;
	}

.finance-left2{
	width:286px;
	height:auto;
	background:#e3e3e3 url(../images/finance-bg-left.jpg) top repeat-y;
	float:left;
	text-align:center;
	font-weight:bold;
	padding-bottom:10px;
	}
.finance-left2 a{
	color:#000;
	
	}
.finance-left2 a:hover{
	color:#dd8929;
	
	}

.finance-right2{
	width:596px;
	height:483px;
	background:url(../images/finance-bg.jpg) repeat-x;
	float:right;
	}
.finance-right-detail-left{
	width:92px;
	height:100%;
	float:left;
	margin:20px 0 0 20px;
	font-family:Verdana;
	font-size:12px;
	color:#004097;
	font-weight:bold;
	}
.finance-right-detail-left a{
	color:#000;
	}
.finance-right-detail-left a:hover{
	color:#dd8929;
	}
.finance-right-detail-left1{
	width:92px;
	height:100%;
	float:left;
	margin:10px 0 0 20px;
	font-family:Verdana;
	font-size:12px;
	color:#004097;
	font-weight:bold;
	}

.finance-list{
	width:100%;
	height:auto;
	margin:20px auto 0 0;
	clear:both;
	float:left;
	}
.finance-list1{
	width:100%;
	height:115px;
	margin:10px auto 0 0;
	clear:both;
	float:left;
	}
.finance-right-detail-left{
	width:92px;
	height:auto;
	float:left;
	margin:20px 0 0 20px;
	font-family:Verdana;
	font-size:12px;
	color:#004097;
	font-weight:bold;
	}
.finance-right-detail-right{
	width:422px;
	height:auto;
	float:right;
	margin:20px 20px 0 0px ;
	font-family:Verdana;
	font-size:12px;
	color:#000;
	line-height:18px;
	text-align:justify;
	}
.finance-right-detail-right1{
	width:200px;
	height:auto;
	float:left;
	margin:20px 0 0 20px ;
	font-family:Verdana;
	font-size:12px;
	color:#000;
	text-align:justify;
	line-height:normal;
	}

.finance-right-detail-right a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	line-height:normal;
	}
.finance-right-detail-right a:hover{
	color:#dd8929;
	}
.finance-right-detail-right1 a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	}
.finance-right-detail-right1 a:hover{
	color:#dd8929;
	}
.finance-logo{
	width:150px;
	height:100px;
	float:right;
	clear:both;
	margin:0 20px 0 0 ;
	}
.finance-right-detail-right2{
	width:422px;
	height:100%;
	float:right;
	margin:20px 20px 0 0 ;
	font-family:Verdana;
	font-size:12px;
	color:#000;
	background:url(../images/psp.jpg) no-repeat right top;
	}
.bluestrip{background:url(../images/blue-strip.gif) no-repeat; width:593px; height:56px; font-size:24px; font-weight:normal; padding:15px 0 0 30px; line-height:24px;}	
.template{
	width:243px;
	height:auto;
	margin:17px auto 5px;
	font-weight:bold;
	}
.template img{
	border:1px solid #0a4aa0;
	}
.top{
	color:#5e3700;
	font-family:Verdana;
	font-size:12px;
	width:60px;
	float:left;
	height:20px;
	margin:20px 0 0 550px;
	font-weight:bold;
	text-align:right;
	clear:both;
	}
/*----------31 March 2009----------*/
.clear{clear:both;}	

#middmaincontent{
	width:885px; 
	height:auto; 
	background:url(../images/middmaincontent-bg.gif) repeat-y;
	float:left;
	}
	
#innermidcontent{
	background-image:url(../images/innermidcontent-bg.gif); 
	background-position:top; 
	background-repeat:repeat-x; 
	background-color:#e9f0f6;
	width:634px;
	height:auto;
	float:right;
	color:#000000;
	line-height:18px;
	padding:20px;
	text-align:justify;
	}
#innermidcontent a:link	   { color: #0033cc;text-decoration: none;} 
#innermidcontent a:visited {color : #193588; text-decoration: none; }  
#innermidcontent a:active  {color : #0033cc; text-decoration: none; }  
#innermidcontent a:hover   {color : #0033cc; text-decoration: underline; }

#innermidcontent .incontent{float:left;}
#innermidcontent .incontent h3{float:left; margin-top:30px;}
#innermidcontent .incontent img{float:right;}

.printlink a:link, .printlink a:visited{color: #003399;text-decoration: none; font-size:10px;} 
.printlink a:active  {color : #003399; text-decoration: none; font-size:10px;}  
.printlink a:hover   {color : #003399; text-decoration: underline; font-size:10px;}

.axxiemwebapp{
	width:627px;
	height:392px;
	background:url(../images/axxiem-webapp.gif) no-repeat; 
	}
.axxiemwebapp ul{
	margin:0 0 0 55px;
	padding:70px 0 0 0;
	font-weight:bold;
	float:left;
	}	

.axxiemwebapp ul li{
	list-style: none;
	display: block;
	padding: 2px 0 2px 0;
	float: left;
	text-align:left;
	clear:both;
	text-indent:10px;
	background:url(../images/dott.jpg) no-repeat left;
}
#innerleft_side{width:207px; float:left; height:auto; text-align:center;}	
#innerleft_side img{margin:0 auto 0 auto; display:block;}	

#innerleft_side span a:link	   {color: #0033cc;text-decoration: none; font-size:12px; font-weight:bold; margin-left:0px; text-align:center;} 
#innerleft_side span a:visited {color : #0033cc; text-decoration: none; font-size:12px; font-weight:bold; margin-left:0px; text-align:center;}  
#innerleft_side span a:active  {color : #0033cc; text-decoration: none; font-size:12px; font-weight:bold; margin-left:0px; text-align:center;}  
#innerleft_side span a:hover   {color : #042a9b; text-decoration: none; font-size:12px; font-weight:bold; margin-left:0px; text-align:center;}


#innerleft_side ul { float:left; text-align:left;}
#innerleft_side li img {padding:0px; width:80px; height:61px; float:left;} 
#innerleft_side li span{width:120px; float:left; text-align:left; padding:0 0 0 4px; line-height:14px;}
#innerleft_side li {list-style:none; padding-top:3px; clear:both;}
#innerleft_side span li a:link	 {color: #0033cc; text-decoration: none; font-size:12px; font-weight:bold; margin-left:5px; vertical-align:middle;} 
#innerleft_side span li a:visited {color: #0033cc; text-decoration: none; font-size:12px; font-weight:bold; margin-left:5px; vertical-align:middle;}  
#innerleft_side span li a:hover   {color: #042a9b; text-decoration: none; font-size:12px; font-weight:bold; margin-left:5px; vertical-align:middle;} 

#innerleft_side_news{width:207px; float:left; height:auto; text-align:center;}
#innerleft_side_news img{padding-top:25px; margin:0 auto 0 auto; display:block;}	
#innerleft_side_news a:link	   {color: #0033cc;text-decoration: none; font-size:12px; font-weight:bold; margin-left:30px; text-align:center;} 
#innerleft_side_news a:visited {color : #0033cc; text-decoration: none; font-size:12px; font-weight:bold; margin-left:30px; text-align:center;}  
#innerleft_side_news a:active  {color : #0033cc; text-decoration: none; font-size:12px; font-weight:bold; margin-left:30px; text-align:center;}  
#innerleft_side_news a:hover   {color : #042a9b; text-decoration: none; font-size:12px; font-weight:bold; margin-left:30px; text-align:center;}
	


.home-navigation{
	width:254px; height:241px; float:left; background:url(../images/navigation-bg.jpg) no-repeat left top;
	}
.fla-bg{
	width:628px; float:right; height:241px;
	}
	
.inner-list{
	width:550px; height:auto; float:left; margin:0 0 20px 25px; padding:20px; background:url(../images/bg.jpg) repeat-y left top; border-top:1px solid #999; border-bottom:1px solid #999; 
	}
.inner-list ul{
	margin:0; padding:0;
	}
.inner-list ul li{
	list-style:none; display:block; width:400px; float:left; text-indent:22px; background:url(../images/dott.jpg) no-repeat left;
	}
	
.inner-list2{
	width:550px; height:auto; float:left; margin:0 0 20px 25px; padding:20px; background:url(../images/bg.jpg) repeat-y left top; border-top:1px solid #999; border-bottom:1px solid #999; 
	}
.inner-list2 ul{
	margin:0; padding:0;
	}
.inner-list2 ul li{
	list-style:none; display:block; width:540px; float:left;  margin:0 0 5px 0; padding:0 0 0 15px;  background:url(../images/dott.jpg) no-repeat left 5px;
	}
	
	
	
.management{
	width:100%; height:auto; float:left; margin:0 0 10px 0;
	}
.management-text{
	width:360px; height:auto; float:left; 
	}
.management-img{
	width:173px; height:auto; float:right; 
	}
.award-lft-img{
	width:100px; height:auto; float:left;
	}
.award-mid{
	width:250px; height:auto; float:left; margin:0 0 0 10px;
	}
.award-rgt-img{
	width:154px; height:auto; float:right;
	}
.dotline2{
	border-top:1px dotted #666;
	height:15px;
	clear:both;
	}
.our-process-thumb{
	width:250px;
	height:165px;
	float:right;
	padding:15px 0 0 0 ;
	text-align:center;
	}