body{
	background: url(../images/bg.jpg) repeat-x scroll 0 0 #FFFFFF;
}

/* COMMON */
.clearboth{ clear:both; }
.right{ float:right; }
.left{ float:left; }
.bold{ font-weight:bold; }
.bblue14{ font-weight:bold;color:#00628b;font-size:14px;font-family:Verdana;line-height:14px;letter-spacing:0px; }
.red { color:#f00; }

.container_wrapper{
	background:url(../images/shadow_bg.png) top left no-repeat;
	width:960px;
	min-height:668px;
	padding:0 32px;
	margin:0 auto;
}
.index_container{
	background:#fff url(../images/index_container.jpg) top left no-repeat;
	width:960px;
	min-height:668px;
	font-family:Arial;
}
.container{
	background:#fff url(../images/subpage_container.jpg) top left no-repeat;
	width:960px;
	min-height:668px;
	font-family:Arial;
}
#header{
	height:118px;
}

#home div{
	float:left;
	width:310px;
	height:105px;
	margin:13px 0 0 10px;
}

#menu { 
	float:right;
	list-style: none; 
	margin: 47px 10px 0 0;
	padding-left: 19px;
	font-family: arial;
	font-size: 12px;
	position: relative;
	background:url(../images/nav_bar.png) top left no-repeat;
	width:568px;
	height:34px;
}


/* CSS for each Parent Item */
#menu li {float: left; position: relative;margin-top:7px;}

#menu li a
{
	float: left;
	display: block;
	padding: 4px 4px 4px 9px;
	text-decoration: none;
	color: #40b3df;
	text-transform: uppercase;
	margin-right: 10px;
}

/* 
Change background color and font color 
of parent items when mouse hover 
*/
#menu li:hover a,
#menu li a:hover
{
	color: #fff;
	background: url(../images/navi_triangle.gif) 0px 6px no-repeat;
}

#menu li a.navi_active{
	color: #fff;
	background: url(../images/navi_triangle.gif) 0px 6px no-repeat;
}
#index_main_content
{
	padding:0 10px 0 20px;
}
#main_content{
	padding:0 10px 0 20px;
	color:#545454;
	font-size:13px;
}
.index_left{
	float:left;
	width:587px;
	margin-left:20px;
	margin:259px 0 0 0;
}
.index_right{
	float:right;
	width:311px;
	margin:259px 0 0 0;
}
.index_section{
	margin:0 0 30px 0;
}
.index_section_title{
	color:#a8cb17;
	font-size:24px;
	line-height:22px;
	border-bottom:2px solid #4583ae;
	background: url(../images/icon_leaf.gif) 569px 7px no-repeat;
	padding:0 0 10px 6px;
}
.index_section_title a{
	color:#a8cb17;
	font-size:24px;
	line-height:22px;
	text-decoration:none;
}

.index_section_content{
	margin-top:17px;
}
.index_section_content img{
	float:left;
}
.index_section_content div{
	width:355px;
	float:right;
	margin:5px 10px 0 0;
	color:#545454;
	font-size:12px;
	font-family:Verdana;
	line-height:15px;
}
.index_img_navi{
	margin-bottom:11px;
}
.index_icon_navi{
	float:right;
	margin-left:7px;
}
.subpage_left{
	float:left;
	width:657px;
	margin-left:20px;
	margin:154px 0 0 0;
	padding-bottom:50px;
	vertical-align:middle;
}
.subpage_right{
	float:right;
	width:242px;
	margin:380px 0 0 0;
	padding-bottom:50px;
}
.page_title{
	color:#a8cb17;
	font-size:24px;
	line-height:24px;
	background: url(../images/icon_leaf.gif) top right no-repeat;
	padding:0 27px 6px 6px;
	float:left;
}
.subpage_banner{
	width:657px;
	height:146px;
	margin-bottom:9px;
}
.banner_about{
	background: url(../images/subpage_banner_about.jpg) top left no-repeat;
}
.banner_vision{
	background: url(../images/subpage_banner_vision.jpg) top left no-repeat;
}
.banner_award{
	background: url(../images/subpage_banner_award.jpg) top left no-repeat;
}
.banner_license{
	background: url(../images/subpage_banner_license.jpg) top left no-repeat;
}
.banner_services{
	background: url(../images/subpage_banner_services.jpg) top left no-repeat;
}
.banner_csr{
	background: url(../images/subpage_banner_csr.jpg) top left no-repeat;
}
.banner_portfolio{
	background: url(../images/subpage_banner_portfolio.jpg) top left no-repeat;
}
.banner_download{
	background: url(../images/subpage_banner_download.jpg) top left no-repeat;
}
.banner_contact{
	background: url(../images/subpage_banner_contact.jpg) top left no-repeat;
}

/* Navigation of About Pages */
#navi_about{
	font-family:Verdana;
	padding:6px 0;
	border-top:1px solid #a8cb17;
	border-bottom:1px solid #a8cb17;
	margin-bottom:22px;
}
#navi_about div{
	float:left;
	padding:0;
	text-align:center;
	color:#a8cb17;
}
#navi_about > div > a{
	color:#a8cb17;
	text-decoration:none;
	font-size:12px;
	line-height:14px;
}
#navi_about > div > a:hover, #navi_about > div > a.active{
	color:#17649a;
	text-decoration:none;
	font-weight:bold;
}
#abt_overview{
	width:79px;
}
#abt_vnm{
	width:114px;
}
#abt_award{
	width:169px;
}
#abt_lna{
	width:148px;
	border:none !important;
}

/* About pages*/
.abt_section_title{
	font-family:Verdana;
	color:#17649a;
	font-size:18px;
	line-height:18px;
	margin-bottom:8px;
	vertical-align:middle;
}
.abt_content{
	line-height:16px;
	padding-left:7px;
}
.logo3d{
	width:205px;
	height:200px;
	margin-top:16px;
	background: url(../images/3rquest_3dlogo.jpg) center center no-repeat;
	float:right;
}
.about_1{
	width:654px;
	height:194px;
	margin:25px 0 25px 0;
	background: url(../images/about_1.jpg) center center no-repeat;
}
.about_2{
	width:650px;
	height:176px;
	margin:25px 0 45px 0;
	background: url(../images/about_2.jpg) center center no-repeat;
}
.about_3{
	width:168px;
	height:141px;
	background: url(../images/soba.jpg) center center no-repeat;
	float:right;
}
.about_4{
	width:144px;
	height:150px;
	background: url(../images/jasm.gif) bottom left no-repeat;
	float:right;
}
.about_5{
	width:168px;
	height:113px;
	background: url(../images/SIRIM-UKAS.jpg) center center no-repeat;
	float:left;
	margin-top:35px;
}
.about_6{
	width:168px;
	height:141px;
	background: url(../images/soba_2012.jpg) center center no-repeat;
	float:right;
}
.about_7{
	width:98px;
	height:125px;
	background: url(../images/logo_soba2011.jpg) center center no-repeat;
	float:right;
	margin:2px 100px 0 0;
}
.about_8{
	width:98px;
	height:125px;
	background: url(../images/logo_soba2012.jpg) center center no-repeat;
	float:right;
	margin:2px 100px 0 0;
}
.about_6a{
	width:168px;
	height:141px;
	background: url(../images/2014_business.jpg) center center no-repeat;
	float:right;
}
.about_8a{
	width:198px;
	height:125px;
	background: url(../images/2014_both.jpg) center center no-repeat;
	float:right;
	margin:0px 2px 0 0;
}
.about_6b{
	width:168px;
	height:141px;
	background: url(../images/2015_soba.jpg) center center no-repeat;
	float:right;
}
.about_8b{
	width:198px;
	height:125px;
	background: url(../images/2015_both.jpg) center center no-repeat;
	float:right;
	margin:0px 2px 0 0;
}
.about_6c{
	width:168px;
	height:141px;
	background: url(../images/2016_soba.jpg) center center no-repeat;
	float:right;
}
.about_8c{
	width:198px;
	height:125px;
	background: url(../images/2016_both.jpg) center center no-repeat;
	float:right;
	margin:0px 2px 0 0;
}
.photoTitle{
	font-family:Verdana;
	font-weight:bold;
	font-size:14px;
	color:#17649a;
	margin:25px 0;
}
.photoWrapper{
	margin-bottom:45px;
}
.photo{
	text-align:center;
	float:left;
	margin:0 20px;
	width:92px;
}
.photo img{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:2px solid #c1c1c1;
}
.viewWrapper{
	margin-top:8px;
}
.viewWrapper a{
	background: url(../images/btn_view.gif) top left no-repeat;
	width:40px;
	height:14px;
	display:block;
	margin: 0 0 0 26px;
}

/* Services */
.services_1{
	/*background: url(../images/services_1.jpg) center center no-repeat;*/
	width:650px;
	height:96px;
	display:block;
	margin:35px 0;
	padding-left:154px;
}
.section_title{
	font-family:Verdana;
	color:#17649a;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	margin-bottom:8px;
	vertical-align:middle;
	letter-spacing:0px;
}
.services_photo_wrapper{
	margin:33px 0;
	padding-left:26px;
}
.services_photo img{
	border:1px solid #a0a0a0;
}
.services_photo{
	margin:0 23px 15px 0; 
	float:left;
	width:74px;
	height:74px;
}
.services_btn_enlarge{
	height:14px;
}

/* CSR */
.csr_photo_wrapper{
	margin:29px 0;
	padding-left:26px;
}
.csr_photo img{
	border:1px solid #a0a0a0;
}
.csr_photo{
	margin:0 23px 15px 0; 
	float:left;
	width:74px;
	height:74px;
}
.csr_btn_enlarge{
	margin-top:25px;
	height:14px;
}

/* Right Navigation */
.download_docs{
	width:149px;
	float:left;
	text-align:center;
	margin:0 13px 30px 0;
}
.doc_title{
	font-weight:bold;
	color:#00628b;
	font-size:14px;
	font-family:Verdana;
	line-height:14px;
	letter-spacing:0px;
	margin-bottom:18px;
}
.download_docs img{
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border:1px solid #a0a0a0;
	height:125px;
	width:88px;
}
.doc_btn{
	margin:15px 0 0 0;
	padding-left:35px;
}
.btn_download{
	background: url(../images/btn_download.gif) top left no-repeat;
	display:block;
	width:78px;
	height:14px;
}

/* Contact */
.contact_left{
	width:312px;
	float:left;
	margin:35px 0 0 0;
}
.contact_left a{
	text-decoration:none;
	color:#545454;
}
.contact_left a:hover{
	text-decoration:underline;
}
.contact_right{
	width:338px;
	float:right;
	margin:35px 0 0 0;
}
.view_location_map{
	margin:13px 0 38px 0;
}
.btn_view_map{
	background: url(../images/btn_view_map.gif) top left no-repeat;
	display:block;
	width:161px;
	height:66px;
}
.inputbox{
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; 
	width:296px;
	height:22px;
	border:1px solid #999;
}
.inputbox2{
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; 
	width:296px;
	height:117px;
	border:1px solid #999;
}
#contact_name{
	padding: 0 4px 0 60px;
	background: url(../images/lbl_name.gif) 4px 3px no-repeat;
	margin-bottom:10px;
}
#contact_comp{
	padding: 0 4px 0 80px;
	background: url(../images/lbl_company.gif) 4px 3px no-repeat;
	margin-bottom:10px;
}
#contact_phone{
	padding: 0 4px 0 88px;
	background: url(../images/lbl_phone.gif) 4px 3px no-repeat;
	margin-bottom:10px;
}
#contact_email{
	padding: 0 4px 0 60px;
	background: url(../images/lbl_email.gif) 4px 3px no-repeat;
	margin-bottom:10px;
}
#contact_msg{
	padding: 22px 4px 0 4px;
	background: url(../images/lbl_msg.gif) 4px 3px no-repeat;
	margin-bottom:20px;
}
.btn_submit{
	background: url(../images/btn_submit.gif) top left no-repeat;
	width:122px;
	height:27px;
	border:none;
	cursor:pointer;
}
.err{
	border:1px solid #f00;
}


/* Right Navigation */
#navi_contact{
	background: url(../images/subpage_contact_inactive.jpg) top right no-repeat;
	width:242px;
	height:117px;
	display:block;
}
#navi_contact:hover{
	background: url(../images/subpage_contact_active.jpg) top right no-repeat;
}
#navi_download{
	background: url(../images/subpage_download_inactive.jpg) top right no-repeat;
	width:242px;
	height:117px;
	display:block;
}
#navi_download:hover{
	background: url(../images/subpage_download_active.jpg) top right no-repeat;
}
#navi_client{
	background: url(../images/subpage_client_inactive.jpg) top right no-repeat;
	width:242px;
	height:117px;
	display:block;
}
#navi_client:hover{
	background: url(../images/subpage_client_active.jpg) top right no-repeat;
}
#navi_fb{
	background: url(../images/subpage_fb_inactive.jpg) top right no-repeat;
	width:47px;
	height:48px;
	display:block;
}
#navi_fb:hover{
	background: url(../images/subpage_fb_active.jpg) top right no-repeat;
}
#navi_fb1{
	background: url(../images/subpage_fb_inactive1.jpg) top right no-repeat;
	width:120px;
	height:40px;
	display:block;
}
#navi_fb1:hover{
	background: url(../images/subpage_fb_active1.jpg) top right no-repeat;
}
#navi_iso{
	background: url(../images/subpage_iso_inactive.jpg) top right no-repeat;
	width:102px;
	height:74px;
	display:block;
}
#navi_iso:hover{
	background: url(../images/subpage_iso_active.jpg) top right no-repeat;
}
#navi_soba{
	background: url(../images/subpage_soba_inactive.jpg) top right no-repeat;
	width:61px;
	height:78px;
	display:block;
}
#navi_soba:hover{
	background: url(../images/subpage_soba_active.jpg) top right no-repeat;
}
#navi_soba2{
	background: url(../images/subpage_soba2012_inactive.jpg) top right no-repeat;
	width:61px;
	height:78px;
	display:block;
}
#navi_soba2:hover{
	background: url(../images/subpage_soba2012_active.jpg) top right no-repeat;
}
.right_navi{
	margin-bottom:10px;
}
.small_navi{
	margin-left:7px;
	float:right;
}
.small_navi2{
	margin-left:10px;
	float:left;
}

#footer{
	padding:16px 22px 38px 22px;
	background:#00628b;
}
.footer_left{
	float:left;
	font-size:10px;
	line-height:8px;
	color:#fff;
	font-family:"Trebuchet MS";
}
.footer_right{
	float:right;
	font-size:11px;
	font-family:Verdana;
	color:#e6e6dc;
	line-height:13px;
}
.footer_right a{
	color:#e6e6dc;
	text-decoration:none;
}
.footer_right a.footer_active{
	text-decoration:underline;
}