@charset "utf-8";
/* A CSS By Erwin Draft, please do not modify this */


BODY {	
	background:#FFF;
	margin:20px 0 0 0;
	color:#636363;
	font:12px "Trebuchet MS", tahoma, arial, sans-serif;
	padding:0;
	}
.clear 
{ 
clear:both; margin: 0; 
}
*
{
padding: 0; margin: 0;
}

a:link 
{
	text-decoration:none;
	color:#395885;
}

a:visited 
{
	text-decoration:none;
	color:#395885;
}

a:hover 
{
	text-decoration:underline;
}

a:active 
{
	text-decoration:underline;
}
#header
{
width:100%;
height:50px;
}
#logocontainer
{
float:left;
width:230px;
}
#allLogo
{
float:left;
width:180;
}	
#slogancontainer
{
float:right;
width:320px;
padding-right:50px;
}
#menucontainer 
{ 
background: #d2d2d2 url(../images/background/bg-menucontainer.jpg) repeat-x; margin: 0; 
}

#menu 
{ 
width:900px; position:relative; margin:0 auto; font: normal 12px Verdana, Arial, sans; z-index:100; 
}

/* start sliding gallery sk */
#galleryContainer
{
width:100%;
padding-top:10px;
border-top: 1px solid #888;
background-color:#E1E1E1;

}
#leftColumn {
clear:both;
width: 289px;
position: absolute;
top: 0;
left: 0;
}			
#leftGalleryButton 
{
margin-top:200px;
margin-left:10px;
float:left;
}
#galleryHolder 
{
 margin-left: 60px;
 }
#insideGalleryHolder 
{
 width: 610px;
 height: 210px;
 float: left;
 display: inline;
}
		
.galleryImageHolder 
{
float:left;
display:inline;
width: 340px;
}

.galleryDescriptionHolder 
{
float:right;
display:inline;
width: 264px;
}	
		
#rightColumn 
{
 position:absolute;
 top: 0;
 left: 680px;
}
		
#rightGalleryButton 
{
 margin-top:200px;
 float:left;
 }
#rightBox
 {
	width: 211px;
	float: left;
	margin-left:20px;
	margin-top:135px;
	font-size: 90%;
 }
#rightBox h2 
{
	font-size: 100%;
	background: url("../images/background/boxh2.gif") no-repeat;
	padding: 10px 10px;
}
#rightBox h2 span {
	display: block;
	padding: 5px 0 5px 20px;
}
#rightBox .box  
{
	background: #fff url("../images/background/boxin2.gif") no-repeat left bottom;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
}
#rightBox .box p {

	padding: 15px 0 10px 0;
	margin: 0 15px;
	border-top:dotted #DDDDF4;
}

/* tutup sliding gallery sk */

#panelcontainer
{
width:100%;
padding-top:5px;
border-top: 1px solid #888;
margin-bottom:10px;
}
			
#pannelbanners
{
width:700px;
padding-top:15px;

}
#pannelright {
    position:absolute;
	top: 0;
	margin-left:800px;;
	margin-top:410px;
}
#shadyBox {
	width:190px;
	background: #fff url(../images/background/bg_shade.jpg) top right repeat-x;
}
#content 
{
	background:url(../images/background/bg_shade.jpg) top right repeat-x;
	padding:15px 0 0 0;

	

}
#content-feature {
	margin:0;
	padding:0px 0px 15px 0px;
	background:url(../images/bg-cont-gray.gif) no-repeat bottom left;
	width:574px;
	}
#content-primary
		{
			width: 550px;
			float: left;
			margin-left: 15px;
			margin-right:10px;
		}
#content-primary li
		{
		list-style-position:inside;
		}		
#content-primary H2 {
	font:normal 17px "Trebuchet MS", arial, tahoma, sans-serif;
	color:#916A60;
	margin-bottom:5px;
	padding:0;
	}		
.highlight 
{
 background: #ffffcc;
}

.highlight a,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
 color: #CF6600;
}

p.highlight 
{
 border: 1px solid #FCED98;
 padding: 5px 10px;
 margin-top:15px;
 margin-bottom:25px;
}	
		
#content-secondary
{
 width: 220px;
 float: left;
}
#menu-second
{
 width: 172px;
 float: left;
 margin-left: 10px;	
}
		
#menu-second .nav ul
{
 margin: 0; padding: 0;
 list-style: none;
}
dl.nav
{
 margin: 0 0 20px 0;	
}

dl.nav dt
{
 padding: 6px 4px 3px 4px; margin: 0 0 6px 0;
 font-weight: bold;
 border-bottom: 1px solid #eee;
 font-family: 'ms trebuchet', trebuchet, sans-serif;
 color: #4e80c1;
}

dl.nav dd li,dl.nav dd li:hover
{
padding: 0;
background: url(../images/button/dotted-border.gif) repeat-x 0 bottom;
}

dl.nav dd li a
{
 display: block;
 padding: 3px 3px 3px 14px; margin: 0;
 background: url(../images/button/bullet.gif) no-repeat 5px center;
 border: none;
 text-decoration: none;
 color: #333;
}

dl.nav dd li a:hover
{
 background-color: #f3fbff; color: #4e80c1;
}
					
					
.callout
{
	clear: left;
	margin: 0 0 20px 0;
	font-size: 12px;
	zoom: 1;
}
.callout .w1
{
 background: url(../images/background/section-tl.gif) no-repeat 0 0;
}
.callout .w2
{
 background: transparent url(../images/background/section-tr.gif) no-repeat right 0;
}
.callout .w3
{
 background: url(../images/background/section-bl.gif) no-repeat 0 bottom;
}
.callout .w4
{
 padding: 10px 20px 20px 20px;
 background: transparent url(../images/background/section-br.gif) no-repeat bottom right;
}

.callout .title 
{
 margin: 6px 0 4px 0;
 color: #4E80C1;
 font: bold 14px/20px arial;
}
		

#contact {
	height: 180px;
	width:220px;
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-left: 0px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.71em;
	line-height: 2em;
}
#top
{
 height: 20px;
 background-image: url(../images/background/contact-top.jpg);
}
#bot
{
  height: 40px;
 background-image: url(../images/background/contact-bot.jpg);
}

/*~~~~~~~~~~~~~~~~~~~~~
    =intro	
~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper 
{ 
 font-family: Arial, Tahoma, Verdana, sans-serif;
 color: #cccccc;
 font-size: 11px;
 width: 830px; margin: 0 auto;
 padding-bottom:10px;
}
#intro 
{ 
 position: relative; 
 padding: 6px 8px 8px 8px; 
 background:#282828;
 overflow: hidden;
 height: 284px;
}
	
#intro .right 
{ 
 position: relative;
 padding: 27px 15px; 
 width: 335px; 
 height: 232px;
 background:#3B3B3B;
 float:right;
}
#intro .left
{
float:left;
}
	
#intro .right h2 
{
margin: 0 0 20px 0;
font-size: 12px;
color: #ffffff;
text-transform: uppercase;
}
#intro ul.action 
{ 
position: absolute;
bottom: 20px; 
}
#intro ul.action li 
{ 
margin: 0 20px 0 0; 
}
#intro ul.action a 
{ 
padding: 0 0 0 13px;
color: #ffffff; 
font-size: 10px;
text-transform: uppercase;
}
#intro ul.action a.blue 
{ 
text-transform: none; 
font-size: 12px; 
}
#intro .right p 
{ 
margin: 0 0 1em 0; font-size: 12px; 
}
#nav-right, #nav-left 
{
		position: absolute;
		z-index: 100;
		top: 8px;
		outline: none;
		text-indent: -9999px;
}
#nav-right:hover, #nav-left:hover 
{
background-position: 0 -36px; 
}
#nav-right 
{ 
width: 36px;
height: 36px;
right: 8px;
background: url(../images/background/nav_right.gif) 0 0 no-repeat;
}
#nav-left 
{
width: 36px;
height: 36px;
right: 46px;
background: url(../images/background/nav_left.gif) 0 0 no-repeat;
}
#intro .none 
{ 
background-position: 0 -72px; 
}

#scroll 
{ 
overflow: hidden; 
}
#scroll li 
{ 
overflow: hidden; padding-bottom: 6px; 
}
	
#info 
{ 
display: none;
position: absolute; 
bottom: 8px;
right: 373px;
padding: 10px; 
font-size: 12px;
font-weight: bold;
background: #000000; 
color: #ffffff; 
}
	
	
	
/* KEBUN */
#blinkContainer
{
width:100%;
padding-top:10px;
border-top: 1px solid #888;
background-color:#E1E1E1;
height:400px;

}
#left-intro
{
float:left;
width:180px;
padding-left:17px;
padding-top:40px;
}
#left-menu ul
{
	list-style: none;
	margin: 0 0 0 6px;
	padding: 0;
	font: 12px 'Lucida Grande', Arial, sans-serif;

}

#left-menu ul li{
	margin: 0;
	padding: 0;

}

#left-menu ul li a{
	background-color: #CCCCCC;
	color: #838383;
	display: block;
	line-height: 140%;
	padding: 14px 0px 14px 0px;
	margin: 10px 0 0 0;
	position: relative;
	text-decoration: none;
	width: 150px;
	text-align: center;
		border:solid;
}

#left-menu ul li a.active,
#left-menu ul li a:hover{
	background-color:#BBBBBB;
	color: #ececec;
}

#left-menu ul li a span{
	color: #6c6c6c;
	padding: 0;
	display: block;
	font: lighter 9px/200% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#left-menu ul li a:hover span{
	color: #c2c2c2;
	padding: 0;
}

#center-intro
{
width:600px;
float:left;
}
#right-intro
{
float:left;
width:200px;
padding-left:5px;
padding-top:40px;
}

/* TUTUP KEBUN */	


#footer 
{
clear:both;
background: #383838; 
margin: 0; 
padding: 10px 0 10px 0; 
}
#footer-inner 
{ 
width: 900px; 
margin: 0 auto; 
}
#footer-inner p 
{ 
font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
color: #666; 
margin: 5px 0 5px 0; 
padding: 0 0 0 0; 
}
#footer-inner ul 
{
list-style-type:none; 
padding: 0 0 5px 0; 
margin: 15px 0 5px 0;
}
#footer-inner li 
{ 
display:block; 
float:left; 
margin:0; 
padding:0; 
border-right:1px solid #666;
font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
#footer-inner li a 
{
margin:0; padding:0 10px 0 10px; 
text-decoration:none; 
color:#aaa; 
border-bottom: 0; 
}
#footer-inner li a:hover 
{
color:#fff;
}

#footer-inner .left a 
{ 
padding-left: 0; 
}
#footer-inner .right 
{ 
border-right: 0; 
}
#footer-inner .draftLink a { color: #A8C5FB; text-decoration: none; }
#footer-inner .draftLink a:hover { color: #50c8ff; }

#space
{
padding-top:40px;
clear:both;
}
#contact h2
{
font-size:15px;
}