@charset "utf-8";
/* CSS Document */



body{
background:#333938 url(../images/bg.png) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999e9d;
font-size:11px
}

.logo{
	position:absolute;
	top:-80px;
	right:-50px;
	z-index:20;
	}

.pegang {
position:relative;
width:693px;
top:80px;
}

.t1 {
background:#333938 url(../images/t1.png) no-repeat;
width:693px;
height:36px;
}

.t2 {
background:#333938 url(../images/t2.png) repeat-x;
width:693px;
height:50px;
}
.t3 {
background:#333938 url(../images/t3.png) repeat-x;
width:693px;
height:33px;
}
.t4 {
background:#333938 url(../images/t4.png) repeat-x;
width:693px;
height:150px;
}
.t5 {
background:#333938 url(../images/t5.png) no-repeat;
width:693px;
height:22px;
}

.geserL{
background:#333938;
display:block;
float:left;
width:14px;
height:180px;
}



.t6 {
background:#333938 url(../images/t6.png) repeat-x;
width:666px;
height:174px;
}

.t6 img{
/*border:6px solid #353939;*/
width:600px;
height:105px;
}
.t7 {
background:#333938 url(../images/t7.png) repeat-x;
width:666px;
height:228px;
}

.t7 a{
background:#000 url(../images/contact.gif) 100% no-repeat;
display:block;
width:133px;
height:37px;
}

.t7 a:hover{
background:#000 url(../images/contact_roll.gif) no-repeat;
width:133px;
height:37px;
}

.geser7{
display:block;
float:left;
width:35px;
height:228px;
}

.isi{
padding-top:20px;
float:left;
width:370px;
display:block;
text-align:justify;
}

.isi2{
padding-top:20px;
float:left;
display:block;
text-align:right;
width:190px;
}

.isi2 img{
width:175px;
height:105px;
}


.b {
clear:both;
position:relative;
display:block;
background:#333938 url(../images/b.png) no-repeat;
width:666px;
height:22px;
}







/* slider */

	img{border:none;}
		
	
				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{
	padding-top:30px;
	
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;
		height:105px;
		overflow:hidden; 
		}				
		
	p#controls{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn{ 
		display:block;		
		overflow:hidden;
		text-indent:-8000px;		
		width:15px;
		height:40px;
		position:absolute;
		top:-80px;
		}
		
    #prevBtn{
	left:10px;
	}
	#nextBtn{ 
		left:640px;		
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:15px;
		height:40px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}				
		
		
		
		
		/*
*****************************************
Author: Vivekanand
Website: http://www.developersnippets.com
*****************************************
*/


#slide_panel {	
	text-align:justify;
	background: #a0a09f;	
	height: 150px;
	display: none;
	color:#000;
	margin-top:2px;
	padding-left:10px;
}
.slide_div {
	margin: 0;
	padding: 0 35px 0 0;
	background: url(../images/slide_btn.jpg) no-repeat center top;
	float:right;
}

.slide_div a{
	font: bold 12px Helvetica, Verdana, Arial, sans-serif !important;
	outline: none;
}


.slide_button {	
	text-align: center;
	width: 154px;
	height: 32px;
	padding: 8px 5px 0 0;
	display: block;
	color: #000;
	text-decoration: none;
}


#pale{
	background:url(../images/sure.png) no-repeat;
	border-top: solid 2px #343333;
	width:211px;
	height:90px;
}