body{ background:

/*url(img/body_bg_dark.jpg) repeat center top;*/

url(img/bodi.jpg) repeat center top;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#c4c4c4;

margin:0px; padding:0px; min-width:1024px; min-height:600px;text-shadow: 0px 1px 1px #000;}



table{ font-size:11px;}


#baru_wrapper{width:750px; float:left}
.menu_baru{width:170px; float:left;}
.menu_baru ul{
	list-style: outside;
margin-left: 23px;
padding: 0px;
list-style-image: url(img/bullet.jpg);
text-transform: uppercase;}

.menu_baru ul li{margin: 0px;
padding-left: 7px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
margin-bottom: 1px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
min-height: 15px;
z-index: 10;}
.menu_baru ul li a.active{color:#F60}


.wrapper_baru{width:550px; float:left}

@font-face {

	font-family: 'bk';

	src: url('fonts/trebuc.eot');

	src: local('☺'), url('fonts/trebuc.woff') format('woff'), url('fonts/trebuc.ttf') format('truetype'), url('fonts/trebuc.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}



table td{ text-align:justify !important}



.info_wrap p{ text-align:justify;}

.info_wrap p strong{ font-weight:bold; color:#FFF}



.baru h3, .baru li{ margin:0px; padding:0px !important;}

.baru h3{ margin:15px 0 0 0 !important}



.tebel th, .tebel td{border-bottom: solid 1px #333;
padding: 11px 0;}



.fixed{ width:550px !important; height:auto !important}

.hide { display:none;}



.normal_list li{ border:none; list-style:inside; display:list-item !important; height:auto; width:auto}

ul.empireglobal li{ clear:both}

li ol{list-style-type:disc !important}

.hidden{ display:none !important;}



#home_toogle_one, #home_toogle_two, #home_toogle_three, #home_toogle_four, #home_toogle_five{ width:940px; padding:0 20px 20px 20px; display:none; margin:0px; text-align:justify}



.info img{ width:14px !important; height:14px !important; border:none !important; float:left; margin-right:5px; box-shadow:none !important;}



.home_group{ display:block; width:220px; min-height:120px; float:left;vertical-align: top;margin:8px;}

h4{ font-size:16px; color:#FFFFFF; font-weight:bold; margin:0px 0 10px 0; padding:0px;}

.uppercase{ text-transform:uppercase !important; padding-bottom:10px !important; width:98% !important; display:block; border-bottom:solid 1px #333; margin-bottom:5px; color:#eb6938 }

.home_group li{ list-style-position:outside !important; padding-left:5px;}



.home_close{display:block; text-align: right; width:100%; 

height:25px;

 padding:10px 0;

  border-top:solid 1px #999999}



.clear{ clear:both}

a{ text-decoration:none; color:inherit;}

a:hover{ color:#eb6938;}





#header, #footer{ width:100%; min-height:30px;}

#header { background:url(img/header_bg_wide.jpg) repeat-x left top; height:116px;}

.header_wrapper, .footer_wrapper { width:1000px; margin:auto;}

.header_wrapper{ height:116px; z-index:99;}



.main_logo{ float:left; margin-top:6px;}

.welcome{ display:block; float:right; width:323px; height:33px; background:url(img/welcome_bg.jpg) no-repeat right top; font-size:11px; font-weight:bold; text-transform:uppercase; color:#eb6938;

padding:5px 0px 0px ; text-align:center;}

.welcome span{ color:#FFF;}



.main_menu{ display:block; min-width:500px; float:right; height:20px;margin-top:45px; margin-right:50px;

font-size:12px; color:#6d6d6d; font-weight:bold; text-align:right; text-shadow:none !important

; font-family:'bk'; font-stretch:condensed;	}



.date_wrapper{ width:1000px; margin:auto; height:290px;}

.date_wrapper_page{ width:1000px; margin:auto; height:69px;}

.date{ font-size:11px; display:block; width:350px; height:20px; margin:10px 50px 0 600px; text-align:right; 

z-index:99; color:#eb6938; text-shadow:none !important;

position: absolute;}

.date iframe{ float:left; color:#FFFFFF; width:185px !important}

.date span{ display:block; float:right; width: auto; height: auto;}





/*--------------------------------content----------------------------------------*/





.slider_wrapper{ width:100%; overflow:hidden; margin:auto; position:absolute; top:116px; background:url(img/bg_slider.jpg) repeat-x center top #000; height:290px;}



.content_wrapper{ width:1000px; min-height:500px !important; background-color: #096; margin:auto; z-index:999; position:relative; margin-top:-50px; background:url(img/content_bg.jpg) center top no-repeat; border-top: solid 3px #eb6938 }



.content_wrapper_page{ width:1000px; min-height:800px !important;  margin:auto; z-index:999; position:relative; background:url(img/content_bg.jpg) center top no-repeat; }



.welcome_word{ width:850px; height:30px;margin:10px 15px 25px 65px; text-align:center }

.slider_nav_wrapper{ float:right; width:200px; margin:10px; height:40px;}



.what_we_offer{ width:1200px; margin:10px 0 0 -100px;  min-height:175px; text-align:center; padding-bottom:55px; }

.what_we_offer li{ display:block; width:210px; min-height:190px;float:left; padding:5px; margin:8px; 

text-align:center;}

.what_we_offer li h3{ margin:5px 0px; padding:0px 0 0 2px; font-size:20px; color:#FFFFFF; text-align: center !important; display:block;text-shadow: 0px 1px 1px #000; font-family:'bk'; min-height:45px;}

.what_we_offer li span{ text-align:left !important; display:block; line-height:15px; padding:3px;text-shadow: 0px 1px 1px #000;}

.what_we_offer a:hover li{background:url(img/bg_hover.png) repeat-x center top;	-webkit-border-radius: 4px 4px 4px 4px;

	-moz-border-radius: 4px 4px 4px 4px;

	-khtml-border-radius: 4px 4px 4px 4px;

	border-radius: 4px 4px 4px 4px;}



.what_we_offer li img{ width:190px; height:77px; border:solid 7px #333; margin-top:1px;

	-webkit-border-radius: 4px 4px 4px 4px;

	-moz-border-radius: 4px 4px 4px 4px;

	-khtml-border-radius: 4px 4px 4px 4px;

	border-radius: 4px 4px 4px 4px;

	

	-webkit-box-shadow: 0px 2px 2px #000;

	-moz-box-shadow: 0px 2px 2px #000;

	box-shadow: 0px 2px 2px #000;

	}

.border{

		-webkit-border-radius: 4px 4px 4px 4px;

	-moz-border-radius: 4px 4px 4px 4px;

	-khtml-border-radius: 4px 4px 4px 4px;

	border-radius: 4px 4px 4px 4px;}





.group_list_wrapper{ float:left; width:722px; height:305px;margin:10px 0 0 10px;}

.group_list_wrapper h3{ color:#eb6938; padding-left:5px;}

.home_mini_sidebar{ float:right; width:220px; min-height:140px; margin:20px 10px 0 0; background:url(img/thumb_bg.png) repeat center top; display:block; padding-top:4px }



.home_mini_sidebar ul li{ list-style: inside !important; }





.certified_by{float:left; width:722px; height:60px; margin:10px 0 0 10px;}



.component_header{ display:block; width:100%; padding-left:5px; font-weight:bold; font-size:13px; margin-bottom:5px;font-family:'bk' ; font-style:normal !important}

.bottom_border{ border-bottom:solid 1px #666666; padding-bottom:5px;}



.slider_wrapper_page{ display:block; width:100%; height:69px; position:relative; background:url(img/bg_page_1.jpg) no-repeat center bottom #FFF;}



.sidebar_contact_details{ display:block; float:right; width:200px;min-height:300px; border-left: solid 1px #535353; margin-top:20px; padding:15px; margin-left:10px;}

.sidebar_contact_details h3{ padding:0px; margin:0px; color:#fff;}

.thumbsidebar_contact{ display:block; width:181px; height:210px; background:url(img/sidebar_comp_thumb.jpg) no-repeat left top; margin-bottom:20px;	

	-webkit-border-radius: 4px 4px 4px 4px;

	-moz-border-radius: 4px 4px 4px 4px;

	-khtml-border-radius: 4px 4px 4px 4px;

	border-radius: 4px 4px 4px 4px;}

.thumbsidebar_contact:hover{background:url(img/sidebar_comp_thumb2.jpg) no-repeat left top;}



.hechtwo h2{ font-size:24px !important; font-family:'bk'; letter-spacing:-1px;}

.hechtwo li{ list-style: outside; margin-left:18px;}

.hechtwo img{border:solid 7px #333;

	-webkit-border-radius: 4px 4px 4px 4px;

	-moz-border-radius: 4px 4px 4px 4px;

	-khtml-border-radius: 4px 4px 4px 4px;

	border-radius: 4px 4px 4px 4px;

	

	-webkit-box-shadow: 0px 2px 2px #000;

	-moz-box-shadow: 0px 2px 2px #000;

	box-shadow: 0px 2px 2px #000;}

	

	.profile_subcompany { margin-bottom:25px; width:275px; float:left; background:url(img/star_trans.png) no-repeat 46px top;}

	.profile_subcompany img{ width:80px!important; height:107px!important;float:left!important; display:block}

	.profile_subcompany h6{ font-size:14px!important; color:#FFF!important;width:150px!important; margin:20px 0 0 0px; padding:0px 20px 0 0 ; float:right!important; min-height:25px; text-align:left}

	.profile_subcompany span{ width:150px!important; float:right!important; min-height:25px; padding:0px 20px 0 0 ;text-align:left}



.mapsidebar{ display:block; background:url(img/map2.png) no-repeat center top; width:148px; height:72px; margin:15px; }

.mapsidebar:hover{background:url(img/map2.png) no-repeat center top; cursor:pointer}



.project_thumb_sub img{ margin-bottom:5px;}



.profile_wrapper{ list-style:none; display:block; width:100%; margin:0px; padding:0px; text-align:left !important; line-height:16px;}

.profile_wrapper li{
	display: block;
border-top: solid 1px #333;
float: left;
width: 263px !important;
height: 231px !important;
margin: 20px 7px 7px 0;
padding-right: 4px;
padding-top: 25px;
padding-bottom: 5px;
background: url(img/star_trans.png) no-repeat 46px 10px;}

.tebel th, .tebel td{ line-height:16px !important}

.profile_wrapper li span{ float: left; text-align:left; display:block; width:150px;}

.profile_wrapper li h3{ font-size:12px; font-weight:normal; color:#999; float:left;width: 100%;}
.profile_wrapper li h3 strong{ color:#FFF; font-weight:bold;}

h3, sub_name{ margin:0px; color:#FFFFFF;}



.profile_wrapper li img{ float:left; margin-right:8px; clear: both !important; display:block}

.reset { width:auto!important; height:auto!important; border:none!important; box-shadow:none!important;}

.orange{ color:#eb6938 !important}



.subcompany_wrapper{ list-style:none; display:block; width:100%; margin:0px; padding:0px; text-align:left !important; line-height:16px;}

.subcompany_wrapper li{display:block; border-top:solid 1px #333; float:left; width:550px; min-height:60px; margin:20px 7px 5px 0; padding-right:4px; padding-top:10px;}

.subcompany_wrapper li span{ float: left; text-align:left; display:block; min-width:350px !important;}

.subcompany_wrapper li h3{ font-size:12px;}

.subcompany_wrapper h3{ display:block; width:350px; float:left; margin:0px; color:#FFFFFF; font-size:20px !important; margin-bottom:7px; margin-top:5px; color:#ff6600; line-height:normal}

.subcompany_wrapper li img{ float:left; margin-right:8px; clear:left; width:160px; height:100px;}



#toglebutton img, #toglebutton2 img, #toglebutton3 img, #toglebutton4 img, #toglebutton5 img, #toglebutton6 img, #toglebutton7 img, #toglebutton8 img,#toglebutton9 img,#toglebutton10 img, #toglebutton12 img{ width:80px; height:12px; border:none; box-shadow:none;}

#togle, #togle2, #togle3, #togle4, #togle5, #togle6, #togle7, #togle8, #togle9,#togle10, #togle12{width:550px; float:left; text-align:left; margin:10px 0; text-align:justify }

#togle a, #togle2 a, #togle3 a, #togle4 a, #togle5 a, #togle6 a, #togle7 a, #togle8 a,#togle9 a,#togle10 a, #togle12 a { display:block; width:100%; border-top: solid #999 1px; padding-top:5px;}

#togle a img,#togle2 a img, #togle3 a img, #togle4 a img, #togle5 a img, #togle6 a img, #togle7 a img, #togle8 a img,#togle9 a img,#togle10 a img,  #togle12 a img{ width:52px ; height:12px ; border:none !important; text-align:right !important; float:right; box-shadow:none !important}



.more_title{ font-size:14px; font-weight:bold; color:#FFFFFF; border-bottom:solid 1px #333; width:100% !important; padding-bottom:3px; padding-top:20px;}

.more_gallery{ border:none !important;}

div a.more_gallery img{ width:230px !important; height:126px !important}

div a.more_gallery { display:block; width:250px !important; height:150px !important; float:left !important; margin:15px 10px 15px 0px; cursor:pointer;}

div a:hover.more_gallery { opacity:0.5;}





.album_thumb{ display:block; float:left; width:245px; min-height:250px; text-align:left; line-height:15px;

padding:10px; margin:3px;}

.album_thumb span{ display:block; width:245px;margin:15px 0; padding:0px 5px;}

.album_thumb span strong{ font-size:18px; margin-bottom:1px; display:block; padding:0px; color:#FFFFFF;}

a:hover .album_thumb{ background:url(img/bg_hover.png) repeat-x center top;

	-webkit-border-radius: 4px 4px 4px 4px;

	-moz-border-radius: 4px 4px 4px 4px;

	-khtml-border-radius: 4px 4px 4px 4px;

	border-radius: 4px 4px 4px 4px;

	cursor:pointer;}

	

/*.shine{ position: absolute; float:left; display:block; width:230px; height:126px; background:url(img/shine.png) no-repeat right top; margin:13px 0 0 20px; cursor:pointer}*/



/*--------------------------------footer----------------------------------------*/

#footer {background:url(img/footer_bg.jpg) repeat-x left top; margin-top:15px; height:54px;}

.footer_wrapper{ height:54px; width:1000px; margin:auto; background:url(img/footer_bg_star.jpg)  no-repeat right top; }

.footer_wrapper span{ display:block; width: 500px; height:54px; color:#666; padding-top:0px; font-size:10px; float:left; margin-left:12px;}

.footer_contact{ display:block; width: auto; height:40px; float:right !important; text-align:right;font-size:10px;color:#666}









/*---------contact us styling----------*/







.titleContact, .contactDesc1{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#816b66;font-weight: normal; line-height:20px;



	margin:10px 20px;



}







.contactDesc1, .contactDesc2, .formField{ margin-top:20px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#999;font-weight: normal; line-height:20px;}



.contactDesc2{ width:550px; float:left;}

.formDesc{font-size:12px;}

.contactDesc1 a{ color:#666; text-decoration:none;}

.contactDesc1 a:hover{ text-decoration:none}

.addressDetail, .formField .left{float:left;}

.addressDetail span, .contactDesc2 span, .formField .left,  .formField .right, .formField .bottom{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#816b66; font-weight: normal; line-height:20px;}

.map,  .formField .right{float:right; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#816b66;font-weight: normal; line-height:20px;}

.hotlineNo{

	color:#666 !important;

	font-size:24px;

}

.formTitle{

	border-bottom:1px solid #A3A3A3; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#816b66;font-weight: bold; line-height:20px;

}

.textField, .textFieldArea{

	background:url(img/textboxBg.jpg) repeat-x; background-color:#FFF;

	border:1px solid #CCCCCC;

	height:25px;

	width:220px;

	margin:0px;

}

.textFieldArea{

	width:100%;

	height:85px;

}

.formField .left,  .formField .right, .formField .bottom{margin:0;}

.submitBtn{

	background:url(img/budmit.png) no-repeat;

	width:207px;

	height:46px;

	border:none;

}

	
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden; }
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}

/*#pikame{position: absolute; top:400px; left:300px; z-index:99999 !important;}*/

/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; display:none; }
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 100%;}
.pika-stage {position: relative; height:290px;}
.pika-stage img{height:100%;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(pika/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }