/*============================
	      GENERAL
============================*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, address, em, img, strong, b, i,
dl, dt, dd, ol, ul, li, form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, embed, figure, footer, header, 
menu, nav, section, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font:15px/18px 'Open Sans', Arial, Helvetica, sans-serif; 
	color:#383838;
	font-weight:300;
}
body{background:url(images/main_bg_repeat.jpg) repeat-x top #e7e7e7;}
a img{border:none;}
a:focus{outline:none; border:none;}		
table {
	border-collapse: collapse;
	border-spacing: 0;
}		
.main{width:1024px; display:block;	margin:0 auto;}
.clearBoth{clear:both; height:0px; display:block;}		
		
/*============================
	   HEADER + BANNER
============================*/
.header{width:100%; height:132px; background:url(images/header_top.jpg) no-repeat center top; padding:0; margin:0;}	
/*.header .header-wrapper{border-bottom:1px solid #eaeaea; padding:0 0 15px 0;}*/		
.logo{float:left; margin:40px 0 0 0; padding:0;}		
.header-right{width:300px; display:inline; float:right; margin:24px 0 0 0;}		

.header-right .call{margin:0; padding:0 0 0 35px; width:100%; display:inline; float:left; color:#ff7928; line-height:30px; font-size:24px; font-family:'latolight', Arial, Helvetica, sans-serif; background:url(images/ph_icon.png) no-repeat left; text-decoration:none;}
.header-right .ph_number{ color:#fff; font:24px 'LatoRegular', Arial, Helvetica, sans-serif; text-decoration:none;}
.header-right .infolink a{margin:0; width:100%; display:inline; float:left; color:#fff; line-height:20px; font-size:15px; font-family:'LatoRegular', Arial, Helvetica, sans-serif; text-decoration:none; text-align:right;}
.header-right .infolink a:hover{ text-decoration:underline;}


		
/*============================
	     BODY CONTENT
============================*/
.bodyContent{margin:0 0 0 0; padding:0 0 0 0; width:100%;}	

.banner_block{width:100%; display:block; height:750px; position:relative;}
.banner_img{ display:inline; float:left;}

.ban_blog{width:317px; height:192px; background:url(images/ban_detail_block.png) no-repeat; display:block; position:absolute; z-index:99; top:190px; left:0px;}
.ban_blog .width_275{width:275px; display:inline; float:left; margin:25px 0 0 30px;}
.ban_blog .width_275 .ban_blog_title{width:100%; display:inline; float:left; text-transform:uppercase; font-family:'latolight', Arial, Helvetica, sans-serif; font-size:33px; color:#fff; margin:0;}
.ban_blog .width_275 .yellow33{ font-family:'latoblack', Arial, Helvetica, sans-serif; font-size:33px; color:#ff7928; text-decoration:none;}
.ban_blog .width_275 p{width:100%; display:inline; float:left; font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:18px; margin:20px 0 0 0;}

.ban_blog .width_275 .rdmore-btn a{padding:5px 10px; color:#ff7928; margin:20px 0 0 0; text-decoration:none; font:13px 'LatoRegular', Arial, Helvetica, sans-serif; background:rgba(0,0,0,0.8); float:right; display:block; transition-property:background color; transition-duration:1.2s;}
.ban_blog .width_275 .rdmore-btn a img{ display:inline; float:right; margin:4px 0 0 4px;}
.ban_blog .width_275 .rdmore-btn a:hover{background:#fff; color:#37291d;}

.ban_blog2{width:317px; height:192px; background:url(images/ban_detail_block.png) no-repeat; display:block; position:absolute; z-index:100; top:208px; right:0px;}
.ban_blog2 .width_275{width:275px; display:inline; float:left; margin:25px 0 0 30px;}
.ban_blog2 .width_275 .ban_blog_title{width:100%; display:inline; float:left; text-transform:uppercase; font-family:'latolight', Arial, Helvetica, sans-serif; font-size:33px; color:#fff; margin:0;}
.ban_blog2 .width_275 .yellow33{ font-family:'latoblack', Arial, Helvetica, sans-serif; font-size:33px; color:#ff7928; text-decoration:none;}
.ban_blog2 .width_275 p{width:100%; display:inline; float:left; font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:18px; margin:20px 0 0 0;}

.ban_blog2 .width_275 .rdmore-btn a{padding:5px 10px; color:#ff7928; margin:20px 0 0 0; text-decoration:none; font:13px 'LatoRegular', Arial, Helvetica, sans-serif; background:rgba(0,0,0,0.8); float:right; display:block; transition-property:background color; transition-duration:1.2s;}
.ban_blog2 .width_275 .rdmore-btn a img{ display:inline; float:right; margin:4px 0 0 4px;}
.ban_blog2 .width_275 .rdmore-btn a:hover{background:#fff; color:#37291d;}


.ban_blog3{width:317px; height:192px; background:url(images/ban_detail_block.png) no-repeat; display:block; position:absolute; z-index:110; top:442px; left:108px;}
.ban_blog3 .width_275{width:275px; display:inline; float:left; margin:25px 0 0 30px;}
.ban_blog3 .width_275 .ban_blog_title{width:100%; display:inline; float:left; text-transform:uppercase; font-family:'latolight', Arial, Helvetica, sans-serif; font-size:33px; color:#fff; margin:0;}
.ban_blog3 .width_275 .yellow33{ font-family:'latoblack', Arial, Helvetica, sans-serif; font-size:33px; color:#ff7928; text-decoration:none;}
.ban_blog3 .width_275 p{width:100%; display:inline; float:left; font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:18px; margin:20px 0 0 0;}

.ban_blog3 .width_275 .rdmore-btn a{padding:5px 10px; color:#ff7928; margin:20px 0 0 0; text-decoration:none; font:13px 'LatoRegular', Arial, Helvetica, sans-serif; background:rgba(0,0,0,0.8); float:right; display:block; transition-property:background color; transition-duration:1.2s;}
.ban_blog3 .width_275 .rdmore-btn a img{ display:inline; float:right; margin:4px 0 0 4px;}
.ban_blog3 .width_275 .rdmore-btn a:hover{background:#fff; color:#37291d;}

.bodyMid{margin:0px 0 0 0; padding:0 0 60px 0; width:100%; display:inline; float:left; background:url(images/mid_bg_repeat.jpg) repeat-x top #e7e7e7;}

.oursoal_block{margin:50px 0 0 0; padding:0 0 0 0; width:100%; display:inline; float:left;}
.oursoal_block h1{width:100%; display:inline; float:left; text-transform:uppercase; font-family:'latolight', Arial, Helvetica, sans-serif; font-size:28px; color:#000; margin:0 0 0 0;}
.oursoal_block .redbold{ text-transform:uppercase; font-family:'latobold', Arial, Helvetica, sans-serif; font-size:28px; color:#bf0f20;}
.oursoal_block p{width:100%; display:inline; float:left; font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:15px; color:#747474; line-height:18px; margin:20px 0 0 0;}

.service-block{margin:40px 0 0 0; padding:0; display:inline; float:left; width:100%;}
.service-block ul{margin:0; padding:0; display:inline; float:left; width:100%;}
.service-block ul li{margin:0 30px 30px 0; padding:0 0 50px 0; display:inline; float:left; border:1px solid #d8d8d8; width:318px; background:#efefef; height:530px;}
.service-block ul li{opacity:8; transition-property:opacity; transition-duration:1s;}
.service-block ul li:hover{opacity:0.5;}
.service-block ul li:nth-child(3n+3){float:right; margin:0 0 30px 0;}
.service-block ul li b{margin:20px 0 0 0; padding:0; display:inline; float:left; text-align:center; width:100%;}
.service-block ul li img{opacity:1; transition-property:opacity; transition-duration:1s;}
.service-block ul li img:hover{opacity:0.5;}
.service-block ul li h2 a{width:100%; display:block; float:left; text-decoration:none; text-transform:uppercase; font-family:'latolight', Arial, Helvetica, sans-serif; font-size:32px; color:#5d5d5d; text-align:center; margin:20px 0 0 0;}
.service-block ul li h2 a:hover{color:#10101a;}
.service-block ul li h2 a span{ text-transform:uppercase; font-family:'latobold', Arial, Helvetica, sans-serif; font-size:32px; color:#bf0f20;}
.service-block ul li p{width:85%; display:inline; float:left; text-decoration:none; font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:13px; color:#747474; line-height:18px; margin:20px 0 0 30px;}



/*============================
	     FOOTER
============================*/
.footer{ width:100%; display:inline; float:left; height:369px; background:url(images/footer_bg.jpg) repeat-x; margin:0 0 0 0; padding:0;}
.footer .footer_left{ width:335px; display:inline; float:left; height:100px; background:url(images/footer_line.jpg) repeat-y right top; margin:60px 0 0 100px; padding:0;}
.footer .alan_title{width:100%; display:inline; float:left; text-decoration:none; text-transform:uppercase; font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:24px; color:#ff7928; margin:0 0 0 0;}
.footer .alan_phone{ display:block; text-decoration:none; font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:18px; color:#ff7928; margin:40px 0 0 0;}
.footer .alan_white{text-decoration:none; font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:18px; color:#fff;}
.footer .alan_phone img{ display:inline; float:left; margin:0 5px 0 0;}
.footer .infolink a{ display:block; text-decoration:none; font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:15px; color:#fff; margin:10px 0 0 0;}
.footer .infolink img{ display:inline; float:left; margin:5px 5px 0 0;}
.footer .infolink a:hover{  text-decoration:underline;}

.footer .footer_right{ width:400px; display:inline; float:left; min-height:100px; margin:60px 0 0 92px; padding:0;}
.footer .footer_right .footer_logo{  display:inline; float:left; margin:0 0 0 0;}
.footer .address{ display:inline; float:left; text-decoration:none;  font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:17px; color:#ff7928; margin:15px 0 0 0;}
.footer .footer_right p{ display:inline; float:left; line-height:14px;  font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:13px; color:#fff; margin:10px 0 0 0;}

.footer .copyright{width:100%; height:110px; display:inline; float:left; background:#141414; text-align:center; font-size:15px; line-height:110px; color:#fff; font-family:'LatoRegular', Arial, Helvetica, sans-serif; margin:100px 0 0;}
.footer .copy_orange{font-size:15px; color:#ff7928; font-family:'LatoRegular', Arial, Helvetica, sans-serif;}