@charset "utf-8";
body{ background:#fff url(../images/bg_repeat_01.gif) top repeat-x; padding:0; margin:0; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:0.8em}
.clear{clear:both}
.flleft{float:left}
.flright{float:right}
.small{font-size:10px;}
.miring{ font-style:italic}

h1,h2,h3,h4 {font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;  margin:0;padding:0;}
h1{font-size: 1.7em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}

a, a:link, a:visited {color:#248fbd; text-decoration: none;}
a:hover {color: #b35809; text-decoration: none;}
a:active {color:#248fbd; text-decoration: none;}
a:active, a:focus {outline:0;}
a img{border:none}
ul{margin:0;}
ul li{padding-bottom:3px;}

a.btn{position:relative; color:#e7e7e7; line-height:30px; padding:0 12px; background:url(../images/bg_button_10.gif) repeat-x; float:left; margin-left:17px; border:1px solid #d4d4d4; cursor:pointer}
a.btn:hover{color:#fff;}
a.btn:active{left:1px}



.container,.subfooter {width:950px; margin:0 auto; }
.header {width:100%; 
		height:179px; 
		color:#fff;
		float:left;
		background:url(../images/bg_header_13.jpg) right bottom no-repeat;
		}

.logo{ position:absolute; z-index:100; background:url(../images/image_03.jpg) top; width:290px; height:90px; float:left }

.closeleft{background:url(../images/leftside_05.jpg); width:37px; height:45px; float:left}
.topnav{ float:right;}
.topnav ul{ list-style:none; float:left; background:url(../images/bg_menu_repeat.gif) 20% 10% repeat-x;
		-border-radius: 7px 7px 0 0;
		-moz-border-radius: 7px 7px 0 0;
		-webkit-border-radius: 7px 7px 0 0;
		 z-index:700;
		 position:relative;
		padding:0; margin:0;
		}
.topnav ul li{ float:left; height:42px; }
.topnav ul li a{ color:#1e75a7; display:block; padding:0px 10px; line-height:45px; }
.topnav ul li a:hover{color:#fff; background:url(../images/bg_menu_repeat_hover.gif) repeat-x;} 

.closeright{background:url(../images/rightside_06.jpg); width:37px; height:45px; float:right}


.bigtitle{float:left; position:relative; z-index:800; margin-top:110px; margin-left:20px; font-size:36px; font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;}

		
.maincontainer{width:100%; float:left; padding-bottom:5px; margin-bottom:10px; min-height:300px}

.welcome{ width:100%; height:255px; float:left; background:url(../images/image_06.jpg) center no-repeat}

.box1{float:left; text-align:center; width:60%; margin:70px 0 0 20px; font-weight:bold}

.boxlarge{float:left; width:100%}

.box2{ float:left; width:31%; margin:7px 11px; }
.box2 h2{color:#70abd2; margin-bottom:20px;}
.box2 h2 span{position:relative; padding-left:40px;}
.box2 h2 img {position:absolute;}

.box2 ul{padding:0; margin:0; list-style:none}
.box2 ul li{padding-left: 20px; margin-bottom:5px; background:url(../images/check32.png) 0 0 no-repeat}
.box2 ul li:hover{background:url(../images/check32_hover.png) 0 0 no-repeat}
.box2 ul li a{border-bottom:1px dashed #d4d4d4; display:block; padding:2px 0 }

.detailimg img{float:left; width:100%; margin:10px 0 20px 0}

.textplace{float:left; padding:7px 12px;}

.leftside{float:left; width:70%; text-align:justify; padding:0 17px; border-right:1px solid #e5e5e5}

.rightside{float:left; width:23%; text-align:justify; padding:20px 7px;}
.rightside img{margin:10px 0 20px 0}

.rightside h2{width:100%; border-bottom:1px dotted #e7e7e7; margin:20px 0}

.rightside p,.rightside ul {padding-left:17px;}

.rightside ul{list-style:none;}
.rightside ul li{padding-bottom:7px;}
.rightside ul li a{border-bottom:1px dashed #d4d4d4; display:block; padding:2px 0; color:#470e15 }
.rightside ul li a:hover{border-bottom:1px solid #d4d4d4; }

.footer{width:100%;
		height:170px;
		padding-top:10px;
		color:#fff;
		background:#fff url(../images/bg_repeat_07.gif) bottom repeat-x;		
		}
				
.subfooter{ background:url(../images/kopi_21.jpg) no-repeat 450px 0;}

/*form*/
table.contactform td{padding:10px 0;}
.formbtn{position:relative; color:#e7e7e7; line-height:30px; padding:8px 12px; background:url(../images/bg_button_10.gif) repeat-x; float:left; border:1px solid #d4d4d4; cursor:pointer}

.text{border:1px solid #d3d3d3; padding:7px 3px}
.text:focus{border:1px solid #248fbd;}

/*slider*/
#slider							{ width:100%; height:255px; overflow: hidden;
								  position: relative; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ position: relative; }

.slide							{ padding: 20px 25px; width: 950px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 400px; }
.slide .img						{ position: absolute; top: 0px; left: 600px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }