@charset "utf-8";
/* CSS Document */

/*---------- homepage ----------*/
#hotNews { height:130px;  }
	#pscroller{ width:100%; height:130px; margin:10px 0px 0 0px; }
		#pscroller img { margin-right:0px; }
	.smx_blue { font-weight:bold; color:#0071BC; }
	.smx_green { font-weight:bold; color:#78A935; }
	.smx_red { font-weight:bold; color:#f00; margin-left:20px; }
	#pscroller a:hover .smx_blue, #pscroller a:hover .smx_green { color:#f60; }
	a#btn_quote { float:right; margin:15px 24px 0 0; text-indent:-9999px; background:url(../images/v2.gif) no-repeat 0 -50px; width:118px; height:26px; display:block; } 
		a#btn_quote:hover { background:url(../images/v2.gif) no-repeat 0 -76px; }

#blockGry { clear:both; }
	#blockGry ul { margin:0 0 0 7px; padding:0; list-style-type:none; }
		#blockGry ul li { background:url(../images/v2.gif) no-repeat 0 -180px; float:left; width:283px; padding:15px; }
		#blockGry h1 { margin-bottom:10px; }
		#blockGry p { margin:0; }

#city { clear:both; }
	#city ul { margin:0 0 0 7px; padding:0; list-style-type:none; }
		#city ul li { float:left; margin-right:1px; padding:1px 0; border-top:#C8D7E3 solid 4px; border-bottom:#C8D7E3 solid 4px; }
			#city ul li a { text-indent:-9999px; height:60px; display:block; }
			#city1 a { width:313px; background:url(../images/v.jpg) no-repeat 0px 0px; }
				#city1 a:hover { background:url(../images/v.jpg) no-repeat 0px -61px; }
			#city2 a { width:313px; background:url(../images/v.jpg) no-repeat -313px 0px; }
				#city2 a:hover { background:url(../images/v.jpg) no-repeat -313px -61px; }
			#city3 a { width:312px; background:url(../images/v.jpg) no-repeat -626px 0px; }
				#city3 a:hover { background:url(../images/v.jpg) no-repeat -626px -61px; }
				
h1 { color:#FA8316; font-size:15px; margin:0; padding:0; margin-top:5px; }
	h1#title1 a { font-family:Arial, Helvetica, sans-serif; font-size:18px; height:18px; text-decoration:none; font-weight:normal;}
	h1#title2 a { background:url(../images/v2.gif) no-repeat 0 -128px; width:197px; height:18px; display:block; text-indent:-9999px; }
	h1#title3 a { background:url(../images/v2.gif) no-repeat 0 -146px; width:140px; height:18px; display:block; text-indent:-9999px; }

a.greyLink { text-decoration:none; }

/*---------- portfolio ----------*/
#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:#333; padding-left:45px; padding-right:5px; }
	#projectList li a:hover { background:url(../images/portfolioListItem.jpg) bottom no-repeat; color:#4D7EA7; }
	#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; }
	

#portfolioThumb { }
	#portfolioThumb ul { margin:0; padding:0; list-style-type:none; }
		#portfolioThumb ul li { float:left; width:155px; height:160px; background:url(../images/portfolio/bg.jpg) no-repeat top left; }
		#portfolioThumb ul li.lastChild { width:140px; } /* for service page. it's no use now. */
		#portfolioThumb ul li a { position:relative; left:2px; top:2px; width:130px; height:130px; display:block; overflow:hidden; }
		#portfolioThumb ul li a:hover img { margin-top:-130px; }
		#portfolioThumb ul li.hovered img { margin-top:-130px; } /* ie6 hack */
		#portfolioThumb ul li img { width:130px; height:260px; }
	#portfolioThumb p { margin-top:-20px; }
		#portfolioThumb p span { color:#f00; }

#featuredClientList { }
	#featuredClientList ul { margin:0; padding:0; list-style-type:none; }
		#featuredClientList ul li { float:left; width:122px; height:160px; background:url(../images/portfolio/bg5.jpg) no-repeat top left; }
		#featuredClientList ul li div { position:relative; left:2px; top:2px; width:100px; height:100px; display:block; overflow:hidden; }
		#featuredClientList ul li img { width:100px; height:100px; }
	#featuredClientList p { text-align:center; padding-right:15px; }


.csThumb { width:379px; height:289px; background:url(../images/csThumbBg.jpg) no-repeat top left; margin:0 0 0 15px; position:relative; }
	.csThumb img { width:360px; height:270px; position:absolute; top:2px; left:2px; }

#projectDetailThumb { width:420px; float:left; }
		#projectDetailThumb div { width:420px; height:320px; background:url(../images/portfolio/bg2.jpg) no-repeat top left; }
			#projectDetailThumb img#mainPic { position:relative; left:10px; top:10px; width:380px; height:285px; }
		#projectDetailThumb ul { margin:0; padding:0; list-style-type:none; }
			#projectDetailThumb li { float:left; width:138px; height:97px; background:url(../images/portfolio/bg3.jpg) no-repeat top left; }
			#projectDetailThumb li img { width:118px; height:88px; position:relative; top:2px; left:2px; }
	
#projectDetailData { width:200px; float:right; }
	#projectDetailDataCorner { background:url(../images/corner.jpg) left top no-repeat; padding:15px 0 0 15px; }
		#projectDetailData h1 { margin:0 0 15px 0; padding:0; color:#666; font-size:18px; line-height:18px; }
		#projectDetailData h2 { color:#666; font-size:13px; margin-top:25px; }
		
ul.projectDetailList { list-style-type:none; margin:0; padding:0; }
	ul.projectDetailList li { background:url(../images/bullet/05.gif) no-repeat 0px 5px; padding-left:12px; margin-bottom:3px; }

.slitpage a { margin:2px;}
.slitpage strong { margin:2px;}

#searchBar { margin-bottom:30px; }
	#searchBar form { height:20px; }
		#searchBar form input { vertical-align:middle; margin:0; padding:0; outline:none; border:none; float:left; }
		#searchBar #inputSearch { width:200px; height:18px; background:url(../images/btn/inputBg.gif) no-repeat top left; padding:2px 5px 0px 5px;  }
		#searchBar a { padding-left:12px; }

#searchForm { float:right; }
	#searchForm p { margin:5px auto; }
	#searchForm a { padding-left:12px; }
	
#TagCloud { line-height:30px; }
#TagCloud a { text-decoration: none; }

/*---------- quote ----------*/
.serviceForm { }
	.serviceForm th { text-align:left; }
	.serviceForm th, .serviceForm td { border-bottom:#E3E3E3 solid 1px; }
	.serviceForm tr.bg th, .serviceForm tr.bg td { background:#f9f9f9; }


.testimonial { margin-right:15px; width:420px;  }
	.testimonial ul { margin:0; padding:0; list-style-type:none; }
	.testimonial .t_content { color:#000; }
	.testimonial .t_user {text-align:right; color:#666; }
	.testimonial .t_co { text-align:right; color:#666; margin-bottom:30px; }

.testimonial2 { margin-right:15px; width:420px; height:100px;  }
	.testimonial2 ul { margin:0; padding:0; list-style-type:none; }
	.testimonial2 .t_content { color:#000; }
	.testimonial2 .t_user {text-align:right; color:#666; }
	.testimonial2 .t_co { text-align:right; color:#666; margin-bottom:30px; }

#award { }
	#award blockquote { margin:0; padding:0; background:url(../images/portfolio/bg4.jpg) no-repeat bottom; padding-bottom:18px; margin-bottom:7px; }
	#award h1 { color:#5285B9; font-size:13px; text-align:center; }
	#award th { font-family:Arial; color:#5285B9; }

.portfolioThumbHight { height:155px; }

#MarqueePictues div{ overflow:hidden; width:450px; margin-top:20px; }
#MarqueePictues div img{ margin:0 10px; }

/*---------- service ----------*/
.serviceList { margin:10px 10px 10px 30px; padding:0; list-style-type:none; }
		.serviceList li { clear:left; width:90%; font-weight:normal; background:url(../images/bullet/06.gif) no-repeat 0px 6px; padding:2px 2px 2px 12px; font-size:11px; }
		.serviceList li a { text-decoration:none; }


/*---------- case study ----------*/
#csList { margin:25px 0 0 0; padding:0; list-style-type:none; }
	#csList li { margin-bottom:10px; }
	#csList a { width:141px; height:49px; display:block; text-indent:-9999px; margin:0 auto; }
	#csList1 a { background:url(../images/faq.jpg) no-repeat; }
	#csList2 a { background:url(../images/forum.jpg) no-repeat; }
	#csList3 a { background:url(../images/resource.jpg) no-repeat; }
	#csList4 a { background:url(../images/news.jpg) no-repeat; }
	
/*---------- sitemap ----------*/
#sitemap { }
	#sitemap ul { margin:0 0 30px 0; padding:0; list-style-type:none; clear:both; }
	#sitemap li { float:left; width:20%; font-weight:bold; color:#666; font-size:12px; }
		#sitemap li ul { margin-top:10px; }
		#sitemap li li { clear:left; width:90%; font-weight:normal; background:url(../images/bullet/06.gif) no-repeat 0px 6px; padding:2px 2px 2px 12px; font-size:11px; }
		#sitemap li li a { text-decoration:none; }

	#sitemap .limitedHeight { height:260px; overflow-y:scroll; overflow-x:hidden; width:175px; }


/*---------- resource ----------*/
.exchangeTb { background:#DEDEB8; }
	.exchangeTb th { background:#FFFFD9; }
	.exchangeTb td { background:#fff; }

.resourceTb { }
	.resourceTb a { text-decoration:none; }

.resourceTb2 { background:#B0DBEC; }
	.resourceTb2 a { text-decoration:none; }
	.resourceTb2 th { background:#D6ECF7; text-align:left; }
	.resourceTb2 td { background:#fff; }
	.resourceTb2 td.tfoot { background:#F4FBFE; }
	.resourceTb2 td.tfoot a { font-weight:bold; color:#09f; }
	.resourceTb2 td.tfoot a:hover { color:#f60; }

.resourceTb3 { margin:0; padding:0; list-style-type:none; }
	.resourceTb3 li { margin:15px 0; }
	.resourceTb3 a { font-weight:bold; }

/*---------- company ----------*/
.corner { background:url(../images/corner.jpg) no-repeat top left; padding:15px; }

/*.corner2 { height:50px; background:url(../images/corner2.jpg) no-repeat top left; padding:10px; margin-bottom:5px; }
.corner2 .onc { position:absolute; top:30px; right:20px; cursor:pointer; }*/

.cornerClose { height:44px; background:url(../images/corner3.jpg) no-repeat top left; padding:5px 10px; margin-bottom:5px; cursor:pointer; }
.cornerOpen { height:44px; background:url(../images/corner3.jpg) no-repeat bottom left; padding:5px 10px; margin-bottom:5px; cursor:pointer; }

ul.advantages { margin:0 0 0 30px; padding:0; list-style-type:none; clear:both; }
	ul.advantages li { background:url(../images/bullet/06.gif) no-repeat 0px 6px; padding:2px 2px 2px 12px; }

ul.naList { margin:1em 0 0 0px;  padding:0; list-style-type:none; clear:both; }
	ul.naList li { background:url(../images/bullet/06.gif) no-repeat 0px 6px; padding:2px 2px 4px 12px; }
	ul.naList li a { text-decoration:none; color:#555; }
	ul.naList li a:hover { color:#f60; }

.corner ul.advantages { margin-top:20px; }

#whyList { background:#C7E4F3; margin-top:15px; }
	#whyList th { background:#DAE8F0 url(../images/whyListTh.gif) no-repeat right center; color:#5C91B9; border:#fff solid; border-width:1px 1px 0 0; }
	#whyList td { background:#F3F7FA; padding-left:10px; }
	#whyList td.white { background:#fff; }

.quote { margin:20px auto; }
	.quote a { text-indent:-9999px; background:url(../images/btn/quote2.gif) no-repeat top; width:118px; height:26px; display:block; margin:0 auto; } 
	.quote a:hover { background:url(../images/btn/quote2.gif) no-repeat bottom; }

.corner .quote{ margin-top:50px; } 

.strategistName { font-size:14px; font-weight:bold; }

ul.moreAboutList { list-style-type:none; margin:0; padding:0; }
	ul.moreAboutList li { background:url(../images/bullet/07.gif) no-repeat 0px 5px; padding-left:12px; margin-bottom:7px; }

.addressTxt { font-size:1.1em; line-height:1.6em; }

#newsletterSignUp { margin:5px auto; padding:0; list-style-type:none; }
	#newsletterSignUp dd { margin:2px 0 4px 0; }
	#newsletterSignUp dd input { width:170px; }

/*---------- term of use ----------*/
.tuList { }
	.tuList li { margin:15px auto; list-style-image:url(../images/bullet/06.gif); }

/*---------- Web Applications ----------*/

table.lightBlueTb { background:#C7E4F3; }
	.lightBlueTb th { background:#DAE8F0 url(../images/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; }

/*---------- FAQ ----------*/
#faqList { margin:0px 0 0 0px; padding:0; list-style-type:none; }
	#faqList li { background:url(../images/q.gif) no-repeat 0 5px; padding:4px 2px 4px 25px; }

.answerList { margin:0px 0 0 0px; padding:0; list-style-type:none; }
	.answerList li { background:url(../images/a.gif) no-repeat 0 0px; padding:0 0 30px 25px; }

.backToTop { text-align:right; clear:both; }
	.backToTop a { background:url(../images/bullet/06.gif) no-repeat center right; padding-right:12px; }

/*---------- online meeting ----------*/
body#om { background:#fff; }

#omBody { padding:10px; width:180px; margin:0px auto; text-align:center; }
	#omBody p { margin:7px 0; }

#omLoading { text-align:center; margin:150px auto; }

/*---------- misc ----------*/
.red { color:#f00; }
.lightBlue { color:#5285B9; }
.lightGrey { color:#666; }
.orange { color:#FF831D; }
.green { color:#090; }
.txt150 { font-size:1.5em; }

a.more { background:url(../images/bullet/07.gif) no-repeat center right; padding-right:12px; }

a.orangeLink { color:#FF831D; font-weight:bold; text-decoration:none;  }
a.orangeLink:hover { color:#f40; }

a.lightBlueLink { color:#5285B9; font-weight:bold; text-decoration:none;  }
a.lightBlueLink:hover { color:#f60; }

.undisplay { display:none; }


#infoBox { border:#DCEDFD solid 5px; padding:15px; text-align:center; }
	#infoBox h1 { margin:15px 0; padding:0; }

.blueBox { border:#DEDEB8 solid 1px; background:#FFFFD9; padding:10px 20px; margin:25px auto; }

#categories ul { margin:10px 0 0 10px; padding:0; list-style-type:none; clear:both; }
	#categories ul li a { text-decoration:none; }
	#categories ul li { background:url(../images/bullet/06.gif) no-repeat 0px 7px; padding:1px 2px 1px 12px; }
		#categories ul li ul { margin:5px 0 10px 0; }
		#categories ul li li a { color:#666; }
		#categories ul li li a:hover { color:#f60; }
		#categories ul li li a:visited { color:#639; }