* {
	margin: 0;
	padding: 0;
	
}
body { 
margin: 0 auto; 
font: .7em Verdana, sans-serif; 
/*background: #cccccc url(images/gdp.jpg) no-repeat center top;*/
background: #1F4B70 url(images/bggr.jpg) no-repeat center top;
line-height: 1.9em; 
position:static;
color:#FFFFFF;


_font: .7em Verdana, sans-serif; 
/*background: #cccccc url(images/gdp.jpg) no-repeat center top;
background: #FFF url(images/gdp.jpg) no-repeat center top;*/

_background: #1F4B70 url(images/bggr.jpg) no-repeat center top;
_line-height: 1.9em; 
_position:static;
_color:#FFFFFF;



}

a {
text-decoration:none;
}

.post-info { color: #FFF; font-weight: bold; padding: 4px 3px; display: block; float: left; background-color: #0099CC; margin-bottom: 9px; 
font-size:10px;}

.post-info2 a:visited, .post-info2 a:link { color: #292929; }

.post-info a:visited, .post-info a:link { color: #FFF; }

.post-info2 { color: #292929; padding: 4px 12px; display: block; float: left; background-color: #E9E9E9; margin-bottom: 19px; }

#news_img1 {
width:80px;
float:left;
margin:0px 7px 1px 6px;/* atas,kanan,bawah,kiri */
border: 1px solid #FFF;
text-align:center; 


}

#news_img2 {
width:88px;
float:left;
margin:5px 7px 8px 6px;/* atas,kanan,bawah,kiri */
border: 1px solid #FFF;
text-align:center; 

_width:87px;
_float:left;
_margin:5px 7px 8px 6px;/* atas,kanan,bawah,kiri */
_border: 1px solid #FFF;
_text-align:center;
}

h1 {	
font: bold 1.9em Arial, Sans-Serif;
color:#FFFFFF; 
padding: 8px 0 0 0; 
margin: 0; 
}

h2 { 
margin: 0;
color:#FFFFFF;
padding: 0 0 4px 0; 
font: bold 1.6em "Lucida Sans", Sans-Serif; 
}

h3 { 
margin: 0;
color:#2f0e00; 
padding: 0 0 4px 0; 
font: bold 1.3em "Arial", Sans-Serif; 
}

h7{ 
font:0.6em "Arial", Sans-Serif; 
}


#header {
margin: 3px 0 2px 0;  /* atas,kanan,bawah,kiri */
height:90px;



}

#csidehead {
float: left;
width: 990px;
margin: 0 0 0px 0;

height: 80px;
}




#header h1 {	
font: bold 1.2em "Lucida Sans", Sans-Serif;
color:#000000;  
padding: 3px 0 0 5px;  /* atas,kanan,bawah,kiri */
margin: 0; 
letter-spacing: -1px;

}
#header .iklan {	

margin: -60px 0 2px 390px;  /* atas,kanan,bawah,kiri */
overflow:hidden;
}
.boxkiri {
float: left;
width: 20%;
margin: 4px 0 0 30px;
color: #303030;
/*padding: 2px 2px 0 2px;*/
}
.boxkanan {
float:left;

margin: 4px 4px 0 41px;  /* atas,kanan,bawah,kiri */
color: #303030;

}



#textcontent { 
font-size: 1.1em; 
margin: 0 0 8px 26px; 
padding: 0;
color:#336666; 
}

a {
color:#FFFFFF; 
background: inherit; 
}

a:hover {
color:#00CCFF; 
background: inherit; 
}

p {	
margin: 0 0 5px 0; 
}

ul { 
margin: 0; 
padding: 0; 
list-style: none; 
}


img { 
border: 0;
}

.clear{
width: 100%;
clear:inherit;
_clear:inherit;
margin: 0px 0 0px 0;
height: 1px;
}
.span{
font-style:normal;
font-size:12px;
}


/**************** The main content ***********************************************************/

#wrapper { 
margin: 8px auto;
_margin: 8px auto;
margin-top:1px;
_margin-top:1px; 
width: 980px;
_width: 980px;
border: 0px solid #9c8c7d;


overflow:hidden;
}

#main { 
margin: 8px auto;
_margin: 8px auto;
margin-top:20px;
_margin-top:20px; 
width: 975px;
_width: 975px;

background: #1F4B70 url(images/bg.jpg) no-repeat center top;

overflow:hidden;
}



/**************** The Main Menu ******************************************************************/


#batas {
	height:2px;
	clear:both;
}
/* Menu */
#csidemenu {
float: left;
width: 665px;
margin: -3px 0 3px 0; /* atas,kanan,bawah,kiri */
background: #6BB7D1 ;
}

#menu {
	width: 900px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	
}

#menu ul {
	margin: 0px 0px 0px 12px;
	padding: 0px;
	list-style: none;
	line-height: normal;
	
}



#menu li {
	float: left;
	
}

#menu a {

	display: block;
	margin-top:-10px;
	margin-right: 10px;
	padding: 10px 12px 8px 13px;/* atas,kanan,bawah,kiri */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#FFF;
	border: 1px dotted #FFF;
}

#menu a:hover, #menu .current_page_item a {

	text-decoration: none;
	color:#0099CC;
	background-color:#FFFFFF;
}

#menu .current_page_item a {
	/*background: #0066CC;*/
	text-decoration: none;
	color:#009999
	height:6px;
	background-color:#FFFFFF;
}





#csidemenuproduk1 {
float: left;

margin: 0px 0 3px 5px;; /* atas,kanan,bawah,kiri */

}

#csidemenuproduk2 {
float: left;

margin: 0px 0 3px 10px; /* atas,kanan,bawah,kiri */

}


#csidemenuproduk2 img {
float: left;
width: 190px;
height:160px;
margin: 0px 0 0px 0; /* atas,kanan,bawah,kiri */
padding: 0px 9px 1px 0; /* atas,kanan,bawah,kiri */

}

#csidemenuproduk {
float: left;
width: 506px;
margin: 0px 0 3px 0; /* atas,kanan,bawah,kiri */

}
.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

#csidemenujudulproduk {

	text-decoration: none;
	color:#00CCCC;
	height:50px;
	width:500px;
}


#csidemenujudulproduk h3 {
padding:10px;
color:#FFFFFF;
}



/* untuk pergambar */

.lefttengah1
{
width:190px;
_width:185px;
height:250px;
font-family:verdana;
font-size:8pt;  
float: left; 
margin:8px 10px 30px 10px;/* atas,kanan,bawah,kiri ( untuk dibuat tampilan per 3bagian setting kirinya 48px*/
padding-left:3px;
padding-right:3px;

background-color:#6BB7D1;
color:#FFFFFF;
/*
border: 1px dotted #FF8B1E;*/
overflow:hidden;
}

.lefttengah1 img
{
float:left;
margin:10px 5px 10px 12px;/* atas,kanan,bawah,kiri */
border: 5px solid #FFF; 
width:150px;
height:100px;
text-align:center;
clear:both;
overflow:hidden;
}

.lefttengah1 a
{
color:#FFFFFF;
font-size:11px;
font-family:verdana;
font-weight:bold;
text-decoration:none;
}

.lefttengah1 a:hover {
color:#FFFFFF;
	
}

/* End pergambar*/


#csidecontent {
width: 620px;
margin: 0px 10px 3px 12px; /* atas,kanan,bawah,kiri */
padding: 5px;
background-color:#AFE3F8;
color:#FFFFFF;

}
.artikelmain { 
padding: 0px 5px 3px 5px; 
width: 330px; 
margin:2px auto; 
/*background: #FFF url(images_01/main.png);*/
float:left;

}
#csidecontent h3 {

color:#FFFFFF;
}

#csidecon1 {
width:400px;
_width:394px;
background:#FFF;
padding:3px;
height:190px;
overflow:hidden;
color:#006699;

}
/*
#csidecon1 a {
width:130px;
_width:130px;
background:#FFF;
padding:3px;
color:#FFFFFF;
background-color:#0099CC;
font-weight:bold;
text-decoration:none;

}
*/
#csideconbottom{
width:410px;
_width:394px;

padding:3px;
height:27px;

_padding:3px;
_height:27px;

}
#csidecon1 img {
float:left;
width:165px;
height:150px;
margin: 0px 3px 0px 0px; /* atas,kanan,bawah,kiri */
padding: 1px;
color:#FFFFFF;

}
.c img {
float:left;
width:200px;
height:150px;
margin: 0px 3px 0px 0px; /* atas,kanan,bawah,kiri */
padding: 2px;
color:#FFFFFF;

}
#produk {
width:608px;
margin: 0px 3px 3px 0px; /* atas,kanan,bawah,kiri */
padding: 5px;
color:#FFFFFF;

}

#produk img {
float:left;
width:160px;
height:130px;
margin: 0px 3px 3px 0px; /* atas,kanan,bawah,kiri */
padding: 5px;
color:#FFFFFF;

}


#csidecon2 {
position:relative;
width:210px;
float:right;
background-color:#7DC4E0;
color:#FFFFFF;
}

#csidecon2 img {
	width:79px;
	height:60px;
margin:5px 3px 1px 3px;/* atas,kanan,bawah,kiri */
/* Untuk IE */
_width:79px;
_height:60px;
_margin:5px 5px 5px 2px;/* atas,kanan,bawah,kiri */

}

#csidecon2 a {
text-decoration:none;
color:#FFFFFF;
}







#csidemain {
float: left;
width: 500px;
margin: 50px 0 3px 10px;/* atas,kanan,bawah,kiri */
}



/************************** The left MAIN side (pass the dutchie from here) **************************************/
#lefmain {
float: right;
width: 171px;
border-right: 0px solid #bbafa3;
margin: 40px 113px 8px 0px; /* atas,kanan,bawah,kiri */
overflow:hidden;
background-color:#E8E8E8;

}

/* ##### Side Bar ##### */



#side-bar {
  width: 15em;
  float: left;
  clear: left;
  margin-right: 20px;
  border-right: 1px solid rgb(153,153,153);
}

#side-bar div {
  border-bottom: 1px solid rgb(153,153,153);
  background-color: rgb(240,240,240);
}

.sideBarTitle {
  font-weight: bold;
  margin: 0 0 0.5em 2.5mm;
  padding: 1em 0 0 0;
}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 1.1em 0;
}

#side-bar li {
  margin: 0;
  padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#side-bar a, .thisPage {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0.75em 1ex 0.75em 5mm;
  display: block;
}

.thisPage {
  color: black;
  background-color: white;
  padding-left: 4mm;
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
}

#side-bar a:hover {
  color: white;
  background-color: rgb(100,135,220);
  text-decoration: none;
}

.sideBarText {
  line-height: 1.5em;
  margin: 0 0 1em 0;
  padding: 0 1.5ex 0 2.5mm;
  display: block;
}

#side-bar .sideBarText a {
  text-decoration: underline;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

.lighterBackground {
  color: inherit;
  background: white;
}




/************************** The left side (pass the dutchie from here) **************************************/
#galerikecil {clear: both; float: left; margin-bottom: 4px;}
#galerikecil li {float: left; margin: 5px 19px 13px 10px;  _margin: 0 10px 10px 5px;  /* atas,kanan,bawah,kiri */ } 
#galerikecil a {border-style: solid; border-width: 2px 2px 6px 2px; display: block; line-height: 0; background:#fff}
#galerikecil a:link, #galerikecil a:visited {border-color: #fff;}
#galerikecil a:hover {border-color: #cbbf9c;}
#galerikecil a:active {border-color: #f8e974;}
#galerikecil a img {height: 75px; width: 80px; _height: 75px; _width: 65px; background:#f8e974}

#lef00 {
float: right;
width: 240px;
border-right: 0px solid #bbafa3;
margin: 15px 5px 8px 0px; /* atas,kanan,bawah,kiri */
overflow:hidden;


}


.lef00d {
padding: 1px;	
margin: 0 0 1px 0;
}

.lef00d1 {
padding: 8px;	
margin: 0 0 5px 0;
}

.lef00d1 a {
text-decoration:none;
}
.lef00d1 img {
	width:80px;
	height:70px;
margin:0px 5px 1px 1px;/* atas,kanan,bawah,kiri */

_width:70px;
_height:70px;
_margin:0px 5px 1px 2px;/* atas,kanan,bawah,kiri */

}

.lef00enav1 {
background-color:#7DC4E0;
padding-left:8px;
}
.lef00enav1 h1 {
color:#FFFFFF;
}


.lef00enav {
background-color:#7DC4E0;
padding-left:8px;
color:#FFFFFF;
}
.lef00enav h1 {
color:#FFFFFF;
}


#lef00dnav {
width: 239px;
padding: 0;
margin-bottom: 0px;
font-size: 10px;
color: #9c8c7d;
background-color:#000000;

}

#lef00dnav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#lef00dnav li {
border-bottom: 1px solid #fff;
margin: 0;
width: auto;
}

#lef00dnav li a {
display: block;
padding: 3px 0px 2px 15px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
text-decoration: none;
width: auto;
background:#2f0e00 url(images/menuarrow.gif) no-repeat center left;
}

#lef00dnav li a:hover {
color: #000;
padding: 3px 0px 2px 30px;
background: #9a8a7a url(images/menuarrowhover.gif) no-repeat center left;;
font-weight:bold;
}
#lefbanner3 {
list-style: none;
margin: 0;
padding: 0;
border: none;
width:238px;
}

#lefbanner3 img
{
width:218px;

}

/*************************** tengah *******************************************/
#cside {
float: left;
width: 470px;
margin: 0 5px 10px 10px; /* atas,kanan,bawah,kiri */

}


#csideb {
float: left;
width: 380px;
margin: -5px 0 3px 0; /* atas,kanan,bawah,kiri */
background:  url(images/roda.png) no-repeat center top;
height:100px;
}



#cside1 {
float: left;
width: 350px;
margin: 0 0 3px 0;
background-color:#7DC4E0;
}



.cmain1 {
margin: 0 0 5px 0;
padding: 8px;
color:#000000;
background: #fff;
}
.cmain1 img {
margin:3px;
}


.maincontent {
margin: 0 0 5px 0;
padding: 8px;
color: #9c8c7d;
background: #fff;
}

.cmain {
margin: 0px 0 2px 0;
background: #fff;
color:#000000;
padding: 5px 15px 2px 10px; /* atas,kanan,bawah,kiri */
clear: both;
}

.cmain img {
margin:3px;

}
.cbanner{
background: #fff;
padding: 1px;
margin:1px;
}
#cside2 {
float: left;
width: 650px;
margin: 0 0 3px 0;
background-color:#F0F0F0;
}
#cside2 h1 {
background-color:#000000;
color:#FFFFFF;
display:block;
width:200px;
}



/************************** The left side (pass the dutchie from here) **************************************/

#r1 {
float: left;
width: 220px;
border-right: 0px solid #bbafa3;
margin: 25px 0px 8px 3px; /* atas,kanan,bawah,kiri */
overflow:hidden;



}

#rbanner {
float: left;
width: 220px;
border-right: 0px solid #bbafa3;
margin: 0px 0px 8px 3px; /* atas,kanan,bawah,kiri */
overflow:hidden;



}


.r2 {
float: left;
width: 220px;
height:194px;
_height:180px;
border-right: 0px solid #bbafa3;
margin: -2px 0px 8px 4px; /* atas,kanan,bawah,kiri */
overflow:hidden;
}


.r2 h4 {
font-size:13px;
font-weight:bold;
color:#FFFFFF;

}
.r2 h4 a{

color:#FFFFFF;

}



.r2 img {
float: left;
width: 110px;
height:70px;
border-right: 0px solid #bbafa3;
margin: 0px 0px 0px 0px; /* atas,kanan,bawah,kiri */
padding-right:5px;

}


/************************** The left side (pass the dutchie from here) **************************************/
#galerikecil1 {clear: both; float: left; margin-bottom: 4px;}
#galerikecil1 li {float: left; margin: 5px 15px 13px 10px;  _margin: 0 10px 10px 5px;  /* atas,kanan,bawah,kiri */ } 
#galerikecil1 a {border-style: solid; border-width: 2px 2px 6px 2px; display: block; line-height: 0; background:#fff}
#galerikecil1 a:link, #galerikecil a:visited {border-color: #fff;}
#galerikecil1 a:hover {border-color: #cbbf9c;}
#galerikecil1 a:active {border-color: #f8e974;}
#galerikecil1 a img {height: 75px; width: 80px; _height: 75px; _width: 65px; background:#f8e974}


/**************** And finally, the footer data here ***************************************/
#footer { 
clear: both;
color:#FFFFFF;
background-color:#00CCCC; 

padding: 10px 15px;
}

#footer a { 
color:#FFFFFF;
font-weight:bold;
background-color:#0099FF;
}

#footer .totop {
font-weight:bold;
float: right;
background-color:#000000; 
}
#footer .totop a {
width:120px;
color:#FFFFFF;
font-weight:bold;
display:block; 
float: right;
background-color:#000000;
margin-left:50px; 
}
#footerindex {
height:70px; 
clear: both;
color:#FFFFFF; 
background-color:#333333;
padding: 10px 15px;
}
#bannerbottom { 
position: fixed;
	bottom: 0px; 
	left: 0px;
	width: 100%; 
	height: 90px;
	background:transparent;
	z-index:200;
	text-align: center;
}