html{
	height:100%;
}

body{
	font-family: Lucida Sans Unicode, Arial;
	font-size:12px;
	height:100%;
	background: url(../img/bg-tile.jpg) repeat-x;
	margin:0;
	padding:0;
}

a img{
	border:0;
}

img{
	vertical-align:bottom;
}

h1{
	font-size:20px;
	font-weight:normal;
	color:#3A3838;
}

h2{
	font-size:14px;
	font-weight:normal;
	color:#037521;
}

h3{
	color:#000000;
	font-size:13px;
	margin:0;
	padding:0;
}

h5{	
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:normal;
	color:#767676;
}

.clear{
	clear:both;
	font-size:0px;
	height:0px;
}

.fl{
	float:left;
}

.fr{
	float:right;
}

.w100pc{
	width: 100%;
}

.w100px{
	width:100px;
}

.w200px{
	width:200px;
}

.w300px{
	width:300px;
}

.ml10px{
	margin-left:10px;
}

.ml20px{
	margin-left:20px;
}

.ml30px{
	margin-left:30px;
}

.mt3px{
	margin-top:3px;
}

.greenfont{
	color:#239f31;
}

.orangefont{
	color:#f96a39;
}

.blackfont{
	color:#000000;
}

.uppercase{
	text-transform:uppercase;
}

#cByIndustry { 
	float: left;
	width: 101px;
	height: 19px;
	background: transparent url(../img/by-industry.gif) no-repeat 0 -19px; 
	margin-right:4px;
}
#cByIndustry a { 
	width: 101px;
	background: transparent url(../img/by-industry.gif) no-repeat left top; 
	float: left;
	text-indent: -1000em;
	height: 19px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}

#cByIndustry a:hover{
	float: left;
	background-image: none;
	border-bottom: 0;
}

#cByIndustry a.active, #cByIndustry a:hover.active { 
	float: left;
	width: 101px;
	height: 19px;
	background: transparent url(../img/by-industry.gif) no-repeat 0 -19px; 
}

#cByService { 
	float: left;
	width: 138px;
	height: 19px;
	background: transparent url(../img/by-type-of-service.gif) no-repeat 0 -19px; 
	margin-right:4px;
}
#cByService a { 
	width: 138px;
	background: transparent url(../img/by-type-of-service.gif) no-repeat left top; 
	float: left;
	text-indent: -1000em;
	height: 19px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}

#cByService a:hover{
	float: left;
	background-image: none;
	border-bottom: 0;
}

#cByService a.active, #cByService a:hover.active { 
	float: left;
	width: 138px;
	height: 19px;
	background: transparent url(../img/by-type-of-service.gif) no-repeat 0 -19px; 
}

#cViewAll { 
	float: left;
	width: 131px;
	height: 19px;
	background: transparent url(../img/view-all-clients.gif) no-repeat 0 -19px; 
}
#cViewAll a { 
	width: 131px;
	background: transparent url(../img/view-all-clients.gif) no-repeat left top; 
	float: left;
	text-indent: -1000em;
	height: 19px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}

#cViewAll a:hover{
	float: left;
	background-image: none;
	border-bottom: 0;
}

#cViewAll a.active, #cViewAll a:hover.active { 
	float: left;
	width: 131px;
	height: 19px;
	background: transparent url(../img/view-all-clients.gif) no-repeat 0 -19px; 
}

#cByWebDesign { 
	float: left;
	width: 95px;
	height: 19px;
	background: transparent url(../img/by-web-design.gif) no-repeat 0 -19px; 
	margin-right:4px;
}
#cByWebDesign a { 
	width: 95px;
	background: transparent url(../img/by-web-design.gif) no-repeat left top; 
	float: left;
	text-indent: -1000em;
	height: 19px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}

#cByWebDesign a:hover{
	float: left;
	background-image: none;
	border-bottom: 0;
}

#cByWebDesign a.active, #cByWebDesign a:hover.active { 
	float: left;
	width: 95px;
	height: 19px;
	background: transparent url(../img/by-web-design.gif) no-repeat 0 -19px; 
}

#cByECard { 
	float: left;
	width: 81px;
	height: 19px;
	background: transparent url(../img/by-ecards.gif) no-repeat 0 -19px; 
	margin-right:4px;
}
#cByECard a { 
	width: 81px;
	background: transparent url(../img/by-ecards.gif) no-repeat left top; 
	float: left;
	text-indent: -1000em;
	height: 19px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}

#cByECard a:hover{
	float: left;
	background-image: none;
	border-bottom: 0;
}

#cByECard a.active, #cByECard a:hover.active { 
	float: left;
	width: 69px;
	height: 19px;
	background: transparent url(../img/by-ecards.gif) no-repeat 0 -19px; 
}

#cByFlash { 
	float: left;
	width: 69px;
	height: 19px;
	background: transparent url(../img/by-flash.gif) no-repeat 0 -19px; 
	margin-right:4px;
}
#cByFlash a { 
	width: 81px;
	background: transparent url(../img/by-flash.gif) no-repeat left top; 
	float: left;
	text-indent: -1000em;
	height: 19px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}

#cByFlash a:hover{
	float: left;
	background-image: none;
	border-bottom: 0;
}

#cByFlash a.active, #cByFlash a:hover.active { 
	float: left;
	width: 69px;
	height: 19px;
	background: transparent url(../img/by-flash.gif) no-repeat 0 -19px; 
}

#cViewAllGallery { 
	float: left;
	width: 136px;
	height: 19px;
	background: transparent url(../img/by-view-gallery.gif) no-repeat 0 -19px; 
	margin-right:4px;
}
#cViewAllGallery a { 
	width: 136px;
	background: transparent url(../img/by-view-gallery.gif) no-repeat left top; 
	float: left;
	text-indent: -1000em;
	height: 19px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}

#cViewAllGallery a:hover{
	float: left;
	background-image: none;
	border-bottom: 0;
}

#cViewAllGallery a.active, #cViewAllGallery a:hover.active { 
	float: left;
	width: 136px;
	height: 19px;
	background: transparent url(../img/by-view-gallery.gif) no-repeat 0 -19px; 
}

/* == Layout == */
div#headerWrapper{
	width:1250px;
	height:125px;
}

div#headerWrapper .logo{
	margin-left:16px;
	vertical-align:bottom;
}

div#sideMenuWrapper{
	width:193px;
	float:left;
}

div#sideMenuWrapper .sideMenuItem{
	padding:8px;
	border:1px solid #E5E5E5;
	border-top:0;
	background:url(../img/side-nav-bg-tile.gif) repeat-x #FFFFFF;
	height:16px;
	font-size:13px;
}

div#sideMenuWrapper .sideMenuItemHover{
	padding:8px;
	border:1px solid #E5E5E5;
	border-top:0;
	border-bottom:0;
	background-color:#FFFFFF;
	height:16px;
	font-size:13px;
}

div#sideMenuWrapper .sideMenuItem a, .sideMenuItemHover a{
	color: #000000;	
	text-decoration: none;
}

div#sideMenuWrapper .sideMenuItem a:hover, .sideMenuItemHover a:hover{
	color: #037521;	
}

div#sideMenuWrapper .sideMenuSubWrapper{
	display:none;
	border:1px solid #E5E5E5;
	border-top:0;
	background:#FFFFFF;
}

div#sideMenuWrapper .sideMenuSubItem{
	min-height:27px;
	font-size:13px;
	border-top:1px solid #F1F1F1;
	border-right:5px solid #FFFFFF;
	width:150px;
	margin:auto;
	padding:10px 10px 10px 15px;
}

div#sideMenuWrapper .sideMenuSubItem img.icon{
	vertical-align:bottom;
	float:left;
	width:7px;
	margin:5px 5px 0px 0px;
}

div#sideMenuWrapper .sideMenuSubItem a{
	float:left;
	width:130px;
	color:#000000;
	text-decoration: none;
}

div#sideMenuWrapper .sideMenuSubItem a:hover{
	float:left;
	width:130px;
	color:#037521;
}

div#caseStudyWrapper{
	border:1px solid #e4e4e4;
	background:url(../img/case-study-bg.jpg) no-repeat bottom #FFFFFF;
	padding:18px;
}

div#caseStudyWrapper img{ 
	border:1px solid #eae9e9;
}

div#caseStudyWrapper .caseStudyTitle{
	font-size:13px;
}

div#caseStudyWrapper a{
	font-size:10px;
	color:#000000;
}

div.mainBackground{
	background:url(../img/page-body.jpg);
	width:1263px;
}

div.subBackground{
	background:url(../img/page-body.jpg) repeat-y;
}

div.subBackground_page{

}

div#mainWrapper{
	margin:0px 0px 0px 0px;	
	padding:14px 0px 0px 16px;
	width:1200px;
	background:url(../img/page-body-top.jpg) no-repeat left top;
}

div#mainWrapper_page{
	margin:0px 0px 0px 0px;	
	padding:14px 0px 0px 16px;
	width:1200px;
	background:url(../img/page-body-top-2.jpg) no-repeat left top;
}

div#contentWrapper{
	width: 754px;
	float: left;	
	margin: 0px 0px 0px 0px;
}

div#contentWrapper .contentRight{
	float:left;
	color:#000000;
	font-size:13px;
	border:1px solid #c0c0c0;
	width:468px;
	min-height:630px;
	padding:37px 37px 37px 37px;
	line-height:1.6em;
	background:#FFFFFF;
}

div#contentWrapper .contentRight a{
	color:#414141;
}

div#contentWrapper .contentRight a:hover{
	text-decoration: none;
}

div#contentWrapper .contentLeft{
	float:left;
	width:193px;
	margin-left:17px;
	font-size:11px;
	background:#FFFFFF;
}

div#contentWrapper .contentLeft a{
	color:#065C17;
	font-size: 10px;
}

div#contentWrapper .latestnews{
	color:#000000;
	font-size:11px;
	border:1px solid #c0c0c0;
	padding:20px;
	padding-bottom:0px !important;
}

div#contentWrapper .content{
	border:1px solid #bfbfbf;
	border-bottom:0px;
	width:752px;
	height: auto !important;
  height: 530px;
  min-height: 530px;
	background:#FFFFFF;
}

div#contentWrapper .content a{
	color:#048626;
}

div#contentWrapper .content ul{
	list-style-image: url(../img/content-bullet.png);
}

div#contentWrapper .breadcrumb{
	border-bottom:1px dotted #9c9c9c;
	padding:10px 10px 10px 40px;
	height:7px;
	line-height:7px;
}

div#contentWrapper .breadcrumb a{
	font-size:11px;
	color:#048626;
	text-decoration:none;
	text-transform: uppercase;
}

div#contentWrapper .contentText{
	padding:30px 40px 30px 40px;
	font-size:14px;
	color:#4D4D4D;
	line-height:1.6em;
}
div#contentWrapper .contentText_page{
	padding:30px 20px 30px 20px;
	font-size:14px;
	color:#4D4D4D;
	line-height:1.6em;
}

div.contentFooterWrapper{
	height:211px;
	background:url(../img/page-body-bottom.jpg) no-repeat;
}

div.contentFooterWrapper .footerBorder{
	border:1px solid #BFBFBF;
	border-top:0px;
	width:752px;
	background:#FFFFFF;
	margin:0px 0px 0px 228px;
	height:110px;
}

div.contentFooterWrapper .footerBorder-team{
	border:1px solid #BFBFBF;
	border-top:1px dotted #595959;
	width:702px;
	background:#FFFFFF;
	margin:0px 0px 0px 228px;
	height:90px;
	padding:10px 10px 10px 40px;
}

div.contentFooterWrapper .breadcrumb{
	
	height:7px;
	line-height:7px;
}

div.contentFooterWrapper .breadcrumb a{
	font-size:11px;
	color:#048626;
	text-decoration:none;
	text-transform: uppercase;
}

div.contentFooterWrapper .departmentCloud {
	font-family: Verdana;
	font-size: 14px;
	color: #21973c;
	line-height: 18px;
	width:450px;
	margin-top:5px;
}

div.contentFooterWrapper .departmentCloud a{

	color: #000000!important;
	text-decoration:none;
}

div.contentFooterWrapper .departmentCloud a:hover{

	color: #f96a39!important;
	text-decoration:underline;
}

div.contentFooterWrapper .departmentCloud a.orangeHover{
	color: #f96a39!important;
}

div.contentFooterWrapper .footerShadow {
	width:752px;
	margin:0px 0px 0px 228px;
}

div.clientCatWrapper{
	width:305px;
	margin-bottom: 35px;
}

div.clientCatWrapper ul{
	list-style-image: none !important;
	list-style-type:none !important;
	padding:20px 0px 0px 20px;
	margin:0px;
}

div#contentFooterWrapper_page{
	width:965px;
	background-image:url(../img/page-bottom-shadow.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:18px;
	padding:0px;
	margin:0px;
	margin-left:18px;
}

div#footerWrapper{
	width:1250px;
	height:184px;
	background:url(../img/footer-bg.jpg) no-repeat;
}

div#serviceListWrapper{
	padding:0px 0 0 59px;
	margin:0;
	height: 71px;
}

div#serviceListWrapper ul{
	margin:0 40px 0 0;
	padding:0;
	list-style:none;
	float:left;
	color:#767676;
	font-size:11px;	
}

div#serviceListWrapper ul li{
	padding:0 0 3px 0;
}

div#footerMenuWrapper {
	margin:0px 0 0 46px;
	padding:32px 0px 0px 0px;
	width:900px;
	font-size:11px;
	color:#727071;
	text-align:center;
	background:url(../img/footer-mxn-bg.gif) no-repeat;
}

div#footerMenuWrapper a{
	color:#048626;
	font-size:11px;
	text-decoration:none;
	text-transform: uppercase;
	padding:0 13px 0 13px;
}

div#copyrightWrapper{
	margin:0px 0 0 46px;
	width:900px;
	text-align:center;
	color:#727071;
	font-size:11px;
	padding:17px 0px 0px 0px;
}

div#petra{
	text-align:center;
}

div#petra .item{
	width:33%;
	float:left;
}

div#land {
	text-align:center;
}

div#land .item{
	width:33%;
	float:left;
}

div#infocomm{
	border-top:1px solid #E8EEE9;
	padding:20px 0;
}

div#infocomm .text{
	width:75%;
	float:left;
}

div#infocomm .image{
	width:20%;
	float:left;
	text-align:right
}

div.contact-singapore{
	width:40%;
	float:left;
	padding-left:50px;
}

div.contact-malaysia{
	width:40%;
	float:left;
}

div.profileFavorite{
	width:70%;
	float:left;
}

div.profileImage{
	width:25%;
	float:right;
}
/* == End of Layout == */

/* == Menu == */
#menuWrapper {
	height: 29px;
	font-size:12px;	
	font-weight:bold;
	margin: 0px 0px 0px 16px;
}

#nav, #nav ul {
	padding: 0;	
	margin:0;
	list-style: none;		
}

#nav li {
	float: left;
	height:29px;
	background: url(../img/nav-bg-tile.gif) repeat-x;
	border-right:1px solid #C9C9C9;
}

#nav li.mnLeft{
	width:91px;
	background: url(../img/nav-left.gif) no-repeat;
	border-left:0;
	text-align:center;
}

#nav li.mnLeft:hover, #nav li.mnLeft .sfhover, #nav li.mnLeft a.selected {
	background: url(../img/nav-mo-left.gif) repeat-x;
}

#nav li.mnRight{
	width:118px;
	background: url(../img/nav-right.gif) no-repeat;
	border-right:0;
	text-align:center;
}

#nav li.mnRight:hover, #nav li.mnRight .sfhover, #nav li.mnRight a.selected {
	background: url(../img/nav-mo-right.gif) repeat-x;
}

#nav li a {
	display: block;
	color: #626060 !important;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	padding: 0 15px;
	text-transform: uppercase;
}

#nav li:hover, #nav li.sfhover, #nav a.selected {
	background: url(../img/nav-mo-bg-tile.gif) repeat-x;
}

#nav li ul {
	position: absolute;
	left: -999em;	
	background: #fefefe;	
	background-image: none;
	border: 1px solid #e0e0e0;
	border-top:0;
	z-index:100;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li {
	clear: left;
	margin: 0;
	background-image: none;
	border:0;
	border-top: 1px solid #d3d3d3;
}

#nav li ul li a {
	display: block;
	width: 150px;
	height: 27px;
	color: #626060 !important;
	font-weight: normal;
	font-size: 12px;	
	line-height: 27px;
	margin: 0;
	border: 0;	
	text-decoration: none;
	border: 1px solid #FFFFFF;
	text-transform: none;	
}

#nav li ul li.break a, #nav li ul li.break a:hover {
  
}

#nav li ul li a:hover {
	background: #E7E6E6;
	height:27px;
	border: 1px solid #FFFFFF;
}

/* ## IE 6 Fix ## */
* html ul.nav iframe {
	position: absolute;
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/* ## End of IE 6 Fix ## */
/* == End of Menu == */

/* == Banner == */
div#slide-holder{
  width:735px;
  height:286px;
  position:absolute;
}

div#slide-runner{
	width:735px;
	height:286px;
	overflow:hidden;
	position:absolute;
}

div#slide-holder img{
	margin:0;
	display:none;
	position:absolute;
}

div#slide-controls{
	left:0;
	bottom:0px;
	width:735px;
	height:46px;
	display:none;
	position:absolute;
	background:url(images/slide-bg.png) 0 0;	
}

div#slide-controls p.text{
	float:left;
	color:#fff;
	display:inline;
	font-size:10px;
	margin:0px 0 0 20px;
}

div#slide-controls p.client{
	font-family: Lucida Sans Unicode, Arial;
	font-size: 18px;
	color:#048626;
	width:150px;
	height:100%;
}

div#slide-controls p.desc{
	font-size: 12px;
	color:#e4e4e4;
	width:370px;
	height:100%;
}

div#slide-controls p.desc a{
	font-family: Lucida Sans Unicode, Arial;
	font-size: 10px !important;
	color:#048626;
}

div#slide-controls p.desc a:hover{
	text-decoration:none;
}
 
div#slide-controls p#slide-nav{
	float:right;
	height:24px;
	display:inline;
	margin:0px 15px 0 0;
	padding:0 0 0 24px;
	border-left:1px solid #595858;
}

div#slide-controls p#slide-nav a{
	color:#FFFFFF;
	float:left;
	width:24px;
	height:24px;
	display:inline;
	font-size:11px;
	margin:0 5px 0 0;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-position:0 0;
	background-repeat:no-repeat;
}

div#slide-controls p#slide-nav a.on{
	color:#207E3D;
	background-image:url(../img/banner-nav-control-number-bg.png);
}
div#slide-controls p#slide-nav a{
	background-image:url(../img/banner-nav-control-number-bg.png);
}
/* == End of Banner == */




div.pagefooter{
	background-image:url(../img/page-body-bottom.jpg); 
	width:1314px; 
	height:328px;
	
}

/* New Team Area */
.departmentHead {
	height: 40px;
	background: url(../img/department-head.gif) no-repeat;
	margin: 0 -40px;
}

.departmentCloud {
	font-family: Verdana;
	font-size: 30px;
	color: #21973c;
	line-height: 32px;
}

.departmentCloud a{

	color: #000000!important;
	text-decoration:none;
}

.departmentCloud a:hover{

	color: #f96a39!important;
	text-decoration:underline;
}

.departmentCloud a.orangeHover{

	color: #f96a39!important;
	text-decoration:underline;
}

.teamBox{
	margin-top:60px;
}

.teamBox_left{
	float:left;
	width:400px;
}

.teamBox_right{
	float:right;
	margin-top:70px;
	width:211px;
}

.teamBox_right .nameBox_rightlink{
	border-bottom:1px solid #636363;
	height:72px;
	padding-top:10px;
	width:197px;
	cursor:pointer;
}

.teamBox_right .nameBox_rightlink_hover{
	background:url(../img/select-name-hover.gif) no-repeat;
	border-bottom:1px solid #636363;
	height:72px;
	padding-top:10px;
	width:197px;
	cursor:pointer;
}

.teamBox_right .nameBox_rightlink_title{
	font-size:18px;
	color:#a2a4a5;
	font-weight:bold;
}

.teamBox_right .nameBox_rightlink_desc{
	background:url(../img/bullet-dotted-black-2.gif) no-repeat;
	background-position:left top;
	padding-left:22px;
	text-transform:uppercase;
	line-height:1em;
	font-size:13px;
	height:33px;
	margin-top:8px;
}

.teamBox_picFrame{
	padding:12px 12px;
	background:url(../img/member-picture-frame.gif) no-repeat;
	width:211px;
	height:225px;
}

.teamBox .nameBox{
	background: url(../img/team-nameBox.gif) no-repeat;
	width:336px;
	height:59px;
	color:#0e923d;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
	padding-bottom:1px!important;
	
}

.teamBox .nameBox_desc{
	line-height:0.8em;
	font-size:13px;
	width:337px;
	text-transform:uppercase;
}

.teamBox .teamBox_desc{
	width:100%;
	border-top:1px solid #595959;
	margin-top:9px;
	font-size:13px;
}

.nameTitle{
	font-weight:bold;
}

#team_footer{
	border-top:1px dotted #595959;
}

/* New Team Area */

/* Gallery Area */
.galleryPicBox{
width:271px;
float:left;
}

.galleryPicBox .galleryPicBox_pic{
float:left;
background-image:url(../img/gallery-frame.gif);
background-repeat:no-repeat;
width:271px;
height:287px;
padding:14px 14px;
}

.galleryPicBox .galleryPicBox_desc{
float:left;
width:298px;

}

.galleryPicBox .galleryPicBox_descContent{
background-image:url(../img/gallery-descframe-bg.gif);
background-repeat:repeat-y;
padding:8px 20px;
line-height:1.1em;
font-size:13px;
}

.galleryTable td{
vertical-align:top;
line-height:0.8em;
}
/* Gallery Area */

div.clientCat
{
background-image:url(../img/bullet-dotted-black.jpg);
background-repeat:no-repeat;
height:32px;
padding-left:22px;
border-bottom:1px solid #636363;
width:283px;
color:#323232;
font-size:16px;
line-height:30px;
}


a.aMore:link,a.aMore:visited,a.aMore:active
{
font-size:12px;
color:#626060 !important;
text-decoration:underline;
padding:0px 0px 0px 0px;
line-height:14px;
}

a.aMore:hover
{
font-size:12px;
color:#000000 !important;
text-decoration:underline;
padding:0px 0px 0px 0px;
line-height:14px;
}

.fontGreen12
{
font-size:12px;
color:#037521;
padding-top:15px;
padding-bottom:15px;
 }
 
.divPIntro
{
line-height:16px;
font-size:12px;
}
 
.divLaunch
{
cursor:pointer;
background-image:url(../img/launch-website.jpg);
background-repeat:no-repeat;
background-position:right;
height:39px;
padding-right:55px;
line-height:40px;
}