/* TECHSAILOR */

/* 21April2009 7AM */
/* new sample 1 column page */
/* Topbar become Topdiv */
/* Menu is seperated from Topdiv */
/* New Projects div ( used to be Portfolio) */
/* Portfolio thumbnails li has a fixed width so that text can word break */

/* ======================================================== GLOBAL ==========================================================*/

*{
margin: 0;
}

html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
	margin:0 0 0 0;
	padding:8px 0 0 0 ;
	border:0;
	/*position:relative;*/
}

body {
	/*font-family: "Trebuchet MS", sans-serif, Arial, Helvetica;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color:#555; 
	background:url(../img/bg.gif) #fff left 95px repeat-x;
}
h1, h2, h3, h4, h5{
	color:#000;
	}
html, body {
	height: 99%;
}

p{
font-size: 12px;
color:#555;
line-height:20px;
}

.testimonial_l{
width: 250px;
/*height:150px;*/
display:table;
background-image:url(../img/testimonial_l.gif);
background-repeat:no-repeat;
background-position:left top;
padding: 0 0 0 20px;
clear:both;
}

.testimonial_r{
display:block;
float:left;
width:240px;
padding: 0px 15px 20px 8px;
font-size: 12px;
color:#888;
line-height:19px;
margin-bottom:8px;
background-image:url(../img/testimonial_r.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

a:link, a:visited{
/*color:#ff7200;*/
color:#5d2c00;
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
color:#000; /* 20090520 */
}

p a:link, p a:visited, p a:hover, p a:active{
text-decoration: underline;
}

a.external, a.external:hover, a.external:active{
	background:transparent url(../img/external.gif) no-repeat scroll right center;
	padding:0 13px 0px 2px;
}


input, input, textarea, textarea, select, select{
border:1px solid #00A8E6;
}

input:focus, input.focus, textarea:focus, textarea.focus, select:focus, select.focus{
background-color:#FFFFCC;
border:1px solid #00A8E6;
}

/*h1 {
background:url(../img/grey_arrow.gif) left center scroll no-repeat;
padding-left:20px;
font-size:15px;
line-height:25px;
color:#333;
}
*/

h1.subtitle{
position:absolute;
bottom:-20px;
font-size:16px;
color:#333;
font-weight:normal;
}

.centered, p.centered {
	text-align:center;
}
.txtright{
text-align:right;
}

.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}


img {
	border:0px;
	vertical-align:middle;
}

.cfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.cfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .cfix {height: 1%;}
.cfix {display: block;}
/* End hide from IE-mac */

.icon {
vertical-align:middle;
margin-right:5px;
}
.Content_title {
font-size:18px;
line-height:18px;
}
.viewprofiletext {
font-size:11px;
font-weight:bold;
color:#797979;
}
.biggerfont {
font-size:13px;
font-weight:bold;
}

.complete{
	color:#068A00;
	}
.inprogress {
	color:#C30000;
	}	

/*======================================================= COLOR ====================================== */
.orange {
color:#ff9000;
}
/* ====================================================== BUTTON ===================================== */
a.top_btn {
    background: transparent url('../img/top_btn_r.gif') no-repeat scroll top right;
    display: block;
	float: left;
    height: 24px;
    padding-right: 26px; /* sliding doors padding */
    text-decoration: none;
}

a.top_btn span {
	color:#fff;
    background: transparent url('../img/top_btn_l.gif') no-repeat;
    display: block;
    line-height: 24px;
    padding-left:12px;
	text-decoration: none;
	font-size:11px;
	color:#000;
}

a.top_btn:link, a.top_btn:visited, a.top_btn:active{
	text-decoration: none;
}
a.top_btn:hover {
    background-position: bottom right;
	text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

a.top_btn:hover span {
	color:#FF7200;
    background-position: bottom left;
    padding-left:12px; /* push text down 1px */
	text-decoration: none;
}
/* ====================================================== WRAPPER ==================================== */
.Wrapper {
	width:995px;  /* change from 960px to 995px 20090518 */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}
.Wrapper .Topbar {
height:79px;
position:relative;
}
.Wrapper .Topbar .language {
display:block;
margin-bottom:15px;
float:right;
}
/*
.Wrapper .Topbar .selection{
display:block;
float:right;
height:57px;
padding-top:20px;
}
.selection .lang{
display:block;
text-align:right;
margin-bottom:8px;
}

.selection .lang a.chinese {
background:url(../img/thingrey_icon.gif) 0 center no-repeat;
padding-left:12px;
color:#c8c8c8;
text-decoration:none;
margin:0 5px;
font-size:11px;
}

.selection .lang a.chinese:hover {
margin:0 5px;
text-decoration:underline;
}
.selection .lang a.english {
background:url(../img/grey_icon.gif) 0 center no-repeat;
padding-left:12px;
text-decoration:none;
margin:0 5px;
color:#000;
font-size:11px;
}
.selection .lang a.english:hover {
margin:0 5px;
text-decoration:underline;
}
*/
.userinfo{
	float:right;
	}
.userinfo b, .userinfo a:visited, .userinfo a:link{
	margin:0 5px;
	color:#000;
	}



/* ================================================ TOPDIV 21APRIL 2009 =================================================== */
.Topdiv {
height:77px;
}

.Topdiv .selection{
display:block;
float:right;
height:57px;
padding-top:20px;
}

/* ================================================ NEW MENU 21APRIL 2009 =================================================== */
ul.Menu {
margin:0;
padding:0px;
list-style:none;
}
ul.Menu li {
	float:left;
	display:inline;
	list-style-type:none;
	position:relative;
	width:auto;
	padding:0px;
	margin:0 10px; /* make all menu item on one line */
	}
ul.Menu li a{
	color:#bfbfbf;
	font-size:14px;
	font-weight:bold;
	}
ul.Menu li a:link, ul.Menu li a:visited, ul.Menu li a:active{
	color:#bfbfbf;
}
ul.Menu li a:hover{
	color:#ffe539;
	text-decoration:none;
}
ul.Menu li.activated{
	background-image:url(../img/menu_activated_left.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:39px;
	width:auto;
	float:left;
}
ul.Menu li.activated span{
	background-image:url(../img/menu_activated_right.gif);
	background-position:right top;
	display:block;
	padding:15px 12px 0 6px;/* make all menu item on one line */
	margin-left:10px!important;
	margin-left:5px;
	height:24px;
	float:left;
}
ul.Menu li span{
	padding:15px 9px 0 9px; /* make all menu item on one line */
	margin-left:8px!important;
	margin-left:8px;
	float:left;
}
ul.Menu li.about{
	margin-right:0;
}
ul.Menu li.about span img{
	margin:0 0 0 10px;
}
ul.Menu li.activated a:link, ul.Menu li.activated a:visited{
	color:#ffe539;
	}
.submenudiv {
	position:absolute;
	top:39px;
	/* make submenu appear on the right of the main menu */
	background: transparent url('../img/submenu_bg.png') no-repeat scroll top left;
	display: block;
	float: left;
	height:34px;
	text-decoration: none;
	z-index: -1;
	width:295px;
	}
div.reach img, div.submenudiv, div.Overview_pic img{
	behavior: url(../js/iepngfix.htc);
	}	


ul.Menu li .arrow{
	text-align:center;
	clear:both;
	z-index:100; 
	font-size:0;
	}
ul.submenu {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position: static;
	}
ul.submenu li{
	padding:10px 17px 0;
	float:left;
	height:auto;
	display:block;
	margin:0;
	}
ul.Menu li ul.submenu li.activated{
	background-image:none;
	}
ul.Menu li ul.submenu li.activated a:visited, ul.Menu li ul.submenu li.activated a:link{
font-weight:bold;
color:#000;
}
ul.Menu li ul.submenu li a {
text-decoration:none;
top:0;
font-size:12px;
font-weight:normal;
margin:0!important; 
}
ul.Menu li ul.submenu li a:link, ul.Menu li ul.submenu li a:visited{
	position: relative;
	color:#555;
	}
ul.Menu li ul.submenu li a:hover, ul.Menu li ul.submenu li a:active{
position: relative;
color:#000;
text-decoration:none;
}




/* ================================================ PROJECTS 21APRIL 2009 =================================================== */
.Projects{
float:left;
}

.Projects .screen1{
float:left;
width: 652px;
height:290px;
border:2px solid #e0e0e0;
margin-right:15px;
position:relative;
}
/*
.Projects .screen2 img{
float:left;
width: 280px;
height:290px;
border:3px solid #e0e0e0;
position:relative;
}*/

.Projects .loading {
position:absolute;
top:50%;
left:50%;
z-index:9;
}
/*
.Projects .screen1 img, .Portfolio .screen2 img{
position:absolute;
z-index:15;
}
*/


.Projects .Featured{
width: 100%;
float:left;
height:auto;
padding-bottom:35px;
margin-bottom:20px;
background:url(../img/shadow.gif) repeat-x bottom;
}

.Projects .Featured .thumb{
float:left;
width: 242px;
height:162px;
margin-right: 20px;
background:url(../img/featured_shadow.gif) no-repeat;
padding:4px;
}

.Projects .Featured .desc{
float:left;
width:645px;
height:auto;
}

.Projects .Featured .desc .title{
width:645px;
height:auto;
color:#006088;
font-size:28px;
font-weight:bold;
display:block;
}

.Projects .Featured .desc .subtitle{
color:#444;
font-size:17px;
font-weight:bold;
}

.Projects ul.case{
float:left;
list-style:none;
margin:6px 0px 0px 0px;
padding:0px;
}

.Projects ul.case li{
width: 235px;
float:left;
font-size:12px;
margin:1% 2%;
height:260px;
color:#777;
position:relative;
}

.Projects ul.case img{
margin-bottom:9px;
}

.Projects ul.case .progress{
display:block;
font-size:10px;
color:#FF9900;
}

.Projects ul.case li .title{
display:block;
font-size:21px;
color:#222;
font-weight:bold;
}

/* ================================================ SOCIAL WEB PEOPLE PHOTOS =================================================== */
.Wrapper .Wayne {
width:305px;
position:absolute;
right:0;
top:134px;
z-index:35;
}

.Wrapper .Team{
position:absolute;
right:0;
top:250px;
z-index:10;
}

.Wrapper .Overview_pic{
position:absolute;
right:-7px;
top:119px;
width:428px;
z-index:10;
}

.Wrapper .Contact_pic{
width:428px;
position:absolute;
right:-32px;
top:150px;
z-index:10;
}

.Wrapper .Career_pic{
width:395px;
position:absolute;
right:-15px;
top:125px;
z-index:10;
}

.Wrapper .Service_pic{
width:476px;
position:absolute;
right:-20px;
top:125px;
z-index:10;
}

.Wrapper .loading {
position:absolute;
right:75px;
top:350px;
z-index:9;
}
.Wrapper .value{
position:absolute;
right:0;
top:250px;
z-index:10;
}

/* ================================================ HEADER =================================================== */
.Wrapper .Header {
clear:both;
background:url(../img/header_bg.gif) no-repeat;
width:100%;
margin-bottom:5px;
height:170px;
position:relative;
top:0px;
z-index:1;
background-position: center 40px;
}

.Wrapper .PortHeader {
background:url(../img/header_bg.jpg) no-repeat;
width:100%;
padding-top:25px;
margin-bottom:8px;
height:106px;
position:relative;

}

.Wrapper .PortHeader h2{
margin-top:10px;
color:#202020;
font-size:38px;
font-weight:normal;
line-height:42px;
}
.Wrapper .PortHeader h3{
color:#202020;
font-size:16px;
font-weight:normal;
color:#444;
line-height:14px;
}

/* Prev & Next for team */
.navigate_team{
clear:right;
float:right;
height:0;
position:relative;
top:-25px;
width:154px;
z-index:1000;
}

.navigate_team a.prev:link, .navigate_team a.prev:visited{
width:72px;
height:27px;
display:block;
float:left;
background-image:url(../img/prev.gif);
background-position:top;
margin-right:8px;
}
.navigate_team a.prev:hover,.navigate_team a.prev:active{
background-image:url(../img/prev.gif);
background-position:bottom;
}

.navigate_team a.next:link, .navigate_team a.next:visited{
width:72px;
height:27px;
display:block;
float:right;
background-image:url(../img/next.gif);
background-position:top;
}
.navigate_team a.next:hover, .navigate_team a.next:active{
background-image:url(../img/next.gif);
background-position:bottom;
}


/* end Prev & Next for team */


.Wrapper .PortHeader .navigate{
position:absolute;
right:0;
top: 40px;
}

.Wrapper .PortHeader .navigate a.prev:link, .Wrapper .PortHeader .navigate a.prev:visited{
width:72px;
height:27px;
display:block;
float:left;
background-image:url(../img/prev.gif);
background-position:top;
margin-right:8px;
}
.Wrapper .PortHeader .navigate a.prev:hover, .Wrapper .PortHeader .navigate a.prev:active{
background-image:url(../img/prev.gif);
background-position:bottom;
}

.Wrapper .PortHeader .navigate a.next:link, .Wrapper .PortHeader .navigate a.next:visited{
width:72px;
height:27px;
display:block;
float:left;
background-image:url(../img/next.gif);
background-position:top;
}
.Wrapper .PortHeader .navigate a.next:hover, .Wrapper .PortHeader .navigate a.next:active{
background-image:url(../img/next.gif);
background-position:bottom;
}

.Wrapper .Header .navigate{
position:absolute;
right:0;
top: 100px;
}

.Wrapper .Header .navigate a.prev:link, .Wrapper .Header .navigate a.prev:visited{
width:72px;
height:27px;
display:block;
float:left;
background-image:url(../img/prev.gif);
background-position:top;
margin-right:8px;
}
.Wrapper .Header .navigate a.prev:hover, .Wrapper .Header .navigate a.prev:active{
background-image:url(../img/prev.gif);
background-position:bottom;
}

.Wrapper .Header .navigate a.next:link, .Wrapper .Header .navigate a.next:visited{
width:72px;
height:27px;
display:block;
float:left;
background-image:url(../img/next.gif);
background-position:top;
}
.Wrapper .Header .navigate a.next:hover, .Wrapper .Header .navigate a.next:active{
background-image:url(../img/next.gif);
background-position:bottom;
}


.Header .reach{
	position:absolute;
	/*padding-top:27px;*/
	top:96px;
	float:left;
	margin-right:5px;
	z-index:25;
	left:0; 
	}
.Header .reach_homepage{
	left:20%;
	}
.Header .reach_service{
	left:20%;
	}	
.Header .lightbulb {
position:absolute;
top: -0px;
z-index:20;
}
.Header .connects {
position:absolute;
font-size:16px;
color:#6a6a6a;
margin-left:195px;
top: 110px;
}
.Header .connects img{
margin-left:5px;
vertical-align:middle;
}

.Header .reach .brush-homepage{   /* Home page */
	position:relative;
	left:82px;
	top:-10px;
	width:300px;
	}	
.Header .reach .brush-blog{
	position:relative;
	left:430px;
	width:300px;
	}
.Header .reach .brush-clients {
	position:relative;
	left:205px;
	width:300px;
	}
.Header .reach .brush-projects{
	position:relative;
	left:490px;
	width:300px;
	}
.Header .reach .brush-insights{
	position:relative;
	left:186px;
	width:300px;
	}	
.Header .reach .brush-press{
	position:relative;
	left:275px;
	width:300px;
	}	
.Header .reach .brush-team{
	position:relative;
	left:530px;
	width:300px;
	}
.Header .reach .brush-career{
	position:relative;
	left:200px;
	width:300px;
	}		

.Header .reach .brush-value{
	position:relative;
	left:50px;
	width:300px;
	top:0;
	}
.Header .reach .brush-contact{
	position:relative;
	left:50px;
	width:300px;
	top:0;
	}
	
.CN .Header .reach .brush-homepage{   /* Home page */
	position:relative;
	left:280px;
	top:0;
	}  
.CN .Header .reach .brush-value{
	position:relative;
	left:200px;
	top:0;
	}
.CN .Header .reach .brush-team{
	position:relative;
	left:520px;
	top:0;
	}	
.CN .Header .reach .brush-career{
	position:relative;
	left:300px;
	top:0;
	}		
.CN .Header .reach .brush-projects{
	position:relative;
	left:230px;
	top:0;
	}	
.CN .Header .reach .brush-clients{
	position:relative;
	left:580px;
	top:0;
	}
.CN .Header .reach .brush-insights{
	position:relative;
	left:360px;
	top:0;
	}
.CN .Header .reach .brush-blog{
	position:relative;
	left:360px;
	top:0;
	}	
.CN .Header .reach .brush-press{
	position:relative;
	left:620px;
	top:0;
	}	
.CN .Header .reach .brush-contact{
	position:relative;
	left:160px;
	top:0;
	}		
	

/* ============================================== CONTENT ========================================================== */
.Content {
	float:left;
	height:auto;
	padding:0 0 60px;
	min-height:483px;
	}

* html div.Content  { 
   height: expression( this.scrollHeight < 484 ? "483px" : "auto" ); /* sets min-height for IE */
   min-height: 483px; /* sets min-height value for all standards-compliant browsers */
}

.Content .main_content {
background:url(../img/main_content_bg.gif) left top scroll repeat-x;
width:702px;
padding-top:3px;
margin-bottom:35px;
}
.main_content .introducediv {
padding:16px;
background:url(../img/dotted.gif) right top scroll no-repeat;
float:left;
width:202px;
}
.introducediv ul.list {
margin:0;
padding:0;
list-style:none;

}
.introducediv ul.list li {
padding:6px 0 6px 10px;
background:url(../img/smallline.gif) left 10px scroll no-repeat;
display:block;
list-style-type:none;
color:#333333;
font-size:12px;
}

a.clients:link, a.clients:visited{
display:block;
float:left;
margin-right:5px;
background-position:top;
height:55px;
}

a.clients:hover, a.clients.hover, a.clients:active{
display:block;
float:left;
margin-right:5px;
background-position:bottom;
}
/* =================== Gennie Changed FOOTER 26 March 2010 ===================== */

.Footer .connect_Copyright{
	width:700px;
	float:left;
}

.Footer .c_connect{
	float:left;
	margin:20px 0 25px 0;
}

.Footer .c_connect .bookmark{
	margin-top:3px;
	float:left;
}

.Footer h1{
	font-size:15px;
	color:#d5d5d5;
	font-weight:bold;
	float:left;
	padding-right: 20px;
}

.Footer .c_connect a{
	margin-top:3px;
	padding:0 7px;
	float:left;
}

.Footer .c_right{
	float:left;
	clear:all;
	width:700px;
}

.Footer .c_right span{
	float:left;
	margin-right:20px;
}

.Footer .c_right .text{
	color:#999999;
	float:left;
	margin:0 30px 8px 0;
}

.Footer .c_right a:link, .Footer .c_right a:visited, .Footer .c_right a:active{
	color:#999999;
}

.Footer .c_right a:hover{
	text-decoration:underline;
}

.Footer .c_right img{
	margin-right: 5px;
	vertical-align:middle;
}

.Footer .sitemap{
	float:right;
	width:270px;
	padding-top:0;
}

.Footer .sitemap ul{
	list-style:none;
	float:left;
	padding-right:10px;
}

.Footer .sitemap ul.col1{
	width:120px;
}

.Footer .sitemap ul.col2{
	width:80px;
}

.Footer .sitemap ul.col3{
	width:auto;
}

.Footer .sitemap ul a:link, .Footer .sitemap ul a:visited, .Footer .sitemap ul a:active{
	color:#7c7c7c;
	font-size:11px;
}

.Footer .sitemap ul a:hover{
	text-decoration:underline;
}

/* ======================================================= FOOTER ================================================ */
.alpha{
position:relative;
width:95%;
padding:12px 2% 0px 3%;
z-index:30;
}

.alphabutt{
width: 100px;
height: 30px;
display:block;
position:absolute;
top: -45px;
right: 10px;
}

.Footer{ /* fix footer problem, do not merge this */
background-color:#2B2B2B;
border-top:2px solid #FFD53C;
color:#999999;
height:120px;
margin-top:-18px;
padding:15px 2% 0 3%;
position:relative;  /* width"95% is removed */ 
z-index:3;
}

.Footer .btn {
position:absolute;	
top:-26px;
right: 10px;
z-index:55;
}
.Footer .copyRight{
	/*clear:both;*/   /* Rio edit on 20090909 */
	font-size:11px;
	float:left;
	width:40%;   /* Rio add on 20090909 */
	}
.Footer .copyRight .txt{
	color:#ccc;
	clear:both;
	margin:0 0 8px 0;
}
.Footer .copyRight div, .Footer .copyRight span{     /* Rio edit on 20090909 */
	margin:0 15px 0 0;
}
.Footer .copyRight img{
	vertical-align:middle;
	}
.Footer .copyRight a{
	color:#999;
	}	
.Footer .connect{
	margin:0 0 0 150px;     /* Rio edit on 20090909 */
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	}	
.Footer .connect a{
	margin:0px 2px;
}
.Footer .connect .b_text, .Footer .signup .b_text{
	margin:0 0 5px 0;
	}
.Footer .center{
	width:995px;
	margin:0 auto;
	}
.Footer .signup{
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	}	
.Footer .signup img{
	vertical-align:middle;
	}	
.Footer .signup form{
padding: 0;
}

.Footer .signup input{
	color:#6a6a6a;
	padding:1px 3px;
}
	
/*
.Footer .contactways {
float:left;
font-size:11px;
margin:0 0 0 100px;
}
.Footer .contactways img {
margin-right:5px;
}

.Footer ul.links{
margin:0;
padding:0;
list-style:inside;
list-style-type:square;
}

.Footer ul.links li{
float:left;
margin-right:6px;
}

.Footer a:link, .Footer a:visited {
color:#999999;
}
.Footer a:hover, .Footer a:active {
color:#FF7200;
text-decoration:underline;
}

.Footer ul.links li a:link, .Footer ul.links li a:visited {
color:#999999;
padding-right:5px;
font-size:11px;
text-decoration:none;
}
.Footer ul.links li a:hover, .Footer ul.links li a:active {
color:#FF7200;
text-decoration:underline;
}
*/


/* ================================================= ABOUT TEAM =================================================== */
.Content .Teampage {
width:820px;
float:left;
margin-bottom:58px;
}
.Teampage ul.teamnumber {
margin:0;
padding:0;
list-style:none;
}
.Teampage ul.teamnumber li {
padding:10px 15px 40px 0px;
list-style-type:none;
color:#333;
display:block;
}
.Teampage ul.teamnumber li.bg {
background:url(../img/greygradient_bg.gif) left top repeat-y scroll;
z-index:-1;
}

.Teampage ul.teamnumber li .director {
float:left;
background:url(../img/greybox_bg.gif) right top scroll no-repeat;
padding-right:40px;
height:45px;
line-height:29px;
width:auto;
min-width:220px;
font-size:11px;
color:#555555;
}

/* ================================================= ABOUT OVERVIEW =================================================== */
.Overview{
float:left;
width:550px;
padding-bottom:40px;
}

/* ================================================= ABOUT CAREER =================================================== */
.Career{
float:left;
width:588px;
height:auto;
margin-bottom:60px;
}
/* ================================================= PORTFOLIO =================================================== */
.Portfolio{
float:left;
}

.Portfolio .screen1{
float:left;
width: 652px;
height:295px;
margin-right:15px;
position:relative;
overflow:hidden;
}
.Portfolio .screen1 img{
	border:2px solid #e0e0e0;
	}

.Portfolio .screen2{
float:left;
width: 280px;
height:290px;
border:3px solid #e0e0e0;
position:relative;
overflow:hidden; /* make sure image stay in the defined div */
}

.Portfolio .loading {
position:absolute;
top:50%;
left:50%;
z-index:9;
}

.Portfolio .screen1 img, .Portfolio .screen2 img{
//position:absolute; /* no need absolute */
z-index:15;
}


.Portfolio p{
	padding-top:3px;
	padding-bottom: 10px;
}

.Description{
float:left;
display:block;
width: 652px;
margin-right:12px;
position:relative;
margin-top:30px;
padding-bottom: 20px;
}
/*
.Testimonial{
float:left;
display:block;
width: 284px;
position:relative;
margin-top:15px;
}*/

/*
.Tidbits{
float:left;
display:block;
width: 495px;
font-size:13px;
color:#555;
line-height:19px;
}

.Tidbits .progress{
font-size:12px;
color:#FF9900;
font-weight:bold;
}
*/
/*
.Share{
float:left;
width: 142px;
height:60px;
background:url(../img/share.gif) no-repeat;
padding:25px 4px 0px 4px;
}

.Share img{
padding:4px 3px;
}
*/
.Portfolio .Featured{
width: 100%;
float:left;
height:auto;
padding-bottom:35px;
margin:20px 0;
}


.Portfolio .Featured .thumb{
float:left;
/*width: 242px;
height:162px;*/
margin-right: 30px;
background:url(../img/featured_shadow.gif) no-repeat;
padding:6px 4px 4px 6px;
overflow:hidden; /* make sure image stay inside predefined div */
}

.Portfolio .Featured .desc{
float:left;
width:680px;
height:auto;
}

.Portfolio .Featured .desc .title{
width:680px;
height:auto;
color:#006088;
font-size:28px;
font-weight:bold;
display:block;
line-height: 32px;
}
.Portfolio .Featured .desc .title a{
	padding-top: 7px;
	display:block;
	color:#000;
	}

.Portfolio .Featured .desc .subtitle{
	color:#444;
	font-size:17px;
	font-weight:bold;
	padding-top: 7px;
	display:block;
	}

.Portfolio ul.case{
	float:left;
	list-style:none;
	padding:6px 0px 0px 0px;
	margin-right:-50px;
	margin-bottom:20px;
	}

.Portfolio ul.case li{
	width: 230px;
	float:left;
	font-size:11px;
	padding: 5px 30px 5px 0px;
	height:260px;
	color:#555;
	position:relative;
	}
.Portfolio ul.case li a.website:hover{
	color:#ff6c00;
	}

.Portfolio ul.case img{
margin-bottom:9px;
}

.Portfolio ul.case .progress{
display:block;
font-size:10px;
color:#FF9900;
}

.Portfolio ul.case li .title{
display:block;
font-size:19px; /* make title smaller */
color:#222;
font-weight:bold;
line-height:24px;
overflow:hidden;
}

.border {padding:0px; border: 3px solid #CCCCCC;}
a:link img.border {padding:0px; border: 3px solid #CCCCCC;}
a:hover {background-position: 0 0}
a:hover img.border {padding:0px; border: 3px solid #ffd507;}



/* ================================================= CONTACT =================================================== */
.Contact{
float:left;
width:665px;
margin-bottom:70px;
}

.Contact .form{
float:left;
width:390px;
background:url(../img/contact_bg.gif) no-repeat top;
padding:3px 15px;
margin:5px 0px;
}

.Contact .address{
float:left;
width:220px;
font-size:13px;
color:#333;
margin-left:15px;
line-height:20px;
}

.Contact .form span.l{
width: 90px;
float:left;
text-align:left;
}

.Contact .form ul{
padding:0;
margin:0;
list-style:none;
}

.Contact .form ul li{ 
padding: 5px 0px;
}

.Contact .form ul li input, .Contact .form ul li textarea{
width:265px;
}

.Contact .form ul li textarea{
width: 280px;
}

a.formbutton {
    background: transparent url('../img/button_r.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 20px;
    margin-right: 6px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

a.formbutton span {
	color:#000;
    background: transparent url('../img/button_l.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 11px 3px 18px;
	text-decoration: none;
}

a.formbutton:link, a.formbutton:visited, a.formbutton:active{
	text-decoration: none;
}
a.formbutton:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.formbutton:hover span {
	color:#333;
    background-position: bottom left;
    padding: 3px 11px 3px 18px; /* push text down 1px */
}

ul.keys{
list-style:outside;
list-style-type:square;
margin:0 0 0 15px;
padding:0px;
}
ul.keys li{
padding:4px 0px;
color:#666;
}

.msg
{
  border:1px solid green;
  bacground: yellow;
  width:360px;
  padding:5px;
  margin:10px;
}
/*
ul.related{
list-style:inside;
list-style-type:square;
margin:0;
padding-left:25px;
list-style-position:outside;
}

ul.related li{
margin: 5px;
}
*/

.more_greybox_top{
width: 961px;
height:13px;
background:url(../img/more_greybox_top.gif) top left no-repeat;
margin-top:5px;
}

.more_greybox_content{
width: 921px;
height:auto;
background-color:#d9d9d9;
padding:10px 20px 20px 20px;
}

.more_greybox_content .col{
float:left;
padding: 0px 15px;
text-align:center;
width:auto;
font-weight:bold;
color:#555;
}

.more_greybox_content .col img{
border:1px solid #aaa;
}


.team_member ul li{
list-style:none;
float:left;
width:180px;
margin:0 18px 45px 0;    /*  Rio edit on 20090909 */
}
/*
.team_member ul li, .team_member ul li a:visited, .team_member ul li a:link{
color:#555;
font-size:11px;
}
.team_member ul li a:hover, .team_member ul li a:active{
text-decoration:none;
}
*/
.team_member ul li div{
cursor:pointer;
}
.team_member ul li.yellow div.name{
background-color:#ffc600;
font-size:13px;
font-weight:bold;
color:#000;
background-image:url(../img/arrow_member1.gif);
}
.team_member ul li.yellow div:hover div.name{
background-image:url(../img/arrow_member2.gif);
}
.team_member ul li div.name{
background-color:#434343;
font-size:13px;
font-weight:bold;
color:#fff;
background-image:url(../img/arrow_member1.gif);
background-position:170px center;
background-repeat:no-repeat;
width:164px;
padding:3px 8px;
}
.team_member ul li div:hover div.name{
background-image:url(../img/arrow_member3.gif);
}
.team_member ul li div.post{
padding:3px 8px;
}

.feeds{
	background-image:url(../img/feeds_top.gif);
	width:965px;
	background-repeat:no-repeat;
	background-color:#fffcd2;
	padding:10px 15px 5px 15px;
	position:relative;
	clear:both;
	}
.feeds h4{
	position:absolute;
	top:-18px;
	font-size:18px;
	left:15px;
}
.feeds h4 img{
margin:0 10px 0 0;
}
.feeds ul.news_feed{
	float:left;
	width:550px;
	}
ul.latest_activities{
	padding:0;
	margin:0 0 0 10px;
	}	
ul.news_feed li, ul.latest_activities li{
	list-style:none;
	background-position:left center;
	padding:0 0 0 18px;
	background-repeat:no-repeat;
	line-height:15px;
	font-size:11px;
	margin:5px 0;
	}
.feeds ul.news_feed li.simle, ul li.simle{
	background-image:url(../img/icon_smile.gif);	
}
.feeds ul.news_feed li.camera, ul li.camera{
	background-image:url(../img/icon_camera.gif);
}
.feeds ul.news_feed li.plaint, ul li.plaint{
	background-image:url(../img/icon_plaint.gif);
}
.feeds ul.news_feed li.tv, ul li.tv{
	background-image:url(../img/icon_tv.gif);
}
.feeds ul.news_feed li.heart, ul li.heart{
	background-image:url(../img/icon_heart.gif);
}
.feeds ul.news_feed li a:link, .feeds ul.news_feed li a:visited, ul.latest_activities li a:link, ul.latest_activities li a:visited{
	text-decoration:underline;
	color:#5d2c00;
	}
.feeds ul.news_feed li a:hover{
	color:#000;
}
.feeds ul.photo_feed{
	width:320px;
	float:right;
	}
.feeds ul.photo_feed li{
	list-style:none;
	float:left;
	margin:2px 5px;
	}
.feeds ul.photo_feed li a{
border:1px #ffca12 solid;
float:left;
cursor:pointer;
}
.feeds ul.photo_feed li a span{
display:block;
height:60px;
margin:1px;
width:60px;
background-position:center center;
background-repeat:no-repeat;
float:left;
}

a.toggle {
	background-image:url(../img/view_more_left.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:24px;
	padding:0px 0 0px 20px;
	font-size:11px;
	margin:0 0 0 15px;
	display:block;
	float:left;
}
a.toggle span{
	background-image:url(../img/view_more_right.gif);
	background-position:right top;
	float:left;
	display:block;
	height:20px;
	padding:4px 5px 0 0;
	cursor:pointer;
}
a.less{
	background-position:left bottom;
}
a.toggle:visited, a.toggle:link{
	color:#555;
}
a.toggle:hover{
	color:#000;
	}

.left_col{
	width:660px;
	float:left;
	padding:0 0 60px;
	}
.right_col{
	width:284px;
	float:right;
	}	
.left_col h2{
	font-size:24px;
	background-image:url(../img/arrow_orange.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
	position:relative;
	z-index:10;
}
.left_col h2 i{
	font-size:18px;
	font-weight:normal;
}

.left_col .des p{
	padding:10px 18px;
	}

.box_title_black{
	background-color:#434343;
	display:block;
	padding:5px 0 5px 20px;	
	color:#fff;
	background-image:url(../img/arrow_member1.gif);
	background-repeat:no-repeat;
	background-position:8px center;	
	height:17px;
	margin:15px 0 15px;
}
.box_title_black h5{
	padding:0;
	float:left;
	font-size:15px;
	color:#fff;
	}
.box_title_black h5 i{
	font-size:12px;
	font-weight:normal;
}
.navigation{
	margin:0 0 25px 0;
	display:table;
	width:100%;
	}
.blog-break-line{
	margin:-40px 0 10px;
	}	
.blog-pagination a:link, .blog-pagination a:visited{
	color:#000;
	padding:2px 6px;
	font-weight:bold;
	}	
.blog-pagination a.activated:link, .blog-pagination a.activated:visited{
	color:#fff;
	background-color:#5d2c00;
	}	
.blog-pagination a.activated:hover{
	text-decoration:none;
	}
.pagination{
	margin:0 10px 0 0;
	}
	

.pagination a:link, .pagination a:visited{
	margin:3px;
	font-weight:normal;
}

.blog-pagination a.prev:link, .blog-pagination a.prev:visited, .blog-pagination a.next:link, .blog-pagination a.next:visited{
	font-weight:normal;
	}	
.navigation a{
	font-size:11px;
	}

.pagination a.activated:link, .pagination a.activated:visited{
	font-weight:bold;
	}

/* back up pagination
.pagination{
	font-size:12px;
	float:right;
	margin:0 10px 0 0;
	position:absolute;
	right:0;
	top:-36px;
	color:#909090;
	}
	

.pagination a:link, .pagination a:visited{
	margin:3px;
	color:#909090;
	font-size:11px;
	font-weight:normal;
	}
.pagination a.activated:link, .pagination a.activated:visited{
	font-weight:bold;
	color:#fff;
	}
	
.pagination a:hover{
	color:#fff;
	}	
*/	
.box_title_orange{
	background-color:#ffc600;
	padding:5px 0 5px 20px;	
	color:#000;
	background-image:url(../img/arrow_member1.gif);
	background-repeat:no-repeat;
	background-position:8px center;	
	height:17px;
	margin:15px 0 15px;
}
.box_title_orange h5{
	padding:0;
	float:left;
	font-size:15px;
	}
.box_title_orange h5 i{
	font-size:12px;
	font-weight:normal;
}	
.member_feeds{
	position:relative;
	}

.latest_work li{
	float:left;	
	margin:0 10px!important;
	margin:0 5px;
	list-style:none;
	width:30%;
	}
.latest_work li a:hover img{
	border:2px #FFC600  solid;
}
.latest_work li img{
	border:2px #ccc solid;
	margin:0 0 5px 0;
}
.latest_work li a.title{
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:25px;
}
.latest_work li a.tag{
	font-size:11px;
	color:#5d2c00;
}

.right_col .box_yellow{
	background-color:#fffcd2;
	padding:10px;
	}
.right_col blockquote{
background:transparent url(../img/quote_close.gif) no-repeat scroll right bottom;
font-size:13px;
color:#4d2400;
line-height:20px;
font-style: italic;
	}
blockquote p{
background: url(../img/quote_open.gif) no-repeat left top;
padding-left:25px;
color:#4d2400;
}
	
.twitter{
	background-image:url(../img/logo_twitter.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 0 40px;
	color:#6c6c6c;
	margin:10px 0;
	}
.twitter i{
	font-size:11px;
}
.flickr{
	background-image:url(../img/logo_flickr.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 40px;
	color:#6c6c6c;
	margin:10px 0;
	}
.misc{
	font-size:11px;
	padding:0 0 0 10px; 
	margin:0 0 20px;
	}
.misc ul{
	margin:0px 0 10px 0;;
}
.misc ul li{
	background-image:url(../img/tick.gif);
	background-position:left 2px;
	background-repeat:no-repeat;
	padding:0 0 0 20px;	
	list-style:none;
	overflow:auto;
	margin:3px 0;
	}
.misc ul li span{
	float:left;
	width:150px;
	}	
.misc ul li span.title{
	width:100px;
}
.misc a:visited, .misc a:link{
	color:#5d2c00;
	text-decoration:underline;
	}
.misc a:hover{
	color:#000;
	}	

a.back_team_list:visited, a.back_team_list:link{
	float:right;
	color:#000;
	}
	
/* ================================================ Blog =================================================== */	
.Blog, .Insights, .Homepage, .Project{
	width:700px;
	}
.Blog{
	padding-top:10px;
}

.entry{
	clear:both;
	padding:0 0 15px 0px;
	margin-bottom: 70px;
	background-image: url(../img/blog_bot.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	}
	
.entry_bottom p{
width: 96%;
padding-left: 2%;
}

.calendar{
	background-image:url(../img/calendar.gif);
	background-repeat: no-repeat;
	width:56px;
	height:61px;
	text-align:center;
	float:left;
	}	
.calendar .month{
	font-size:11px;
	color:#333;
	font-weight:bold;
}
.calendar .date{
	font-size:18px;
	color:#333;
	margin:8px 0 0 0;
}
.calendar .year{
	font-size:10px;
	color:#999;
}
.entry_title{
	background-image:url(../img/entry_title_bg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	float:right;
	width:620px;
	position:relative;
	/*height:68px;*/
	padding-bottom:10px;;
	min-height: 54px;
	}
.entry_title h2{
	font-size:22px;
	margin:0 0 5px;
	font-weight:normal;
	width:80%;
	padding:0;
	line-height:22px;
	}	
.entry_title .entry_comment{
	float:right;
	width:130px; 
	height:60px;	
	position:absolute;
	right:0;
	bottom:8px;
	}	
.entry_title .entry_comment_bg{

	}	
.entry_title .entry_comment span.count{
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	display:block;
	background-image:url(../img/entry_comment.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:40px;
	left:50px;
	top:10px;
	position:absolute;
	text-align:center;
	width:70px;	
	padding-top:4px;
	}	
.entry_title .entry_comment span.count a{
	color:#000;
	_position:relative;
	_left:3px;
	}	
.entry_title .entry_comment span.count a:hover{
	text-decoration:none;
	}	
.entry_title .entry_comment span.comment{
	display:block;
	margin:10px 0 0 30px;
	font-size:11px;
	position:absolute;
	top:30px;
	left:50px;
}
.entry_title .entry_time{
	background-image:url(../img/icon_edit.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	float:left;
	clear:left;
	}
.entry_title .entry_category{
	background-image:url(../img/icon_folder.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	float:left;
	margin:0 0 0 40px;
}
.entry_title .entry_time a, .entry_title .entry_category a{
	text-decoration:underline;
	}
.entry_content{
	clear:both;
	color:#555;
	text-align: justify;
	width: 96%;
	padding-left: 2%;
	overflow: hidden;
	}
.entry_content ul li, .entry_content ol li, .entry_content dl dt{
	background-image:url(../img/icon_logo.gif);
	background-repeat:no-repeat;
	background-position:left 2px;
	padding:0 0 0 20px;
	list-style:none;
	margin:8px 0;
	}	
.entry_content img.photo, .entry_content img{
	margin: 0px 8px 8px 0px;
	padding: 8px;
	border: 1px solid #bbb;
	}
.entry_content ul.code, .entry_content ol.code, .comment_content ul.code, .comment_content ol.code{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px dashed #B0AB82;
	font-family:Courier;
	list-style-type:decimal-leading-zero;
	margin:20px 0;
	padding:3px 0 8px;
	background-color:#ffffdc;
	}	
.entry_content ul.code li, .entry_content ol.code li{
	background-image:none;
	border-bottom:1px solid #b0ab82;
	color:#8B946E;
	margin:0;
	padding:3px 5px 3px 8px;
	list-style-position:inside;
	list-style-type:decimal;
	}
.comment ol.commentbox .comment_content ol.code{
	width:560px;
	}	
.comment ol.commentbox .comment_content ul.code li, .comment ol.commentbox .comment_content ol.code li{
	background-image:none;
	
	color:#8B946E;
	margin:0;
	padding:3px 5px 3px 8px;
	list-style-position:inside;
	list-style-type:decimal;
	background-color:#ffffdc;
	_width:100%;
	}	
.code em {
	color:#FF6600;
	font-style:normal;
	font-weight:bold;
	}
.code .indent{
	padding-left:20px;
	}
.code .indent2 {
	padding-left:30px;
	}
	
.entry_bottom{
	padding:10px 0 0 0;
	height: 40px;
	}	
.entry .more{
	float:left;
	}
.entry .tag{
	float:right;
	font-size:11px;
	padding-right: 8px;
	}
.entry .tag a{
	text-decoration: underline;
	}	
.entry .tag img{
	vertical-align:middle;
}
.entry .share{
	float:right;
	margin:0 20px 0 20px;
}

.sidebar{
	float:right;
	width:260px;
	padding:0 0 60px;
	}
.sidebar2{
	width:280px;
	float:left;
	}	
.sidebar3{
	width:317px;
	}	
.sidebar .box, .comment{
	clear:both; 
	margin:0 0 35px; 
	display:table;
	width:100%;
	}	
	
.replycomment{
	clear:both; 
	margin:0 0 35px; 
	display:table;
	/*width:97%;*/       /* Rio edit on 20090909 */
}

.sidebar .box ul{
	clear:both;
}
.sidebar .subscribe-rss{
	margin:10px 0 25px 0;
	display:block;
	}
.sidebar h5, .comment h5, .Portfolio h5{
	font-size:16px;
	background-color:#fff;
	float:left;
	/*padding-right:16px;*/
	width:100%;
	margin:8px 0 10px;	
	background-image:url(../img/sidebar_title_bg.gif);
	/*background-position:right 17px;
	_background-position:right 16px;*/ /* Rio change on2090908  */
	background-repeat:no-repeat;
	background-position:right center;
	line-height:normal;
	padding:0;
	}
.sidebar h5 span, .comment h5 span, .Portfolio h5 span{
	background-color:#fff;
	background-image:url(../img/box_title.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:25px;
	/*line-height:21px;
	 _line-height:18px;*/  /* Rio change on2090908  */
	}
	
/*	.Portfolio h5 span{
	background-color:#fff;
	background-image:url(../img/box_title.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:25px;
	line-height:21px;
	_line-height:23px;
	}*/
/*.CN .sidebar h5 span, .CN .comment h5 span{
	line-height:22px;
	_line-height:19px;
	} 	
.CN .Portfolio h5 span{
	line-height:22px;
	_line-height:23px;
	}	
.CN .Client h5{
	background-position:right center;

	}	
.CN .Client h5 span, .CN .Client h5{
	background-position:right center;
	}	*/
/* Rio change on2090908 */
/*.sidebar h5 span, .replycomment h5 span{
	line-height:22px;  
	_line-height:19px;
}*/

html*.sidebar h5 span, html*.comment h5 span, html*.replycomment h5 span, html*.Portfolio h5 span{
	/*background-position:right 8px; SOFARI*/
	}	
.sidebar h5 span.grey, .comment h5 span.grey, .replycomment h5 span.grey, .Portfolio h5 span.grey, h4 span.grey{
	color:#6c6c6c;
	background:none;
	padding:0;
	}
/*.sidebar h5 span img, .comment h5 span img, .replycomment h5 span img, .Portfolio h5 span img{
	vertical-align:4px;
	_vertical-align:3px;
	}*/
.sidebar2 h5{
	margin:-16px 0 10px; 
	position:relative;
	}	
.TagCloud ul, .BlogCategory ul{
	margin:0;
	padding:0;
	}	
.TagCloud ul li{
	border-right:1px dotted #ccc;
	list-style:none;
	float:left;
	padding:0px 5px;
	margin:5px 0;
	}	
.BlogCategory ul li{
	float:left;
	width:90%;
	background-image:url(../img/icon_folder.gif);
	background-repeat:no-repeat;
	list-style:none;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
}
.year_list{
	margin:0 0 15px;
	clear:both;
	overflow:auto;
	}
.BlogArchive .year{
	background-color:#fffcd3;
	float:left;
	padding:12px 8px;
	font-size:14px;
	font-weight:bold;	
	}
.sidebar .BlogArchive ul{
	width:80%;
	float:left;
	clear:none;
	padding-top:0px;
	}	
.BlogArchive ul li{
	float:left;
	background-repeat:no-repeat;
	list-style:none;
	margin:0px 0px 2px 12px;
	font-size:12px;
}	
.WeLove a img{
	margin:0 10px 10px 0;
	
	}

.comment ol.commentbox{
	clear:both;
	width:100%;
	}	
.comment ol.commentbox li.member{
	background-color:#fffcd2;
	}
.comment ol.commentbox li{
	position:relative;
	list-style:none;
	background-color:#ededed;
	padding:10px 10px;
	overflow-y:auto;
	_float:left;
	}	
.comment ol.commentbox li a.name{
	font-size:14px;
	color:#000;
	font-weight:bold;
	}	
.comment ol.commentbox li .comment_author{
	float:left;
	margin:0 15px 0 0;
	}
.comment ol.commentbox li .comment_author a img, .replycomment .comment_post .comment_author a img{
	border:1px #ffcc33 solid;
	}
.comment ol.commentbox li .date{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.comment ol.commentbox li .comment_content{
	width:580px;
	display:table;
	float:left;
	}
.comment ol.commentbox li .comment_content p{
	clear:both;
	}		
.replycomment .comment_post{
	clear:both;
	width:100%;
	}
	
.replycomment .comment_post p{
	clear:both;
	width:100%;
}
.replycomment .comment_post .comment_author{
	float:left;
	margin:0 0px 0 10px!important;
	margin:0 0px 0 5px;
	width:100px;
	}
.replycomment .comment_post .comment_author a img{
	margin:0 0 5px 0;
	}
.replycomment .comment_post .change_pic{
	font-size:11px;
	text-decoration:underline;
	color:#555;
	}	
.replycomment .comment_post .comment_post_r{
	width:580px;
	float:right;
	color:#000;
	}	
.replycomment .comment_post .comment_post_r .comment_input1{
	width:32%;
	float:left;
	margin-right:13px!important;
	margin-right:8px;
	}	
.replycomment .comment_post .comment_post_r .comment_input2{
	float:right;
	}	
.replycomment .comment_post .comment_post_r .comment_input1 input, .replycomment .comment_post .comment_post_r .comment_input2 input{
	width:176px;
	margin-top:3px;
	}
.replycomment .comment_post .comment_post_r font{
	color:#ff0000;
	}
.replycomment .comment_post .comment_post_r small{
	font-size:11px;
	color:#555;
	font-weight:normal;
	}
.replycomment .comment_post .comment_post_r textarea{
	width:576px;
	height:120px;
	margin-top:3px;
	}
.replycomment .comment_post .comment_post_r div{
	margin:0 0 10px 0;
	}	

/* ================================= button ================================= */
a.button_view, a.button_visit{
	width:auto;
	display:block;
	height:35px;
	background-image:url(../img/button_view_left.gif);
	background-repeat:no-repeat;
	float:left;
	font-weight:bold;
	}
a.button_view span, a.button_visit span{
	display:block;
	margin:0 0 0 24px!important;
	margin:0 0 0 12px;
	background-position:right top;
	background-repeat:no-repeat;
	height:26px;
	padding:9px 15px 0 5px;
	cursor:pointer;
	float:left;
	}	
a.button_view:hover, a.button_visit:hover{
	text-decoration:none;
	}
a.button_view{
	background-image:url(../img/button_view_left.gif);
	}	
a.button_visit{
	background-image:url(../img/button_visit_left.gif);
	}
a.button_view span{
	background-image:url(../img/button_view_right.gif);
	}	
a.button_visit span{
	background-image:url(../img/button_visit_right.gif);
	}	

.insight{
	float:left;
	margin:0 0 40px 0;
	position: relative;
	}
.insight_margin{
	margin:0 10px 0 0;
	}	
.insight .insight_header{
	background-image:url(../img/insight_box_top.gif);
	width:344px;
	height:9px;
	font-size:0;
	}
.insight .insight_mid{
	background-image:url(../img/insight_box_mid.gif);
	width:344px;
	}	
.insight .insight_bottom{
	background-image:url(../img/insight_box_bottom.gif);
	width:344px;
	height:12px;
	font-size:0;
	}		
.insight .insight_box{
	background-image:url(../img/insight_box_bg.gif);
	background-repeat:repeat-x;
	margin:0px 15px 0 11px;
	padding:15px 15px;
	height:210px; /* make all box the same */
	overflow:hidden;
	}
.insight .insight_tack{
	position:absolute;
	right:6px;
	top:-11px;
	}	
	
.insight_note{
	overflow: hidden;
	height: 168px;
}

.insight .insight_box h2{
	font-size:21px;
	margin:0 0 5px 0;
	}
.insight .insight_box p{
	padding:0px 0px 8px 0px;
}
.insight .insight_box h2 a:link, .insight .insight_box h2 a:visited{
	color:#000;
	line-height: 25px;
	}	
.insight .insight_box h2 a:hover{
	color:#5D2C00;
	line-height: 25px;
	}
.insight .insight_box .guide{
	color:#5D2C00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.chapter_catalog{
float:left;
	border-top:1px #ddd dotted;
	border-bottom:1px #ddd dotted;
	padding:8px 0px;
	}	
.chapter_catalog ul{
	padding:5px 0;
	}	
.chapter_catalog ul li{
	list-style:none;
	clear:both;
	/*padding:8px 0!important;
	padding:4px 0;*/
	}
.chapter_catalog ul li.chapter{
	font-size:14px;
	color:#000;
	font-weight:bold;
	float:left;
	background-image:url(../img/icon_chapter.gif);
	background-position: 0px 6px;
	background-repeat:no-repeat;
	padding:4px 0 4px 25px;
	}	
.chapter_catalog ul li.chapter_sub{
	background-image:url(../img/dash.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	font-size:12px;
	color:#555;
	font-weight:bold;
	padding:2px 0 2px 10px;
	line-height:16px;
	margin-left: 16px;
	_margin-left: 0px;
	}	

	
.chapter_catalog ul li.chapter_sub a{
	color:#555;
	}
	/*
.chapter_catalog ul li .title{
	font-size:15px;
	color:#000;
	font-weight:bold;
	width:80%;
	float:left;
	}
.chapter_catalog ul li .title a{
	
	}	
.chapter_catalog ul li .sub{
	font-size:13px;
	color:#555;
	font-weight:bold;
	}		*/
.other_insights li{
	list-style:none;
	border-bottom:1px #ddd dotted;
	background-image:url(../img/icon_insight.gif);
	background-repeat:no-repeat;
	background-position:left 12px;
	padding:8px 0 8px 25px;
	}
.other_insights li a:link, .other_insights li a:visited{
	color:#333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
.box small{
	color:#888;
	font-size:11px;
	}	
.box small.chapter{
	width:20%;
	float:left;
	}
.box small.title{
	width:80%;
	float:left;
	}	
	
/* ========================= Gennie Changed slider_box & banner 24 March 2010 ===============*/

.banner .slider_box ul.slider{
	padding:0;
	margin:0;
	width:995px;
	height: 275px;
	overflow:hidden;
	float:left;
	z-index:20000;
}

.slider li.tab1 .background{
	background:url(../img/banner_bg1.jpg) no-repeat 0 0;
	background-position: top left;
	width:995px;
	height:275px;
}

.slider li.tab2 .background{
	background:url(../img/banner_bg2.jpg) no-repeat 0 0;
	background-position: top left;
	width:995px;
	height:275px;
}

.slider li.tab3 .background{
	background:url(../img/banner_bg3.jpg) no-repeat 0 0;
	background-position: top left;
	width:995px;
	height:275px;
}

.slider li.tab1 .content, .slider li.tab2 .content, .slider li.tab3 .content{
	padding: 57px 0 0 335px;
	float: left;
	width:995px;
	clear:left;
}

.slider li.tab1 .content .point, .slider li.tab2 .content .point, .slider li.tab3 .content .point{
	padding-top: 12px;
}

.slider li.tab1 .content .point img, .slider li.tab2 .content .point img, .slider li.tab3 .content .point img{
	background:url(../img/bn_tick.gif) no-repeat scroll 0 0;
	padding: 0 0 2px 30px;
	margin-top: 4px;
	vertical-align:middle;
	border:0px solid green;
}

.slider li a{
	background:url(../img/learn_more_btn.gif);
	margin-top: 10px;
	width:140px;
	height:36px;
	display:block;
	text-indent:-9999px;
}

.slider li a:active, .slider li a:visited, .slider li a:link{
	background-position: 0 0;
}

.slider li a:hover{
	background-position: 0 -36px;
}

/* ================================= slider_box & banner ================================= */


.slider_box {
	margin:0 0;
	padding:0;
	overflow: hidden;  /* width:982px is removed */
	position:relative;
	/*height:220px;*/
	}
.slider {
	positon: absolute;
	width:3000px;
	}
.slider ul{
list-style-type:none;
}

.slider li{
	display:inline; 
	float: left;
	list-style-type:none;
	}
.slider2 {
	positon: absolute;
	width:800px;
	}
.slider2 li{
	display:inline; 
	float: left;	
	}

.banner .num {
	left:885px;
	position:absolute;
	top:155px;
	z-index:3000000;
}
/*.banner .num li{
	border:1px #ccc solid;
	border-top:0;
	padding:4px 8px;
	float:left;
	margin:0px 0px 0 8px;
	cursor:pointer;
	color:#a7a7a7;
	text-align:center;
	background-color:#fff;
	font-weight:bold;
}
.banner .num li.on {
	border:1px #000 solid;
	color:#fff;
	background-color:#000;	
}*/

.banner .num span{
	border:1px #ccc solid;
	padding:4px 8px;
	float:left;
	margin:0px 0px 0 8px;
	cursor:pointer;
	color:#a7a7a7;
	text-align:center;
	background-color:#fff;
	overflow: hidden; 
	font-weight:bold;
}
.banner .num span.on {
	border:1px white solid;
	color:#fff;
	background-color:#FFD625;
	font-size:1.2em;
}


/* end number on the slide show */	
.slider li.tab1, .slider li.tab2, .slider li.tab3{
	width:995px;
	height:275px;
	display:block;
	}
.slide_box2{
	height:auto;/* do not fix the height here */
	width:100%;
	clear:both;
	margin-bottom:40px;
	}
.slider2 a.view-more{
	float:left;
	}	
.slider2 li.tab1, .slider2 li.tab2, .slider2 li.tab3{
	width:256px;
	height:auto; /* do not fix the height here */
	display:block;
	margin:0 6px 0 0;
	}
.slide_box2 .num{
	top:175px;
	}
.slide_box2 .num li{
	background-color:#c8c8c8;
	border:0;
	color:#656565;
	margin:0 0 0 5px;
	padding:2px 5px;
	}		
.slide_box2 .num li.on{
	background-color:#ffd625;
	color:#000;
	}
.slide_box2 li img{
	border:2px #ccc solid;
	padding:1px;
	margin:0 0 5px 0;
	}	
.slide_box2 li .title{
	color:#000;
	font-size:14px;
	font-weight:bold;
	}	
.slide_box2 li a.viewall{
	font-size:11px;
	}	

/*.slider .tab2 {
	background: url(../images/banner_2_bg.jpg) repeat-x left top;
}*/
	
.banner_right h2{
	color: #0e9300;
	margin: 0;
	padding: 0px;
	}
	
/*.slider .tab3 {
	background: url(../img/banner_3_bg.jpg) repeat-x left top;
}
*/
.slider .tab3 .banner_right h2{
	color: #b20058;
	}
.slider .tab3 .banner_right h6{
font-size: 12px;
line-height: 18px;
font-weight: normal;
margin-top: -8px;
padding-left:100px;
color: #222;
}

.slider .tab3 .banner_right h6 a{
text-decoration: underline;
}
	
blockquote {
	background: url(../img/blockquote_finish.gif) no-repeat right bottom;
	/*padding-left: 18px;*/
	padding-top:10px;
	/*text-indent: -18px;*/
	font-size:12px;
	margin:0 0 10px 0;
	color:#888;
	}
/*	
blockquote:first-letter {
	background: url(../img/open-quote.gif) no-repeat left top;
	padding-left:18px;
	
	}
*/

.banner{
	/*background-image:url(../img/banner_bg.gif);*/
	/*
	background-repeat:no-repeat;
	height:247px;
	width:100%;
	margin:0 0 25px 0;
	*/
	background-repeat:no-repeat;
	height:290px;
	margin:0;
	width:100%;
	}
.banner_left{
	position:relative;
	left:10px;
	top:40px;
	float:left;
	}	
.banner_right{
	position:relative;
	top:40px;
	right:70px;
	width:570px;
	float:right;

	}	
.banner_right h1{
	color:#000;
	font-size:29px;
	background-image:none;
	padding:0;
	line-height: 38px;
	}		
.banner_right h2{
	color:#ff7800;
	font-size:16px;
	}	
.banner_right .detail{
	background-image:url(../img/banner_1_rbg.gif);
	background-position:left center;
	background-repeat:no-repeat;
	background-color:transparent;
	width:82%;
	height:77px;
	margin:10px 0 5px 0;
	display:block;
	text-align:left;
	border-top:1px #ccc dotted;
	padding:5px 0 0 0;
	}
	
	.banner_right .detail2{
	background-image:url(../img/banner_2_rbg.gif);
	background-position:left center;
	background-repeat:no-repeat;
	background-color:transparent;
	width:82%;
	height:90px;
	margin:10px 0 5px 0;
	display:block;
	text-align:left;
	border-top:1px #ccc dotted;
	padding:5px 0 0 0;
	}
	
.banner_right .detail img, .banner_right .detail2 img{
	float:left;
	}
.banner_right .detail h3, .banner_right .detail2 h3{
	width:75%;
	float:right;
	padding:15px 20px 0 0;
	font-size:13px;
	color:#555555;
	}	
.banner_right a.viewall, .banner_right a.viewall_2, .banner_right a.viewall_3{
	font-weight:bold;
	text-decoration:underline;
	color:#000;
	margin:0 20px 0 0;
	}
	
.award{
position: absolute;
top: 30px;
right: 8px;
z-index:10000;
}

.banner3{
margin-top: -30px;
}

.twitter_feed{
	background-image:url(../img/icon_bird.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	width:275px;  /* Rio change on 20090908 */
	height:65px;
	position:absolute;
	right:-50px;
	top:23px;
	text-align:right;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#9e9e9e;
	padding-right:80px;
	}

.twitter_feed li{
	overflow:hidden;
	list-style-type:none;
}
.twitter_feed li span{
width: 200px;
}

.Homepage p{
	clear:both;
	width: 97%;
	text-align: justify;
	padding-bottom: 8px;
}

.Homepage h4{
	clear: all;
	float: left;
	width: 86%;
	line-height:20px;
	padding-bottom: 6px;
	font-size:18px;
}	
.Homepage a.viewall{
	margin:-10px 0 0 0;
	}	
.meet-up{
	display:block;
	margin:0 0 25px;
	}	
a.viewall, a.viewall:hover{
	background-image:url(../img/orange_arrow.gif);
	padding:0 0px 0 13px;
	background-repeat:no-repeat;
	background-position:left center;
	}
a.viewall_2, a.viewall_2:hover{
	background-image:url(../img/green_arrow.gif);
	padding:0 0px 0 13px;
	background-repeat:no-repeat;
	background-position:left center;
	}
a.viewall_3, a.viewall_3:hover{
	background-image:url(../img/purple_arrow.gif);
	padding:0 0px 0 13px;
	background-repeat:no-repeat;
	background-position:left center;
}
.upclose .upclose_img img{
	border:2px #ccc solid;
	padding:1px;
	}	
.upclose .upclose_title{
	color:#000;
	margin:5px 0;
	display:block;
	}
.upclose ul{
	position:relative;
	padding:0;
	}	
.upclose ul li, .insight_commend ul li{
	border-bottom:1px #ccc dotted;
	list-style:none;
	padding:5px 0 10px 0;
	clear:both;
	position:relative;
	line-height:18px;
	font-size: 11px;
	display: block;
	}	
.upclose ul li a, .upclose, .upclose a{
	font-size:11px;
	}
.upclose ul li .comment_count, .insight_commend ul li .comment_count{
	background-image:url(../img/icon_comment.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 14px;
	position:absolute;
	right:0;
	}	
	

/* ========================== Gennie Changed Clients Logo 24 March 2010 ============== */

.clients_list ul li a:active img, .clients_list ul li a:link img, .clients_list ul li a:visited img{
	opacity:0.7;
	filter:alpha(opacity='70'); !Important /******** specially for IE *********/
}

.clients_list ul li a:hover img, .clients_list ul li a.hover img{
	opacity:1;
	filter:alpha(opacity='100');

} 

/* ========================== Clients We Worked With ============== */	
	
.clients_list{
	margin:0 0 25px 0;
	display:inline;
	}	
.clients_list ul{
	clear:both;
	margin:0px -25px 15px 0; 
	display:block;
	padding:2px 0px 8px 0px;
	}	
.clients_list ul li{
	list-style:none;
	float:left;
	padding: 10px 18px 10px 0px;
	height:60px;
	}	
.clients_list ul li img{
	vertical-align:bottom;
	}
.meetus_box_1{
	border:1px #ccc solid;
	border-top:3px #ffd625 solid;
	margin-top:40px;
	margin-bottom:50px;
	width:255px;
	float:left;
	padding:5px 0 2px 0;
	}	
.meetus_box_1 h4{
	margin:0 0 0 10px;
	}	
.meetus_box_2{
	border:1px #ccc solid;
	border-top:3px #ffd625 solid;
	margin-top:40px;
	margin-bottom:50px;

	width:410px;
	float:right;
	padding:5px 0px 2px 10px;
	height:124px;
	overflow:hidden;
	}

.meetus_box_2 .left{
	width:70%;
	}	
.meetus_box_2 .right{
	width:40%;
	text-align:right;
	}	
.meetus_box_2 .name{
	font-weight:bold;
	font-size:14px;
	}	
.meetus_box_2 p{
	clear:left;
	padding:0;
	text-align:left;
}

.insight_commend{
	display: block;
}

.head_title{
	display:block;
	padding-top:10px;
}

.insight_commend ul {
float:left;
}

.insight_commend ul li.latest{
height: auto;
min-height: 160px;
border: 0px;
border-bottom:1px dotted #CCCCCC;
float:left;
	}	
.insight_commend ul li.latest a img{
	border:2px #ccc solid;
	float: left;
	}	
.insight_commend ul li.latest .title{
	width:100%;
	display:block;
	margin:0 0 10px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	}	
.insight_commend ul li.latest .des{
	width:60%;
	float:right;
	}	
.insight_commend ul li.latest .comment_count{
	bottom:5px;
	right:0;
	}	

/* ================================= Project details page ================================= */
a.website-link{
	font-size:18px;
	font-weight:bold;
	margin:25px 0 15px 0;
	float:left; 
	position:relative; 
	z-index:1000;
	}
a.book-mark{	
	padding:27px 0 15px 15px;
	float:left;
	position:relative; 
	z-index:1000;
	}	
.project-detail-info{
	background-image: url(../img/project_detail_info_bg.gif);
	background-repeat:no-repeat;
	/*height:100px;*/
	padding:18px 20px 5px 20px;
	clear:both;
	position:relative; 
	width:620px;
	overflow:auto;
	}

.project-detail-info ul{
	clear:both; 
	}	
.project-detail-info ul li{
	list-style:none;
	margin:0 0 5px 0;
	overflow:auto;
	font-weight:bold;
	}	
.project-detail-info .project-info-title{
	color:#555;
	line-height:18px;
	float:left;
	width:15%; 
	position:relative; 
	z-index:1;
	}		
.project-detail-info .project-info-description{
	float:left;
	width:80%;
	line-height:18px;
	position:relative; 
	z-index:1;
	}	
.project-detail-info .project-info-description .project-status{
	color:#068a00;
	}
.project-detail-info .project-info-description a{
	font-weight:normal;
	text-decoration:underline;
	}	
.project-detail-info-bottom{
	background-image:url(../img/project_detail_info_bg_bottom.gif);
	background-repeat:no-repeat;
	height:20px;
	padding:20px;
	clear:both;
	margin:20px 0 0 0;
	}	
.project-detail-info-bottom .letus-know{
	color:#845d33;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	float:left;
	}
.button-letusknow{
	background-image:url(../img/button_project_bottom.gif);
	background-repeat: no-repeat;
	width:88px;
	height:14px;
	float:left;
	font-weight:bold;
	padding:10px 5px 10px 30px;
	}	
.project-detail-info-bottom .button-letusknow, .questions .button-letusknow{
	float:right;
	padding:10px 5px 10px 30px;
	margin:0 25px 0 0;
	}		
.Project h4{
	font-size:18px;
	}	
.Project p{
	width:650px;
	text-align: justify;
	}
	/**/
.Project .project-detail-info p{
	width:auto;
	}
	
.Project ul li p{
	width:auto;
	}	
.sidebar .screen2 img{
	border:2px #E0E0E0 solid;
	margin:0 0 45px 0;
	_margin:0 0 41px 0;
	}	
.related-project ul, .insight_commend ul{
	padding:0;
	}	
.related-project ul li{
	list-style:none;
	clear:both;
	margin:0 0 15px 0;
	/*float:left; */
	display:table;
	width:100%;
	}	
	
.related-project ul li .desc{
width: 150px;
float:left;
}

.related-project ul li .project-screenshot img{
	border:2px #ccc solid;
	float:left;
	}
.related-project ul li .project-name{
	font-weight:bold;
	font-size:16px;
	float:left;
	/*width:65%;*/	
	color:#000;
	padding-left:18px;
	display:block;
	width: 150px;
	}
.related-project ul li .projcet-description{
	float:left;
	font-size:11px;
	color:#5d2c00;
	padding-left:18px;
	display:block;
	width: 150px;
	}

/* ================================= Client page ================================= */
.Client, .Service{
	width:100%;
	}
	
.Client a{
cursor: pointer;
}

.Client h5{
	font-size:18px;
	background-position:right center;
	/*background-position:right 9px;
	+background-position:right 7px;
	_background-position:right 10px;
	*background-position:right 9px;*/
	}
.CN .Client h5{
	font-size:18px;
	/*background-position:right 17px!important;*/
	background-position:right 9px;
	+background-position:right 8px;
	_background-position:right 11px;
	*background-position:right 11px;
	}	
.Client table.clents{
	width:100%;
	clear:both;
	margin:0 0 20px;
	}
.Client table.clents tr td{
	width:15%;
	text-align:center;
	vertical-align: middle;
	}
.Client table.clents tr.clents-name td{
	padding:0 0 45px;
	}
.project-info-logo{
	/*position: relative;
	right:60px;
	top:20px;*/ 
	position:relative; 
	z-index:1;
	background-color:#FFFFFF;
	display:table;
	float:left;
	margin:15px 15px 0 0;
	}
.project-info-logo img{
	border:1px #ccc solid;
	padding:0 10px;
	}	
.Client_details a.website-link{
	margin:5px 0 5px 0;
	}	
.Client_details a.book-mark{
	margin:10px 0 5px 15px;
	}	
.Client_details h5{
width: 660px;
}

.clients-website-link{
	margin:10px 0 0 0;
	display:table;
	float:left;
	}
.client-work-with{
	width:660px;
	}	
.client-work-with ul li{
	list-style:none;
	padding:5px 0;
	clear:both;
	position:relative;
	line-height:18px;
	margin:0 0 20px 0;
	}	
.client-work-with ul li.latest{
	overflow-y:auto;
	_float:left;
	_width:101%;
	}	
.client-work-with ul li.latest a img{
	border:2px #ccc solid;
	}	
.client-work-with ul li.latest .title{
	width:100%;
	display:block;
	margin:0 0 5px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	}	
.client-work-with ul li.latest .des{
	width:63%;
	float:left;
	margin:0 0 0 15px;
	text-align: justify;
	}		
.client-intro{
	color:#5d2c00;
	}	

/* ================================= Service page ================================= */
/*********** Service drop down ******/
.build-select{
	background:url(../img/build_select.gif) top right no-repeat;
	height:30px;
	margin-left:29px;
	overflow:hidden;
	position:absolute;
	top:110px;
	right:24%;
	width:360px;
	z-index:1000;
	
	}
.build-select ul{
	padding:0;
	width:90%;
	margin-left:2px;
	
	}	
.build-select li{
	color:#888888;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	height:27px;
	line-height:27px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px 0px 2px 8px;
	}
	


	
/***** end service drop down *********/ 	
/*********** Service drop down 2 ******/
.build-select2{
	//background:url(../img/build_select.gif) top left no-repeat;
	height:auto;
	margin-left:29px;
	overflow:hidden;
	position:absolute;
	right:24%;
	top:110px;
	width:360px;
	z-index:1000;
	
	}
.build-select2 ul{
	padding:0;
	width:91%;
	margin-left:0px;
	
	}	
.build-select2 li{
	color:#888888;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	height:27px;
	line-height:27px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:1px 6px;
	}
	
.build-select2 li a:link, .build-select2 li a:visited{
	color:#555;
	text-decoration:none;
	display:block;
	height:27px;
	line-height:27px;
	text-decoration:none;
}

.build-select2 ul{
	background:white;
	border: 1px solid #ddd;
	}	
	
.build-select2 li.activated a:link, .build-select2 li.activated a:visited, .build-select2 li.activated  a:hover, .build-select2 li.activated  a:active{
background-color:#FFF9E0;
color:#FF8A00;
display:block;
height:27px;
line-height:27px;
text-decoration:none;
padding-left: 5px;
}

.build-select2 li a:link, .build-select2 li a:visited{
	color:#555;
	text-decoration:none;
	display:block;
	height:27px;
	line-height:27px;
	text-decoration:none;
	padding-left: 3px;
}

.build-select2 li a:hover, .build-select2 li a:active{
	color:#ff8a00;
	text-decoration:none;
	padding-left: 3px;
}
/***** end service drop down *********/ 	
.service-content{
	margin:0px -40px 30px 0;
	float:left;
	}
.service-box{
	width:295px;
	float:left;
	background-image:url(../img/project_detail_info_bg.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding:20px 10px;
	margin:0 25px 0 0;
	}
	
.service-box a:link, .service-box a:visited{
	text-decoration:none;
}
.service-box a:hover, .service-box a:active{
	text-decoration:underline;
}

.service-box h2{
	font-size:22px;
	color:#333;
	font-family:"Arial", "Lucida Grande", sans-serif;
	position:relative;
	line-height: 25px;
	padding-bottom: 3px;
	}
.service-box h2 a.title:link, .service-box h2 a.title:visited{
	color:#333;
	}	
.service-box h2 a.title:hover{
	color:#5D2C00;
	}	
.service-box h2 a.view-more{
	display:inline-table!important;
	display:inline;
	float:none;
	}	
.service-box h2 a.view-more:hover, .service-box h2 a.view-more span:hover{
	text-decoration:underline;
	}	
.service-box h2 a.view-more span{
	float:none;
	}
.service-box p{
	color:#555;
	}	
.service-box h4{
	font-size:11px;
	padding-top: 10px;
	}	
.service-featured-projects{
	margin:0 0px 10px 0;
	width: 100%;
	}	
.service-featured-projects li{
	list-style:none;
	float:left;
	margin:0 10px 0 0;
	}	
.service-featured-projects li img{
	border:2px solid #CCCCCC;
	_float:left;
	}	

.client-say{
	font-style:italic;
	line-height:20px;
	color:#777;
	width:70%;
	float:left;
	}
.client-say img{
	margin:0 20px 20px 0;
	border:1px solid #CCCCCC;
	float:left;
	}	
.questions{
	background-image:url(../img/questions_bg.gif);
	width:253px;
	height:74px;
	padding:20px 20px 10px 20px;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#5d2c00;
	float:right;
	}	
.questions .button-letusknow{
	font-style:normal;
	font-size:12px;
	color:#000;
	margin:0;
	}	
	
	
.highlight{
	background-color:#ffc300;
	font-weight:bold;
	padding:0 3px;
	color:#000;
	}	
.Service-details{
	width:660px;
	margin-right:40px;
	}	
.Service-details ul.related-insight{
	padding:0;
	}	
.Service-details ul.related-insight li, .career ul.requiment li{
	margin:10px 0;
	color:#555;
	}
.service-info-left{
	margin:1px 0 0 0px; /***** Ling edit 28 March ******/ 
	float:left;
	}
.service-info-right{
	margin:15px 0 0 15px; /***** Ling edit 28 March ******/ 
	width:380px;
	float:left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}	
.services-desc{ /***** Ling edit 28 March ******/ 
	background-image:url(../img/grey_bg.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:auto;
	width: 635px;
	padding:22px 0px;
	float:left;
	display:block;
}	

.services-desc .image{ /***** Ling edit 28 March ******/ 
	float: left;
}

.services-desc .text{ /***** Ling edit 28 March ******/ 
	float: left;
	padding-left: 22px;
	line-height:20px;
	font-size:12px;
	width: 425px;
}

.service-title{
	font-size:30px;
	color:#333;
	background:none;
	padding:0;
	line-height:35px;
	}	
.service-subtitle{
	font-size:16px;
	color:#ff7800;
	line-height:20px;
	font-weight:normal;
	}	
	
.service-contact{
padding-top: 30px;
}

.service-contact h5{
	font-size:18px;
	}	
.service-contact .comment_post{
	background-color:#fffcd2;
	overflow:hidden;
	font-weight:bold;
	padding:15px 0px;
	}
.service-contact .comment_post .comment_post_r{
	float:none;
	margin-left:20px;
	}	
.service-contact .comment_post .enquire{
	font-style: italic;
	color:#845D33;
	margin-left:20px;
	}	
.view-more{
	background-image:url(../img/button_viewmore_left.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:17px;
	display: block;
	font-size:11px;
	float:right;
	margin:10px 0 0 0;
	}
.view-more span{
	background-image:url(../img/button_viewmore_right.gif);
	background-position:right top;
	height:17px;
	padding:0 8px 0 5px;
	margin:0 0 0 18px;
	float:left;
	cursor:pointer;
	line-height:16px;
	}	
.sidebar .related-client{
	margin-top:30px;
	}	
.related-client ul li{
	float:left;
	margin:0px 10px 8px 5px!important;
	margin:0px 5px 4px 5px;
	list-style:none;
	}	
.related-client ul li img{
	border:1px #ccc solid;
	}	
.related-project h4{
width: 150px;
	font-size:16px;
	padding:0;
	display:block;
	line-height: 25px;
	}
.related-project .featured{
	margin:0 0 10px; 
	}	
.related-project .featured img{
	padding:1px;
	border:2px #ccc solid;
	}	
.related-project blockquote{
	background:transparent url(../img/blockquote_finish.gif) no-repeat scroll right bottom;
	font-size:11px;
	margin:0 0 10px;
	padding-left:0px;
	padding-top:10px!important;
	padding-top:0px;
	font-style:italic;
	clear:both;
	}
.related-project ul.dotted{
	border-top:1px #ccc dotted;
	border-bottom:1px #ccc dotted;
	padding:15px 0 0 0;
	overflow-y:auto;
	_float:left;
	}	
.related-project a.view-more{
	font-size:11px;
	margin:5px 0 0;;
	}	


/* ================================= Career page ================================= */
.career{
	position:relative;
	padding:10px 0 15px;
	margin:0 0 10px; 
	}
.career h1{
	font-size:28px;
	margin:0 0 20px 18px;
	width:80%;
	}
.career h3{
	background-image:url(../img/icon_career_tick.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#5D2C00;
	font-size:20px;
	line-height:28px;
	margin:0 0 0 18px;
	padding:10px 0 0 40px;
	}
.career-list{
	background-image:url(../img/project_detail_info_bg.gif);
	background-repeat:no-repeat;
	width:95%;
	background-position:right top;
	font-size:11px;
	padding: 2%;
}
.career-list ul.title{
	font-weight:bold;
	padding:10px 0 0 0;
	}
.career-list ul li .date{
	width:20%;
	float:left;
	}	
.career-list ul li .job-name{
	width:55%;
	float:left;
	font-weight:bold;
	}	
.career-list ul li .job-name img{
	margin:0 5px 0 0;
	}	
.career-list ul li .location{
	width:25%;
	float:left;
	text-align:center;
	}	
.career-list ul{
	margin:0 0 0 20px;
	padding:5px 0;
	}	
.career-list ul li{
	list-style:none;
	display:table;
	width:100%;
	margin:3px 0;
	}	
.name-card{
	border-color:#FFD625 #CCCCCC #CCCCCC;
	border-style:solid;
	border-width:3px 1px 1px;
	float:right;
	padding:10px 0 10px 15px;
	position:relative;
	width:302px;
	}
.name-card h4{
	font-size:14px;
	padding:0;
	}	
.name-card .name {
	font-size:14px;
	font-weight:bold;
	}	
.name-card .left{
	width:58%;
	position:relative;
	z-index:100;
	}	
.name-card .right{
	position:absolute;
	right:0;
	bottom:2px;
	}
.name-card a.viewall{
	font-size:11px;
	}	
.career h5{
	font-size:12px;
	margin:20px 0 0 18px;
	}	
.left_col .career h5 p{
	margin:10px 0 0 0;
	padding:0;
	font-weight:normal;
	}	
.career ul.requiment{
	margin:0 0 0 18px;
	padding:0;
	}
.career .date{
	position: absolute;
	top:25px;
	right:15px;
	color:#555;
	}
.career .location{
	position: absolute;
	top:42px;
	right:15px;
	color:#555;
	}		

.Overview_loading{display:none;}

blockquote p{
	background:transparent url(../img/blockquote_start.gif) no-repeat scroll left top;
	padding:0 0 0 20px;
	color:#888;
}	

.right_col blockquote p {
background:transparent url(../img/quote_open.gif) no-repeat scroll left top;
color:#4D2400;
padding-left:25px;
}

.entry_content ul li, .entry_content ol li, .entry_content dl dt, .Service-details ul.related-insight li, .career ul.requiment li {
background-image:url(../img/icon_logo.gif);
background-position:left 2px;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:8px 0;
padding:0 0 0 20px;
}

/******* validation.css ***********/

.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required, .comment_input2 input {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
.Overview h4, .Career h4{
color: #5D2C00;
font-weight: bold;
display:block;
padding-bottom: 0px;
font-size: 14px;
}
.Career h2{
padding-top: 8px;
}

/************* end validation.js *************/

/* ================ TY Inserted Feedback Tab ====================*/

.feedback{
	z-index: 100000;
	position:fixed;
	top:40%;
	right:0;
	float:right;
}

* html .feedback{
	position:absolute;
}

.feedback a.background{
	width:auto;
	height:147px;
	background:url(../img/feedback_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	cursor:pointer;
	cursor:hand;
	display:block;
	text-decoration:none;
}

.feedback a.background:link, .feedback a.background:visited, .feedback a.background:active{
	width:40px;
	overflow-y:hidden;
}

* div.feedback a.background:link, * div.feedback a.background:visited, * div.feedback a.background:active{
	overflow-x:hidden;
}

.feedback a.background:hover{
	width:265px;
}

.feedback .detail{
	padding: 15px 0 0 60px;
	background-image:none;
}

.feedback h1{
	color:#ffda0c;
	font-size:18px;
	font-weight:bold;
	padding-bottom:7px;
}
	
.feedback span{
	background:url(../img/arrow_gray.png) no-repeat;
	background-position: left center;
	display:inline-block;
	padding-left:12px;
	font-size:12px;
	font-weight:bold;
	color:#d7d7d7;
}

.feedback .button{
	height:25px;
	width:140px;
	margin-top:5px;
}