@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}

body {background-color: #FFFFFF; background-image: url(images/BGblue.png); background-repeat: repeat-x; background-position: left top; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

/* a better and smarter way to clear floats */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/

.clearfix {
	display:block
}

/* End hide from IE Mac */

* html .clearfix {
	height:1px
}


table {border:none;}

p {font-size:12px; line-height:16px; color:#000000;}

a {color:#133887; text-decoration: none; }

a:hover { text-decoration: underline; }

h1,h2,h3,h4,h5,h6 {font-weight:normal;}

h1 {color:#efa000; font-size:22px;}

h2 {color:#efa000; font-size:17px;}

h4 {color:#6e85c0; font-size:14px;}

#wrapper {width:990px; margin:0 auto;} /* ukuran 980px, tambah kanan kiri 5px untuk shadow content*/

#search { text-align:center; width:200px; height:20px; margin-left:684px; margin-right:5px; padding:8px 65px 15px 36px; background-image: url(images/mainsearchbox.png); background-repeat: no-repeat; background-position: right top;}

#searchfield {width:150px; height:15px; margin:0 3px;}

#branding {width:940px; height:65px; padding-left:40px; margin:0 5px;}

#container {width:980px; margin:0 5px;}


/* -----------------------------
 		Navigation
----------------------------- */

#navigation {width:980px; height:36px; margin:0 5px;}
	#navigation ul {list-style:none;}
	#navigation li a {/*display: inline;*/ font-size: 10px;}
	#navigation li ul li a {font-size: 10px;}

#about a.parent {background-image: url(images/menu_about.png); width:220px; height:36px; background-repeat:no-repeat;}
	#about a.parent:hover {background-image: url(images/menu-hover_about.png);}
	#about #current {background-image: url(images/menu-hover_about.png); width:130px; height:36px; background-repeat:no-repeat;}

#public a.parent {background-image: url(images/menu_public.png); width:136px; height:36px; background-repeat:no-repeat;}
	#public a.parent:hover {background-image: url(images/menu-hover_public.png);}
	#public #current {background-image: url(images/menu-hover_public.png); width:136px; height:36px; background-repeat:no-repeat;}

#events a.parent {background-image: url(images/menu_events.png); width:66px; height:36px; background-repeat:no-repeat;}
	#events a.parent:hover {background-image: url(images/menu-hover_events.png);}
	#events #current {background-image: url(images/menu-hover_events.png); width:66px; height:36px; background-repeat:no-repeat;}

#management a.parent {background-image: url(images/menu_management.png); width:158px; height:36px; background-repeat:no-repeat;}
	#management  a.parent:hover {background-image: url(images/menu-hover_management.png);}
	#management #current {background-image: url(images/menu-hover_management.png); width:158px; height:36px; background-repeat:no-repeat;}
	
#know a.parent {background-image: url(images/menu_know.png); width:131px; height:36px; background-repeat:no-repeat;}
	#know a.parent:hover {background-image: url(images/menu-hover_know.png);}
	#know #current {background-image: url(images/menu-hover_know.png); width:131px; height:36px; background-repeat:no-repeat;}
		
#find a.parent {background-image: url(images/menu_find.png); width:184px; height:36px; background-repeat:no-repeat;}
	#find a.parent:hover {background-image: url(images/menu-hover_find.png);}
	#find #current {background-image: url(images/menu-hover_find.png); width:184px; height:36px; background-repeat:no-repeat;}

#careers a.parent {background-image: url(images/menu_careers.png); width:200px; height:36px; background-repeat:no-repeat;}
	#careers a.parent:hover {background-image: url(images/menu-hover_careers.png);}
	#careers #current {background-image: url(images/menu-hover_careers.png); width:200px; height:36px; background-repeat:no-repeat;}

.displace {position: absolute; left: -5000px;}
/* ----------------------------- */

#headerhomeother {width:980px; height:185px; margin: 0 5px 20px 5px;}

#headerother {width:980px; height:285px; margin: 0 5px 20px 5px; background-image:url(images/headerother.jpg); background-repeat:no-repeat;}

#headerother h1{background-color:#26468e; height:38px; font-size:30px; font-weight:normal; color:#FFFFFF; padding-right:15px; border-right:solid #ee9900 7px; _text-align:right;}

#headertag {background-image:url(images/bluetag.png); background-position:left center; background-repeat:no-repeat; padding:0 0 0 18px; margin-top:20px; float:right;}


/*--tambahan rian--*/

.headertambahan { position:relative;width:657px; height:295px; margin: 0 5px 20px 0px; overflow:hidden; float:left;}
#headerhome {}
#headerhome a img { border:none; position:absolute; /* width:657px; height:295px; */}

.wrap-bg { background:url(images/bg.jpg) repeat-x bottom #EAEAEA; border-top:2px solid #fff; padding:0; margin:0 5px; width:980px;}
.wrap-round { background:url(images/bg-last.jpg) no-repeat center; margin:0; padding:7px 0; margin: 0 5px; width:980px;}

/* ----------------------------- Home Products & Video ----------------------------- */
#homebottom {width:960px; height:220px; padding:0 10px;}

#video {float:right; width:206px; height:177px; position: relative; top:75px; left:-73px; z-index:12;}

#producthome {height:177px; float:right;}
	#producthome .boxhome {width:159px; height:167px; padding:10px 10px 25px 10px; background:url(images/box_home3.png) no-repeat center; margin:0 6px; float:left; _margin-left:0;}
	#producthome .boxhome ul {margin-left:15px; font-size:12px; color:#636363; list-style:disc; line-height:22px;}
	#producthome .boxhome li { padding-bottom:5px;}
	#producthome .boxhome p{font-size:11px; color:636363; line-height:14px;}
	#producthome .boxhome a {color:#636363;}
	#producthome .boxhome h2 {color:#898989; text-align:center; line-height:20px; height:70px;}
/* ----------------------------- */

.indoBCsmall {width:718px; height:27px; background-image:url(images/contentBGBCsmall2.png)!important; background-repeat:no-repeat; font-size:10px; font-weight:bold; padding:20px 0 0 35px; }
.indotextsmall {width:683px; padding:25px 35px; background-image: url(images/contentBGgradsmall2.png)!important; background-repeat:no-repeat; line-height:18px;}

/*--end rian--*/


#content {width:990px; margin-top:5px;}

#sidemenu {width:221px; margin:5px 11px 0 5px; _margin:5px 0 0 2px; float:left;}

#sidemenutop {width:201px; height:24px; padding-left:20px; padding-top:10px; background-image:url(images/sidemenutop.png); background-repeat:no-repeat; color:#FFFFFF;}

#sidemenumiddle {background-color:#f2f2f2; width:171px; padding:10px 20px 0 30px; line-height:18px;}

#sidemenubottom {width:221px; height:24px; background-image:url(images/sidemenubottom2.png); background-position:bottom; background-repeat:no-repeat;}


/* -----------content small------------------ */
#contentsmall {width:753px; float:right; background-image:url(images/contentBGshadowsmall.png); background-position: center 45px; background-repeat:repeat-y;}

#BCsmall {width:718px; height:27px; background-image:url(images/contentBGBCsmall.png); background-repeat:no-repeat; font-size:10px; font-weight:bold; padding:20px 0 0 35px; color:#28488f;}
	#BCsmall a {color:#000000;}

#textsmall {width:683px; padding:25px 35px; background-image: url(images/contentBGgradsmall.png); background-repeat:no-repeat; line-height:18px;}
	#textsmall h1 {line-height:26px;} 
	#textsmall h2 {line-height:21px;}
	#textsmall h4 {color:#efa000;}
	#textsmall li {list-style-position:inside;}

#bottomarticle {width:683px; padding-top:10px; border-top:1px #999999 dotted; float:none; text-align:right;}

#roundedbottomsmall {width:753px; height:17px; background-image:url(images/contentBGbottomsmall.png); background-repeat:no-repeat;}

#leftcat {padding-right:5px;}
	#leftcat ul {margin-left:12px;}
	#leftcat a {color:#000000;}
	
#borderleft {width:3px; border-left:1px #999999 dotted;}

#smallboxcat {width:322px; height:24px; background:url(images/smallboxcat.png) no-repeat; font-size:11px; color:#636363;text-align:center; padding-top:3px;}
	#smallboxcat a {color:#636363;}
	#smallboxcat a:hover {color:#6e85c0; text-decoration:none;}
	#smallboxcat #active {color:#6e85c0; text-decoration:none;}

.articlesmall {width:683px; padding-bottom:10px; padding-top:8px; float:right; border-bottom:1px #999999 dotted;}
	.articlesmall img { float:left; margin-right:10px;}
	
.what-they-say {width:683px; padding-bottom:20px; padding-top:20px; border-bottom:1px #999999 dotted; float:right;}
	.what-they-say img { float:left; margin-right:20px;}

.phototemp {float:left;}

.phototemp img {
    float: none;
    margin-right: 15px;
    margin-bottom: 10px;
    border: 0px;
}

.articlewidth {width:563px; float:right;}

.subinfo {color:#7a7a7a; font-style:italic;}

.paddingleft20 {padding-left:20px;}

.paddingright20 {padding-right:20px;}

.greytext {color:#7a7a7a;}

.favquote {font-size:11px; font-style:italic; color:#7a7a7a;}

.blacktext {color:#000000; font-style:normal;}

.bold {font-weight:bold;}

.bluetext {color:#6e85c0;}

.lightbluetext {color:#9aaddc;}

.weightnormal {font-weight:normal;}

.orange {color:#efa000;}
/* ----------------------------- */


/* -----------content big------------------ */
#contentbig {width:990px; float:none; background-image:url(images/contentBGshadowbig.png); background-position: center 45px; background-repeat:repeat-y;}

#BCbig {width:995px; _width:955px; height:27px; background-image:url(images/contentBGBCbig.png); background-repeat:no-repeat; font-size:10px; font-weight:bold; padding:20px 0 0 35px; color:#28488f;}
	#BCbig a {color:#000000;}

#yearselect {width:990px; background-color:#FFFFFF; height:26px; text-align:center; background-image:url(images/yearevents.png); background-repeat:no-repeat; color:#7a7a7a; font-weight:bold; padding-top:10px;}
	#yearselect a{color:#7a7a7a;}
	#yearselect a:hover{color:#efa000; text-decoration:none;}

#textbig {width:920px; padding:25px 35px; background-image: url(images/contentBGgradbig.png); background-repeat:no-repeat; line-height:18px;}
	#textbig h1 {line-height:26px;} 
	#textbig h2 {line-height:21px;}
	#textbig ul {margin-left:30px;}

#searcharticle {width:920px; padding-bottom:20px; border-bottom:1px #999999 dotted; float:none; text-align:right;}

.article {width:920px; padding-bottom:20px; padding-top:20px; border-bottom:1px #999999 dotted; float:right;}
	.article img { float:left; margin-right:20px;}
	
#pagingarticle {width:920px; float:none; text-align:right; font-size:11px;}
	#pagingarticle a {color:#545454; background-color:#f2f2f2; padding:3px 6px; * padding:1px 4px; border:#ccc solid 1px;}
	#pagingarticle a:hover {background-color:#FFFFFF; text-decoration:none;}
	#pagingarticle a.currentpage {background-color:#FFFFFF; text-decoration:none;}
	
.clear {clear: both;}

.find-us_box {width:643px; margin-top:20px; padding:20px; border:1px solid #b7b7b7; float:left;}
	.find-us_box img { float:left; margin-right:20px;}
	
#roundedbottombig {width:990px; height:17px; background-image:url(images/contentBGbottombig.png); background-repeat:no-repeat;}

.table {line-height:18px;}
	.table td {padding:0 5px; height:25px;}
	
.imgstyle {padding-right:20px; padding-bottom:15px; float:left;}
.linedot {border-bottom:1px #999 dotted;}

.pdf {width:70px; font-size:10px; line-height:12px; text-align:center; float:right; padding:0 0 0 5px;}
	.pdf a {font-size:10px; line-height:12px;}
	.pdf img {padding-bottom:5px;}

/* ----------------------------- */

.box {padding:10px; border:1px solid #BBB; text-align:center;}
	.box img {padding:10px 0 0 0;}
	.box p {padding-top:3px;}

#footer{height:15px; width:900px; margin:0 45px; color:#787878; font-size:11px;}
	#footer a {margin: 0 0.5em;color:#787878; text-decoration:none;}
	#footer a:hover{color:#ee9d05;text-decoration:underline; }
	#footerleft {float:left; padding:25px 0;width:300px;}
	#footerleft2 {float:left;position:absolute;margin-top:10px;padding-bottom:10px;}
	#footerleft2 a{margin: 0em;}
	#footerImg  img {float:left;border:none;margin-left:5px;}	
	#footerText {float:left;padding-top:1px;padding-left:5px;}
	#footerright {float:right; padding:25px 0;}


#wrapper #container .headergriya { position:absolute;background:none;top:144px;z-index:100; }


/*** Tambahan Ofi Hendrasto ***/


div#textsmall {width:683px;background-image:url("images/contentBGgradsmall.png");background-repeat:no-repeat;line-height:18px;padding:25px 35px;font-size:12px;line-height:16px;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}
div#content_history {width:683px;height:855px;background:url("images/line_baru.png") no-repeat 300px 30px;}

div#content_history div#history_box_right {width:330px;float:right;}
div#content_history div#history_box_right .history_box{text-align:left;}

div#content_history div#history_box_left {width:330px;float:left;}
div#content_history div#history_box_left .history_box{text-align:right;}

div#content_history div.history_box span.history_header{color:#dd850c;display:block;}

div#content_history div#history_box_left div.history_box_1{margin-top:10px;}
div#content_history div#history_box_left div.history_box_2{}
div#content_history div#history_box_left div.history_box_3{margin-right:10px;}
div#content_history div#history_box_left div.history_box_4{margin-right:30px;}
div#content_history div#history_box_left div.history_box_5{margin-right:30px;}
div#content_history div#history_box_left div.history_box_6{margin-right:40px;margin-top:3px;}
div#content_history div#history_box_left div.history_box_7{margin-right:40px;margin-top:17px;}
div#content_history div#history_box_left div.history_box_8{margin-right:40px;margin-top:76px;}
div#content_history div#history_box_left div.history_box_9{margin-right:18px;margin-top:32px;}
div#content_history div#history_box_left div.history_box_10{margin-right:16px;margin-top:10px;}
div#content_history div#history_box_left div.history_box_11{margin-right:0px;margin-top:10px;}
div#content_history div#history_box_left div.history_box_12{margin-right:0px;margin-top:10px;}
div#content_history div#history_box_left div.history_box_13{margin-right:0px;margin-top:10px;}

div#content_history div#history_box_right div.history_box_1{margin-top:221px;}
div#content_history div#history_box_right div.history_box_2{margin-top:22px;}
div#content_history div#history_box_right div.history_box_3{margin-left:-20px;margin-top:38px;}
div#content_history div#history_box_right div.history_box_4{margin-left:0px;margin-top:114px;}
div#content_history div#history_box_right div.history_box_5{margin-left:20px;margin-top:51px;}
div#content_history div#history_box_right div.history_box_6{margin-left:15px;margin-top:52px;}
div#content_history div#history_box_right div.history_box_7{margin-left:18px;margin-top:6px;}
div#content_history div#history_box_right div.history_box_8{margin-left:18px;margin-top:40px;}
div#content_history div#history_box_right div.history_box_9{margin-left:6px;margin-top:8px;}



div#video_bottom{text-align: center; margin-top: 10px; color: rgb(131, 131, 131); font-weight: bold; font-size: 1.1em; font-family: arial; width: 300px;margin-left: -27px; }
div#video_bottom span{color:#E3AC1E; }