/* WEB FONTS */

@font-face {
    font-family: 'titilliummaps26l500_wt';
    src: url('../fonts/titilliummaps26l002.eot');
    src: url('../fonts/titilliummaps26l002.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titilliummaps26l002.woff') format('woff'),
         url('../fonts/titilliummaps26l002.ttf') format('truetype'),
         url('../fonts/titilliummaps26l002.svg#titilliummaps26l500_wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titilliummaps26l750_wt';
    src: url('../fonts/titilliummaps26l001.eot');
    src: url('../fonts/titilliummaps26l001.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titilliummaps26l001.woff') format('woff'),
         url('../fonts/titilliummaps26l001.ttf') format('truetype'),
         url('../fonts/titilliummaps26l001.svg#titilliummaps26l750_wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Myriad Pro,Arial,Verdana, Helvetica, sans-serif;
}
textarea {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Myriad Pro,Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;
}
img {
	border:none;
}
form,h1,h2,h3{
	padding:0;
	margin:0 auto;
  width:285px;
}

/* mine edited */
.mov1 {
  margin:0 0 0 -15px;
}

/* Begin General CSS*/
#FreeSpacer {
	margin:auto;
}
/* Top CSS*/
#TopArea {
	width:929px;
	height:90px;
	padding-top:10px;
	margin:0 auto;
	
}
#TopAreaInside {
	width:929px;
	height:100px;
	margin:0 auto;
	
}
#LogoArea {
	width:172px;
	height:90px;
	margin:0 auto;
	float:left;
}

#Search {
	padding-top:21px;
	width:757px;
	height:69px;
	margin:0 auto;
	float:left;
	text-align:right;
}

#SearchBox {
	background: url(../images/bg_search.jpg) no-repeat;
	width:275px;
	height:20px;
	padding:5px 10px 5px 10px;
	display:block;
	float:right;
}
#SearchBox .txtSearch {
	font-family: 'titilliummaps26l500_wt', Arial;
	font-size:15px;
	color:#aaaaaa;
	background:none;
	border:0px;
	width:248px;
	height:20px;
	float:left;
}
#SearchBox .buttonSearch {
	background:none;
	border:0px;
	width:25px;
	height:20px;
	cursor:pointer;
	float:left;
}
#SearchBoxSmall {
	background: url(../images/bg_search_small.jpg) no-repeat;
	width:230px;
	height:20px;
	padding:5px 10px 5px 10px;
	display:block;
	float:right;
}
#SearchBoxSmall .txtSearchSmall {
	font-family: 'titilliummaps26l500_wt', Arial;
	font-size:15px;
	color:#aaaaaa;
	background:none;
	border:0px;
	width:200px;
	height:20px;
	float:left;
}
#SearchBoxSmall .buttonSearchSmall {
	background:none;
	border:0px;
	width:25px;
	height:20px;
	cursor:pointer;
	float:left;
}
.txtTextCapcaSmall {
	background: url(../images/bg_capca_small_1.jpg) no-repeat;
	border:0px;
	width:150px;
	height:20px;
	padding:5px 10px 5px 10px;
	float:left;
}

.txtTextSmall {
	background: url(../images/bg_text_small_1.jpg) no-repeat;
	border:0px;
	width:210px;
	height:30px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}
.txtTextAreaSmall {
	background: url(../images/bg_textarea_small_1.jpg) no-repeat;
	border:0px;
	width:210px;
	height:90px;
	padding:5px 10px 5px 10px;
	float:left;
}
#TextUploadSmall {
	background: url(../images/bg_upload_small.jpg) no-repeat;
	width:310px;
	height:20px;
	padding:5px 10px 5px 10px;
	display:block;
}
#TextUploadSmall .txtUploadTextSmall {
	background:none;
	border:0px;
	width:260px;
	height:20px;
	float:left;
}
#TextUploadSubmitSmall {
	background:url(../images/btn_browse.jpg) no-repeat;
	width:84px;
	height:20px;
	padding:5px 10px 5px 0px;
	display:block;
	margin:-5px 0px 0px 275px;
}
#TextSubmitSmall {
	background:url(../images/btn_submit.jpg) no-repeat;
	/*width:84px;*/
	height:20px;
	padding:5px 10px 5px 0px;
	display:block;
	margin:0 auto;
}
/* Main Menu CSS*/

#MainMenuArea {
	background-color:#0068ac;
	width:100%;
	height:40px;
	text-align:center;
	margin:0 auto;
	clear:both;
}

#MenuArea {
	background-image:url(../images/bg_menu.jpg);
	width:929px;
	height:40px;
	margin:0 auto;
	clear:both;
}
ul#menu {
	padding:0;
	margin:0 auto;
}
ul#menu li{
	text-align:center;
	list-style-type:none;
	font-size:14pt;
	color:#ffffff;
	float:left;
	font-weight:bold;

}

ul#menu li a{
	color:#ffffff;
	text-decoration:none;
}
ul#menu li a:hover{
	color:#ff0000;
}
/* Home Slide Show CSS*/

#SlideShowArea {
	width:929px;
	height:309px;
	margin:0 auto;
	clear:both;
}

/* Home News Box CSS*/
#HomeNewsTitle {
	font-family: 'titilliummaps26l750_wt', Arial;
	font-size:26px;
	font-weight:normal;
	line-height:50px;
	color:#111111;
}
#HomeNewsArea01 {
	font-family: 'titilliummaps26l500_wt', Arial;
	font-size:15px;
	width:444px;
	height:250px;
	float:left;
	color:#111111;
	text-align:justify;
}
#HomeNewsArea02 {
	padding-top:20px;
	width:445px;
	height:250px;
	float:left;
}
#NewsHomeArea {
	width:445px;
	height:54px;
	float:left;
}
#NewsHomeLogo {
	width:116px;
	height:54px;
	float:left;
}
#NewsHomeText {
	font-family: 'titilliummaps26l500_wt', Arial;
	font-size:15px;
	width:329px;
	height:70px;
	float:left;
	text-align:justify;
	color:#111111;
}
#NewsHomeReadMore {
	font-family: 'titilliummaps26l500_wt', Arial;
	font-size:15px;
	text-decoration:none;
	text-align:right;
	float:right;
	margin:0 auto;
	/*border:1px solid #000000;*/
}

#NewsHomeReadMore a{
	color:#0099cc;
	text-decoration:none;
	text-align:right;
}
#NewsHomeReadMore a:hover{
	color:#faa61a;
	text-decoration:underline;
	text-align:right;
}
/* Content CSS*/
#Breadcump {
	font-family: 'titilliummaps26l500_wt', Arial;
	width:924px;
	height:25px;
	padding-top:5px;
	padding-right:5px;
	color:#666666;
	font-size:12px;
	text-align:right;
	text-decoration:none;
	margin:0 auto;
}
#Breadcump a{
	color:#0068ac;
	text-decoration:none;
}
#Breadcump a:hover{
	color:#faa61a;
	text-decoration:none;
}


#Paging {
	font-family: 'titilliummaps26l500_wt', Arial;
	width:629px;
	padding-top:10px;
	padding-bottom:10px;
	color:#666666;
	font-size:16px;
	text-align:right;
	text-decoration:none;
	margin:0 auto;
}
#Paging a{
	color:#0068ac;
	text-decoration:none;
}
#Paging a:hover{
	color:#faa61a;
	text-decoration:none;
}



#Apply th {
	text-align: right;
	padding: 0px 20px;
}

#MainArea {
	width:929px;
	height:auto;
	clear:both;
	margin:0 auto;
}

#ContentArea {
	width:629px;
	height:auto;
	float:left;
	padding-bottom:50px;
	margin:0 auto;
}
#ContentAreaClients {
	width:679px;
	height:auto;
	float:left;
	padding-bottom:50px;
	margin:0 auto;
}
#ContentAreaSpacer {
	width:50px;
	height:auto;
	float:left;
	margin:0 auto;
}

#ContentAreaLeft {
	width:250px;
	height:auto;
	float:left;
	margin:0 auto;
}
#ContentTitle {
	font-family: 'titilliummaps26l500_wt', Arial;
	font-size:26px;
	color:#111111;
	width:629px;
	height:25px;
	margin:0 auto;
}

#ContentTitleClients {
	font-family: 'titilliummaps26l500_wt', Arial;
	font-size:26px;
	color:#111111;
	width:679px;
	height:25px;
	margin:0 auto;
}
#ContentText {
	font-family: 'titilliummaps26l500_wt', Arial;
	padding-top:25px;
	font-size:15px;
	color:#111111;
	width:auto;
	height:auto;
	margin:10px auto;
	text-align:justify;
}
#ContentText a {
	color:#0068ac;
	text-decoration:none;
}
#ContentText a:hover {
	color:#faa61a;
	text-decoration:underline;
}

#ContentTextClients {
	font-family: 'titilliummaps26l500_wt', Arial;
	padding-top:25px;
	font-size:11pt;
	color:#000000;
	width:679px;
	height:auto;
	margin:0 auto;
	text-align:justify;
}
#ContentTextClients a {
	color:#0068ac;
	text-decoration:none;
}
#ContentTextClients a:hover {
	color:#faa61a;
	text-decoration:underline;
}

#ContentNewsRight {
	font-family: 'titilliummaps26l500_wt', Arial;
	padding-top:25px;
	padding-bottom:25px;
	font-size:12pt;
	color:#111111;
	width:250px;
	height:auto;
	text-align:justify;
	clear:both;
}
#ContentNewsRight h1{
	font-family: 'titilliummaps26l750_wt', Arial;
	padding:0;
	font-size:15pt;
	color:#000000;
	font-weight:normal;
	
}

.Hilite {
	font-family: 'titilliummaps26l750_wt', Arial;
	background:#efefef;
	padding:15px;
}


form.contact_form input[type="text"] {
	background-image:url(../images/form_image.jpg);
	background-repeat:repeat;
	border:none;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#333333;
	width:295px;
	height:19px;
}
input[type="text"].contact_form_phone  {
	background-image:url(../images/img_careerform_phone.jpg);
	background-repeat:no-repeat;
	border:none;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#333333;
	width:75px;
	height:18px;
}
input[type="text"].carier_form  {
	background-image:url(../images/form_image.jpg);
	background-repeat:repeat;
	border:none;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#333333;
	width:295px;
	height:19px;
}
input[type="text"].carier_form_phone  {
	background-image:url(../images/img_careerform_phone.jpg);
	background-repeat:no-repeat;
	border:none;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#333333;
	width:75px;
	height:18px;
}
input[type="text"].carier_form_handphone  {
	background-image:url(../images/img_careerform_contac.jpg);
	background-repeat:no-repeat;
	background-color:#f4faf3;
	border:none;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#333333;
	width:205px;
	height:18px;
}
select.carier_form  {
	background-image:url(../images/img_careerform_contac.jpg);
	background:repeat;
	border:none;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#333333;
	width:140px;
	height:19px;
}
form.carier_form input#button {
	border:none;
	/*background-image:url(../images/submit.png);*/
	background-repeat:no-repeat;
	cursor:pointer;
	width:72px;
	height:24px; 
}
input[type="text"].carier_form_mini  {
	background-image:url(../images/form_image.jpg);
	background-repeat:repeat;
	border:none;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#333333;
	width:295px;
	height:19px;
}
form.contact_form textarea{
	background-color:#e1f4de;
	border:1px solid #CCCCCC;
	width:305px;
	height:100px;
}

form.contact_form input#button {
	border:none;
	background-image:url(../images/submit.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:72px;
	height:24px; /* set margin-left back to zero on reset button (set above) */
}
#submit {
	border:none;
	background-image:url(../images/submit.png);
	background-repeat:no-repeat;
	cursor:pointer;
	color:#0081d8;
	font-weight:bold;
	width:84px;
	height:30px; /* set margin-left back to zero on reset button (set above) */
}
/* Left CSS*/

/* Right CSS*/
#LeftReadMore {
	font-family: 'titilliummaps26l500_wt', Arial;
	font-size:15px;
	text-decoration:none;
	float:left;
	padding-top:-10px;
}

#LeftReadMore a{
	color:#0099cc;
	text-decoration:none;
	text-align:right;
}
#LeftReadMore a:hover{
	color:#fa61a;
	text-decoration:underline;
	text-align:right;
}

#RightReadMore {
	font-family: 'titilliummaps26l500_wt', Arial;
	font-size:15px;
	text-decoration:none;
	float:right;
	padding-top:-10px;
}

#RightReadMore a{
	color:#0099cc;
	text-decoration:none;
	text-align:right;
}
#RightReadMore a:hover{
	color:#fa61a;
	text-decoration:underline;
	text-align:right;
}

ul#solutions {
	padding:10px 0 10px 0;
	margin:0 auto;
	list-style:none;

}
ul#solutions li{
	font-size:11pt;
	color:#000000;
	background-image:url(../images/check.jpg);
	background-repeat:no-repeat;
	background-position:0 0 0 0.5em;
	padding-left:30px;
	text-align:left;
	
	padding-bottom:10px;
	text-decoration:none;

}
ul#solutions li a{
	color:#0068ac;
	text-decoration:none;

}
ul#solutions li a:hover{
	color:#faa61a;
	text-decoration:underline;

}


/* Footer CSS*/

#FooterArea {
	width:100%;
	height:50px;
	margin: 0 auto;
	clear:both;
	text-align:center;
	padding-top:50px;
}

#FooterBG {
	background-color:#b8b8b8;
}

#FooterAreaFix {
	width:929px;	
	height:50px;
	margin:0 auto;
	text-align:center;
}
#copyright {
	font-family: 'titilliummaps26l500_wt', Arial;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	width:279px;
	height:30px;
	padding-top:20px;
	float:left;
}

#FooterMenu {
	font-family: 'titilliummaps26l500_wt', Arial;
	background-color:#f0f0f0;
	text-decoration:none;
	width:650px;
	height:50px;
	text-align:center;
	float:left;
}

ul#footer li{
	text-align:center;
	list-style-type:none;
	margin:0 auto;
	font-size:12pt;
	color:#257e07;
	float:left;
	padding-right:35px;

}

ul#footer li a{
	color:#0066cc;
	text-decoration:none;
}
ul#footer li a:hover{
	color:#faa61a;
}
ul#sitemap li a{
	padding:0px;
	margin:0px;
	font-size:12px;
	color:#257e07;
	text-decoration:none;

}

ol#sitemap li{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#257e07;
	text-decoration:none;

}
ol#sitemap li a{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#257e07;
	text-decoration:none;

}
ol#sitemap li a:hover{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#257e07;
	text-decoration:underline;

}
ol#sitemap li ul {
	padding:0px;
	margin:0px;
}
ol#sitemap li ul li{
	list-style-type:disc;
	list-style-position:inside;
	padding-left:10px;
}
ol#sitemap li ul li ul {
	padding:0px;
	margin:0px;
}
ol#sitemap li ul li ul li{
	list-style-type:square;
	list-style-position:inside;
	padding-left:10px;

}
/**/
#ContactArea {
	float:left;
	margin:0 auto;
	width:300px;
	padding-right:13px;
	padding-bottom:10px;

}
#ContactTitle {
    font-family: 'titilliummaps26l500_wt', Arial;
	font-size:20px;
	font-weight:bold;
	width:302px;
	padding-bottom:10px;
}
#ContactContent {
    font-family: 'titilliummaps26l500_wt', Arial;
	font-size:13px;
	width:302px;
	text-align:left;
}
#ContactContentText {
	font-size:12px;
	line-height:20px;
}
#ContactContent a{
	color:#1071b1;
	text-decoration:none;
	font-weight:bold;
}
#ContactContent a:hover{
	color:#FF6600;
	text-decoration:none;
}


/* for FAQ */
.accordionButton {	
	font-family: 'titilliummaps26l750_wt', Arial;
	width: 649px;
	height:25px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #ffffff;
	cursor: pointer;
	padding:3px 0 0 30px;
	background:#ffffff url(../images/plus.jpg) no-repeat scroll 4px 2px;
	display:block;
	color:#0068ac;
	font-size:13pt;
	text-indent: 0px;
	text-decoration: none;
	}
	
.accordionContent {
	font-family: 'titilliummaps26l500_wt', Arial;
	width: 619px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #ffffff;
	padding:0 0 30px 30px;
	font-size:15px;
	}	
.accordionContentClient {
	font-family: 'titilliummaps26l500_wt', Arial;
	width: 679px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #ffffff;
	padding:0 0 0 0px;
	font-size:15px;
	}
.head {
	cursor:pointer;
	background:#ffffff url(../images/plus.jpg) no-repeat scroll 4px 2px;
	color:#faa61a;
	display:block;
	margin:0 auto;
	padding:3px 0 0 30px;
	text-indent:0px;
	text-decoration: none; 
}
.head_1 {
	cursor:pointer;
	background:#ffffff url(../images/minus.jpg) no-repeat scroll 4px 2px;
	color:#faa61a;
	display:block;
	margin:0 auto;
	padding:3px 0 0 30px;
	text-indent:0px;
	text-decoration: none;
}