/* LAYOUT */

body
{

	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #FFFFFF url(../images/header-home-bg.gif) repeat-x;
	margin-top:0px;
}

#bg{
	background: url(images/back.png) repeat-x top;
}

/* LAYOUT ID */

#main
{
margin: 0 auto;
width: 940px;
}


#logo
{
padding-left: 20px;
text-align: left;
height: 95px;
width: 948px;
margin: 0 auto;

}

#isi
{
padding-left: 20px;
text-align: left;
padding-top: 10px;
height: 1000px;
width: 948px;
margin: 0 auto;
border:#CCCCCC solid 1px;
}

#header
{
padding-left: 10px;
padding-right: 10px;
text-align: left;
padding-top: 10px;
height: 95px;
width: 948px;
margin: 0 auto;
background-color:#FFFFFF;
margin-top:60px;
height:250px;
}

#header1 {
width:700px;
text-align:left;
margin:0;
padding:0;
float:left;
}
#header2 {
width:240px;
text-align:left;
margin:0px 0 0 0;
padding:0;
float:right;
}

#logo a {
	text-decoration: none;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}


#logo H2 a
{
font-size: 13px;
color:#FFFFFF;
}

#logo H2
{
font-size: 12px;
color:#FFFFFF;
}

#navigation 
{ 
position: relative;  
z-index: 100;  
width: 940px; 
height: 38px; 
background: url(../images/nav-bg.png) no-repeat 0 0; 
margin-top: 15px;
margin-bottom: 30px;
}  

#navigation ul 
{  
list-style-type: none; 
margin: 0px; 
padding: 0px;
}

#navigation ul li 
{ 
position: relative;  
float: left;
display: block; 
height: 36px; 
background: url(../images/nav-div.gif) no-repeat right 0; 
}

#navigation ul li a 
{ 
float: left; 
display: inline;  
height: 36px; 
font-size: 12px; 
font-weight: bold; 
color: #A2F269; 
line-height: 37px; 
text-transform: uppercase; 
padding: 0 27px;  
text-shadow: 0px 1px 1px #000;  
text-decoration: none; 
}

#navigation ul li a:hover,
#navigation li a.hover { background: url(../images/nav-hover.png) repeat-x 0 0;  text-shadow: 0px 1px 1px #333; }
#navigation ul li.first a:hover { background: url(../images/first-nav-hover.png) no-repeat 0 0; }


/* SLIDER */

#slider { position: relative; width: 920px; height: 300px;  padding: 10px; background-color: #fff; }
.slider-content { position: relative; width: 920px; height: 300px; overflow: hidden; z-index: 1;  }
.slider-content ul { list-style-type: none; position: relative;  overflow: hidden; }
.slider-content ul li, #slider .jcarousel-clip { width: 940px; height: 300px; position: relative; }
#slider #slider-prev, #slider #slider-next { position: absolute; top: 112px; width: 45px; height: 79px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; z-index: 2; }
#slider #slider-prev { left: 3px; background: url(../images/slider1-prev.png) no-repeat 0 0; }
#slider #slider-next { right: 4px; background: url(../images/slider1-next.png) no-repeat 0 0; }
.slider-pagination { position: absolute; bottom: 20px; right: 15px; z-index: 2; }
.slider-pagination ul { list-style-type: none;}
.slider-pagination ul li { float: left; display: inline;  width: 22px; height: 22px; margin-right: 5px; }
.slider-pagination ul li a { width: 22px; height: 22px; display: block; background: url(../images/slider1-pagination.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.slider-pagination ul li a:hover ,
.slider-pagination ul li a.active { background: url(../images/slider1-pagination-hover.png) no-repeat 0 0; }
#slider.project-slider ,#slider.project-slider .slider-content ,#slider.project-slider .slider-content ul li, #slider.project-slider .jcarousel-clip { width: 617px; height: 328px;  }
#slider.project-slider { border: 3px solid #d9d9d9; margin: 13px 0 10px;  }
#slider.project-slider #slider-prev { top: 125px; left: -10px; background: url(../images/project-slider-prev.png) no-repeat 0 0; }
#slider.project-slider #slider-next { top: 125px; right: -9px; background: url(../images/project-slider-next.png) no-repeat 0 0; }

.col1 {float:left}
.col1 {width:304px; height: 220px; padding-left: 20px}
.col2 {width:602px; float: right}
.cols {width:268px; }
.box2 {background:#fafafa;border-right:1px solid #ededed;border-bottom:1px solid 


.col1 {float:left}
.col1 {width:304px; height: 220px; padding-left: 20px}
.col2 {width:602px; float: right}
.cols {width:268px; }