/* CSS Document */
body{
color: #000;
background: url(../images/bg1.gif) top repeat-x #E9E9E4;
text-align:center;
margin-top: 0px; 
margin-bottom: 0px; 
padding:0; 
}

#wrapper{
width:746px;
height:auto;
margin:auto;
padding:0;
}
#top{
clear:both;
float:left;
width:746px;
height:77px;
margin:auto;
padding:0;
background:#E4D6BB;
text-align:left;
}
.top1{
float:left;
width:13px;
height:77px;
background:url(../images/top1.gif) no-repeat #E4D6BB;
margin:0;
padding:0;
}
.top2{
float:left;
height:77px;
width:720px;
background:url(../images/top2.gif) repeat-x #E4D6BB;
margin:0;
padding:0;
}
.top2left{
float:left;
height:77px;
width:288px;
background:transparent;
margin:0;
padding:0;
}
.top2left img{
margin:0 0 0 5px;
text-align:left;
padding:0;
}
.top2right{
float:right;
height:31px;
width:407px;
background:transparent;
margin:0;
padding:46px 10px 0 0 ;
text-align:right;
}
/* begin top menu */
ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist li {
        float: right;
        font-family: verdana, arial, sans-serif;
        font-size: 9px;
        font-weight: bold;
        margin: 0 2px 0 2px;
        padding: 5px 0 4px 0;
        background: #EBE0CD;
        border-top: 1px solid #e0ede9;
        border-bottom: 1px solid #e0ede9;
		
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #362705;
        border-right: 1px dashed #B2A380;
		border-left: 1px dashed #B2A380;
        text-decoration: none;
}

ul#navlist li#active {
        color: #362705;
        background-color: #deebe5;
}

#navlist a:hover {
        color: #74a893;
        background-color: #FCFBF7;
}
/* end of top menu */
.top3{
float:left;
width:13px;
height:77px;
background:url(../images/top3.gif) no-repeat #E4D6BB;
margin:0;
padding:0;
}
#main{
clear:both;
float:left;
width:746px;
height:auto;
background:url(../images/bgmain.gif) repeat-y #FCFBF7;
}
/* begin link */
#mainlinks{
clear:both;
float:left;
width:746px;
height:auto;
background:url(../images/bgmainlinks.gif) repeat-y #FCFBF7;
}
#contentlink{
float:left;
width:746px;
margin:0;
padding:0;
border-right:0px solid #E4DAC7;
}
.linkcontent{
float:left;
width:680px;
margin:0;
padding:0;
border-right:0px solid #E4DAC7;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
margin:5px 0 5px 0;
padding:0px 20px 5px 20px;
text-align:justify;
}
.rightlink{
float:left;
width:13px;
height:119px;
margin:0;
padding:0;
background:url(../images/left3.gif) top no-repeat #E4D6BB;
}
/* end link */
#left{
float:left;
width:443px;
margin:0;
padding:0;
border-right:0px solid #E4DAC7;
}
.left1{
float:left;
width:13px;
height:119px;
background:url(../images/left1.gif) no-repeat #E4D6BB;
margin:0;
padding:0;
}
.left2{
width:429px;
height:119px;
float:left;
background:transparent;
}
.header{
clear:both;
float:left;
width:424px;
height:104px;
background:transparent;
border-left:6px solid #fff;
border-top:4px solid #fff;
}
.mainimg {
/* clear: both; */
	float: left;
	background:transparent;
	margin: 0;
	padding-left: 1px ;
	padding-right: 1px ;
	padding-top: 0px ;
	padding-bottom: 0px ;
	width: 104px;
	height: 104px;
	border: 0px solid #C0C0C0;
	text-align:center;
}
.mainimg p, .mainimg p img{
padding:0;
margin:0;
}
.spacer{
clear:both;
width:429px;
float:left;
height:11px;
background:url(../images/spacer.gif) repeat-x #E4D6BB;
display:block;
}
.content{
clear:both;
float:left;
width:415px;
padding:0px 7px 5px 20px;
margin:0;
background:transparent;
text-align:left;
border:0px solid #000;
}
.contentnews{
clear:both;
float:left;
width:415px;
padding:0px 7px 5px 20px;
margin:0;
background:transparent;
text-align:left;
border:0px solid #000;
}
h1{
font: 17px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#FF9900;
margin:2px 0 5px 0;
padding:0;
text-align:left;
}
.content img{
border:0;
}
.content p, contentnews p{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
margin:5px 0 5px 0;
padding:0;
text-align:justify;
}
.content a, .content a:active, .content a:link, .content a:visited, 
.contentnews a, .contentnews a:active, .contentnews a:link, .contentnews a:visited {
font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#7E1616; 
text-decoration: none;
font-weight:bold;
}
.content a:hover, .contentnews a:hover {
text-decoration: underline;
color: #999999;
}
.content table{
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
margin:0;
padding:0;
text-align:left;
}
.titles{
width:404px;
clear:both;
float:left;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
margin:5px 0 2px 0px;
padding:0 0 0 12px;
text-align:left;
background:#A89469;
font-weight:bold;
border-bottom:1px solid #FCFBF7;
}
#right{
float:left;
width:303px;
margin:0;
padding:0;
}
.right1{
float:left;
width:279px;
margin:0;
padding:0;
border-left:6px solid #fff;
border-right:5px solid #fff;
border-top:4px solid #fff;
}
.title{
width:104px;
clear:both;
float:left;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
margin:5px 0 2px 3px;
padding:0 0 0 12px;
text-align:left;
background:#A89469;
font-weight:bold;
border-bottom:1px solid #FCFBF7;
}
.newproduct{
width:119px;
float:left;
border-right:1px solid #fff;
text-align:center;
}
.prod{
clear:both;
float:left;
text-align:center;
width:109px;
height:auto;
margin:auto;
padding:0 0 0 10px;
}
.prod img{
border:0;
}
.galleft {
 clear: both; 
	float: none;
	background:url(../images/image_border_h.gif) no-repeat;
	margin:0;
	padding: 7px 7px 0 0px;
	width: 88px;
	height:88px;
	border: 0px solid #eee;
	text-align:center;
}

.menus{
width:156px;
display:block;
float:left;
}
.menus a:link, .menus a:visited {
font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#072740; 
text-decoration: underline;
font-weight:normal;
}
.menus a:hover {
text-decoration: underline;
color: #7E1616;
}
.titlemenu{
width:142px;
clear:both;
float:left;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
margin:5px 0 2px 0px;
padding:0 0 0 12px;
text-align:left;
background:#A89469;
font-weight:bold;
border-bottom:1px solid #FCFBF7;
}
/* =-=-=-=-=-=-=-[Menu]-=-=-=-=-=-=-=- */
#leftmenu{
width:156px;
height:100%;
margin:0;
padding:0;
clear:both;
float:left;
text-align:right;
}
.box{
width:156px;
height:100%;
margin:0;
padding:0;
clear:both;
float:left;
text-align:right;
}
.box a{
margin:5px;
}
/* menu css */
.menu{
display:block;
	padding:0;
	margin-left:1px;
	margin-right:1px;
}
.menu a, .menu a:link, .menu a:active, .menu a:visited{
display:block;
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:bold;
color:#111E3F;
background: #D2D4CD ;
text-decoration:none;
border-right:10px solid #0E4D77;
border-top:1px solid #fff;
height:14px;
margin:0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 4px;
}
.menu a:hover{
display:block;
text-decoration:none;
color:#a00;
background: #F7F2EA ;
border-right:10px solid #666666;
border-top:1px solid #fff;
margin:0px;
padding-top: 5px;
padding-right: 14px;
padding-bottom: 4px;
}
.menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}
/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */
.menu li, .menu li:hover{
position:relative;
display:block;
}
.menu li ul{
position:absolute;
top:0;
left:-97.1%;
display:none;
width:150px;
}
.menu ul ul,
.menu ul ul ul,
.menu ul li:hover ul ul,
.menu ul li:hover ul ul ul
{display:none;}

.menu ul li:hover ul,
.menu ul ul li:hover ul,
.menu ul ul ul li:hover ul
{
display:inline;}

/* End non-anchor hover selectors */

/* Styling for Expand */

.menu a.x, .menu a.x:link, .menu a.x:visited, .menu a.x:active {
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
background:url(../images/active.gif)  left no-repeat #D2D4CD ;
border-right:10px solid #0E4D77;
color:#111E3F;
border-top:1px solid #fff;
height:14px;
margin:0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 4px;
text-decoration:none;
}

.menu a.x:hover{
background:url(../images/over.gif)  left no-repeat #F7F2EA ;
border-right:10px solid #666666;
border-top:1px solid #fff;
margin:0px;
padding-top: 5px;
padding-right: 14px;
padding-bottom: 4px;
color:#640F0F;
text-decoration:none;
}



/*--- END MENU ----*/
#centermenu {
clear:both;
	float:left;
	text-align: left;
	width: 156px;
	margin: 0 0 5px 0;
	padding: 0px;
	border-top:0px solid #597EAB;
	border-bottom:0px solid #597EAB;
	background:#D2D4CD;

}
#centermenu ul {
	background: transparent;
	float: right;
	padding:0;
	width: 156px;
	font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-weight:normal;
	text-align:left;
	margin:0;
	list-style:none;
	border-top:0px solid #597EAB;
}
#centermenu li a:link,#centermenu li a:visited,#centermenu li a:active {
	font-weight:normal;
	border-top:1px solid #fff;
	border-right: 15px solid #0E4D77;
	background: transparent;
	display:block;
	height:14px;
	margin-left:0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 4px;
	text-decoration:none;
	color: #000;
}
#centermenu li a:hover {	
	margin:0;
	color:#000;
	background:#F7F2EA;
	text-decoration:none;
	font-weight:bold;
	border-right: 15px solid #666666;
	padding-top: 5px;
	padding-left: 14px;
	padding-bottom: 4px;
}

/* =-=-=-=-=-=-=-[ end Menu]-=-=-=-=-=-=-=- */

/* form class */
.topform{
width: 148px;
clear:both;
float:left;
margin:0 0 2px 0px;
padding:4px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
border:0px solid #597EAB;
}
.topformclass{
text-align:left;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
margin:0;
padding:0;
}
.btlogin {
background: #ddd;
color:#000;
border:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
margin:2px;
border:1px solid #ccc;
} 
.rightsearch{
padding-left:4px;
padding-top:0px;
padding-bottom:2px;
margin:0;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#2F496B;
}
/* end form class */
.right2{
float:left;
width:13px;
height:119px;
margin:0;
padding:0;
background:url(../images/left3.gif) top no-repeat #E4D6BB;
}
#rightcontent{
clear:both;
float:left;
width:279px;
margin:0;
padding:0;
border-left:6px solid #fff;
border-right:5px solid #fff;
border-top:4px solid #fff;
text-align:left;
}
.rightmenu{
width:261px;
clear:both;
float:left;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
margin:5px 0 2px 2px;
padding:0 0 0 12px;
text-align:left;
background:#A89469;
font-weight:bold;
border-bottom:1px solid #FCFBF7;
}
#news{
clear:both;
float:left;
width:270px;
padding:2px 4px 2px 4px;
border:0px solid #000;
}
#news p{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#333333;
border:0;
margin:0;
}
.date{
margin: 0px 0px 2px 0px;
padding:0 0 0 15px;
font: 9px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#003366;
font-weight:bold;
background:url(../images/berita.gif) 1% 20% no-repeat #F7F2EA;
}
#news p img{
border:0;
float:left;
margin:0 4px 2px 0;
}
.adverd{
float:left;
width:124px;
height:auto;
margin:0px;
padding:2px 2px 0 6px;
border:0px solid #333;
display:block;
}
.titleprod{
width:128px;
clear:both;
float:left;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
margin:5px 0 2px 0px;
padding:0 0 0 12px;
text-align:left;
background:#A89469;
font-weight:bold;
border-bottom:1px solid #FCFBF7;
}
.prodim p{
width:128px;
clear:both;
float:left;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:5px 0 2px 0px;
padding:0 0 0 12px;
text-align:left;
}
#rightcontent a, #rightcontent a:active, #rightcontent a:link, #rightcontent a:visited {
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#072740; 
text-decoration: none;
font-weight:normal;
}
#rightcontent a:hover {
text-decoration: underline;
color: #7E1616;
}
.titleadv{
width:110px;
clear:both;
float:left;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
margin:5px 0 2px 0px;
padding:0 0 0 12px;
text-align:left;
background:#A89469;
font-weight:bold;
border-bottom:1px solid #FCFBF7;
}
#product{
clear:both;
float:left;
width:270px;
padding:2px 4px 2px 4px;
border:0px solid #000;
}
#products{
float:left;
width:140px;
padding:2px 4px 2px 2px;
border:0px solid #000;
}
#products p{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#003366;
border:0;
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px dashed #CEB98C;
}
#products p img{
border:1px solid #333;
float:left;
margin:0 4px 2px 0;
}
.prodtitle {
	color: #660000;
	font-weight: bold;
}
#footer{
clear:both;
float:left;
width:746px;
height:auto;
background:url(../images/bgmain.gif) repeat-y #FCFBF7;
text-align:right;
}
#footer p{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#003366;
border:0;
margin:10px 10px 5px 0;
padding:0 0 5px 0;
border-bottom:0px dashed #CEB98C;
}

.footer1{
float:left;
width:13px;
height:40px;
background:transparent;
margin:0;
padding:0;
}
.footer2{
float:left;
width:720px;
background:url(../images/bgfooter.gif) top repeat-x #B29A6A;
margin:0;
padding:0;
}
.footer3{
float:left;
width:13px;
height:40px;
background:transparent;
margin:0;
padding:0;
}
#footer a:link, #footer a:visited, #footer a:active{

	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #F3F5F5;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #1A4B7B;
	text-decoration: none;
	font-weight: normal;
}

#katakunci{
display:none;
}
#portleft{
/* clear: both; */
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color:#4D606F;
	float: left;
	background:transparent;
	margin: auto;
	padding: 0px ;
	width: 420px;
	border: 0px solid #000;
	text-align:left;
}
.portleft1{
/* clear: both; */
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	float: left;
	background:transparent;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	width:410px;
	border: 0px solid #000;
	text-align:left;
}
.portleft1 img{
border:0;
padding:0;
margin:0;
}
.portleft1 a:link, .portleft1 a:visited, .portleft1 a:active{
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #7E1616;
	font-weight: bold;
	text-decoration: underline;
	border:0;
}
.portleft1 a:hover {
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	border:0;
}
.galleft {
/* clear: both; */
	float: left;
	background:url(../images/bgproduct.gif) top left no-repeat;
	margin: 0;
	padding: 7px 0 0 7px ;
	width: 80px;
	border: 0px solid #eee;
	text-align:left;
}
.galright {
/* clear: both; */
	float: left;
	background:transparent;
	margin: 0;
	padding: 2px ;
	width: 316px;
	border: 0px solid #C0C0C0;
	text-align:left;
}
.titleport{
	float: left;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 0px 0 5px ;
	margin:0 0 0px 0;
	width: 410px;
	text-align:center;
	border-bottom: 1px solid #999999;
	background:#eee;
}

#bottomport{
	float: left;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 0px 0 0px ;
	margin:0 0 0px 0;
	width: 410px;
	text-align:center;
	border-left: 0px solid #fff;
	background:#eee;
}
#bottomport p {
margin: 3px;
}
#bottomport a:link, #bottomport a:visited, a:active  {
color:#293357; 
text-decoration: none;
}
#bottomport a:hover {
	text-decoration: underline;
	color: #B10707;
	font-weight:bold;
	}
#bottom{
/* clear: both; */
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color:#4D606F;
	float: left;
	background:transparent;
	margin: auto;
	padding: 0px ;
	width: 410px;
	border: 0px solid #000;
	text-align:left;
}
#bottom img{
border:0;
}
#bottom a:link, #bottom a:visited{
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#333366;
text-decoration: none;
}
#bottom a:hover {
color:#990000;
text-decoration: none;
background:transparent;
}


#menu{
float:left;
width:156px;
padding:0; /* To allow room for bottom dropdown */
text-align:right;
margin:0;
padding:0;
}

#menu a{
display:block;
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:bold;
color:#111E3F;
background: #D2D4CD ;
text-decoration:none;
border-right:10px solid #0E4D77;
border-top:1px solid #fff;
height:14px;
margin:0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 4px;
width:136px;
}


#menu a:hover{
display:block;
text-decoration:none;
color:#a00;
background: #F7F2EA ;
border-right:10px solid #666666;
border-top:1px solid #fff;
margin:0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 4px;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:156px;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:-100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:url(../images/active.gif)  left no-repeat #D2D4CD ;
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
border-right:10px solid #0E4D77;
color:#111E3F;
border-top:1px solid #fff;
height:14px;
margin:0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 4px;
text-decoration:none;
width:136px;
}

#menu a.x:hover{
border-right:10px solid #666666;
border-top:1px solid #fff;
margin:0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 4px;
color:#640F0F;
text-decoration:none;
background:url(../images/over.gif)  left no-repeat #F7F2EA ;
}

#menu a.x:active{
color:#060;
background:#ccc;
}