body{
color: #000;
background: #4b3446;
text-align:center;
margin-top:10px; 
margin-bottom:10px; 
padding:0; 
}
img{
border:0;
margin:0;
border:0;
}

#wrapper{
width:984px;
height:auto;
margin:auto;
padding:0px;
display:block;
background:#FFFFFF;
}
#wrap{
clear:both;
float:left;
width:980px;
padding:2px;
margin:0;
background:#FFFFFF;
}
#wrap1{
clear:both;
float:left;
width:966px;
padding:6px;
margin:0;
border:1px solid #856980;
}
#container{
clear:both;
float:left;
width:966px;
margin:0;
padding:0px 0 6px 0;
background:#ede4d3;
}


#main{
clear:both;
float:left;
width:966px;
margin:0;
padding:0;
}
#thead{
clear:both;
float:left;
width:966px;
height:73px;
margin:0;
background:#41353f;
text-align:left;
border-bottom:4px solid #fff;
}
#mcontent{
clear:both;
float:left;
width:960px;
margin:0;
padding:3px;
}
/* begin left area */
#cleft{
float:left;
width:195px;
margin:0;
padding:0;
text-align:left;
background:none;
}
#clefts p{
clear:both;
float:left;
width:175px;
padding:0 16px 5px 4px;
margin:0;
text-align:left;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
}
.sidetitle {
clear:both;
float:left;
width:179px;
margin: 5px 0px 3px 0px;
padding: 4px 0px 4px 10px;
background:url(../image/bgtitle.jpg) top repeat-x #85765c;
border-left:0px solid #061A4B;
border-bottom:1px solid #061A4B;
color:#fff;
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 13px;
font-weight:bold;
}
.subnavi {
	margin:0; padding:0;
}
.subnavibg {
background: transparent;
}


/* menu css */
.box{
	clear:both;
	float:left;
	padding:0 0 2px 0;
	margin:0px;
	width:187px;
	background:#e1dbc7;
	border:1px solid #666666;
}

.boxs{
	clear:both;
	float:left;
	padding:0 0 2px 0;
	margin:0px;
	width:187px;
	background:#c4baa7;
	border:1px solid #666666
}
.box a, .box a:active, .box a:visited,
.boxs a, .boxs a:active, .boxs a:visited{
color:#0e3c5f;
text-decoration:none;
font-weight:bold;
}
.box a:hover{
color:#a00;
}
.ads{
clear:both;
float:left;
width:180px;
margin:0;
padding:4px 4px 4px 5px;
text-align:left;
 }
.box p{
clear:both;
float:left;
width:179px;
padding:4px 4px 6px 4px;
margin:0;
text-align:left;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
}
.boxpimg{
clear:both;
float:left;
width:179px;
padding:6px 0px 6px 0;
margin:0;
text-align:center;
border:0;
}
.boxs p{
clear:both;
float:left;
width:179px;
padding:4px 4px 5px 4px;
margin:0;
text-align:left;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
}
.menu{
	clear:both;
	float:left;
	padding:0;
	margin:0px;
	width:189px;
}
.menu a, .menu a:link, .menu a:active, .menu a:visited{
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display:block;
border-bottom:1px solid #c5c1b8;
border-top:0px solid #eeebe5;
border-right:0px solid #8F8C8C;
border-left:0px solid #8F8C8C;
margin:0;
padding:2px 3px 2px 10px;
font-weight:bold;
width:176px;
color:#ede4d3;
background:#a2989f;
text-decoration:none;
}
.menu a:hover{
color:#fbfcbb;
background:#aa9e39;
}
.menu ul{
list-style:none;
margin:0;
padding:0;
width:189px;
}

/* 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;
}
.menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}
.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:block;}




.menu ul li ul a, .menu ul li ul a:link, .menu ul li ul a:active, .menu ul li ul a:visited{
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display:block;
border:0px solid #C2B39F;
margin:0;
padding:4px 3px 4px 5px;
font-weight:bold;
width:142px;
color:#fbfcbb;
text-decoration:none;
background:  #a7a0a5;
border-left:0px solid #163B5D;
border-right:0px solid #163B5D;
border-bottom:1px solid #c5c1b8;
}
.menu ul li ul a:hover{
color:#fff;
background:  #aa9e39;
border-left:0px solid #3B5B78;
}
.menu ul{
list-style:none;
margin:0 0 0px 0;
padding:0;
width:189px;
border:0px solid #544035;
}
.menu ul li ul{
list-style:none;
margin:0 0 0px 0;
padding:0;
width:150px;
border:1px solid #544035;
}
/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */




/* End non-anchor hover selectors */

/* Styling for Expand */
.menu a.x, .menu a.x:visited, .menu a.x:active{
background:#a2989f url(../menus/down.gif) no-repeat  right;
color:#ede4d3;
background-position:98% 50%
}

.menu a.x:hover{
background:#aa9e39 url(../menus/down.gif) no-repeat  right;
color:#fff;
background-position:98% 50%
}
/* end menu */
/* form class */
.topform{
width: 148px;
clear:both;
float:left;
margin:0 0 2px 0px;
padding:0 4px 4px 4px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
border:0px solid #597EAB;
}
.topform a, .topform a:visited, .topform a:active{
color:#082DA0;
}

.topform a:hover{
color:#072154;
}
.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-right:0;
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 */
/* end left area */

/* begin right area */
#content{
float:left;
width:560px;
margin:6px 0 0 0;
padding:0 0px 0 6px;
background:#fff;
text-align:left;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
}
#content p{
margin:0;
padding:2px 0 2px 0;
}

#content a, #content a:visited, #content a:active{
color:#B10707;
}

#content a:hover{
color:#054CCE;
}

#ccenterg{
float:left;
width:550px;
margin:5px 0 0 0 ;
padding:4px 9px 4px 9px;
text-align:left;
border:1px solid #8e8e8e;
background:#f2eee6;
}
#ccenter{
float:left;
width:550px;
margin:5px 0 0 0;
padding:4px 9px 4px 9px;
text-align:left;
border:1px solid #8e8e8e;
}
#ccenter table, #ccenterg table{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
}
#ccenter a:link, #ccenter a:visited, #ccenter a:active,
#ccenterg a:link, #ccenterg a:visited, #ccenterg a:active{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#054CCE;
text-decoration: none;
}
#ccenter a:hover,
#ccenterg a:hover{
color:#333366;
text-decoration: underline;
background:transparent;
}
#header{
clear:both;
float:left;
width:548px;
height:271px;
margin:0;
padding:0;
background:url(../image/mainimage4.jpg) no-repeat;
border:1px solid #333333;
}




#cright{
float:left;
width:189px;
margin:5px 0 0 0;
padding:0 0 0 6px;
text-align:left;
}
/*
#cright a, #cright a:visited, #cright a:active{
color:#082DA0;
}

#cright a:hover{
color:#072154;
}*/
#ccenter p,
#ccenterg p{
clear:both;
float:left;
width:100%;
margin:0;
padding:0 0 8px 0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000000;
text-align:justify;
}
#ccenter table,
#ccenterg table{
clear:both;
float:left;
text-align:justify;
}
.ctitle {
clear:both;
float:left;
width:535px;
margin: 8px 0px 3px 0px;
padding: 2px 0px 4px 15px;
background:url(../image/lilarow.gif) left no-repeat;
border-left:0px solid #061A4B;
border-bottom:1px solid #061A4B;
color:#072846;
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 12px;
font-weight:bold;
}
.cltitle{
clear:both;
float:left;
width:530px;
margin: 8px 0px 3px 0px;
padding: 2px 0px 4px 15px;
background:url(../image/lilarow.gif) left no-repeat;
border-left:0px solid #061A4B;
border-bottom:1px solid #061A4B;
color:#072846;
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 12px;
font-weight:bold;
}
.ltitle {
clear:both;
float:left;
width:163px;
margin: 0px 0px 3px 0px;
padding: 2px 0px 4px 15px;
background:url(../image/lilarow.gif) left no-repeat;
border-left:0px solid #061A4B;
border-bottom:1px solid #061A4B;
color:#072846;
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 12px;
font-weight:bold;
}
#lastproduct{
float:left;
width:178px;
margin:6px 0 8px 0;
padding:0;
background:none;
}
#news, #contact{
float:left;
width:178px;
margin:6px 0 6px 0;
padding:0;
background:none;
}
#news p, #lastproduct p, #contact p{
float:left;
width:166px;
margin:6px 0 0 0;
padding:0 6px 0 6px;
background:none;
font: 11px/1.4em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000000;
}
.prod{
float:left;
width:83px;
height:auto;
margin:2px 0 2px 0;
padding:3px 3px 0 4px;
}
.prod img{
border:1px solid #333333;
}

#thumb{
clear:both;
float:left;
width:530px;
margin:5px 0 0 0;
padding:4px 10px 4px 10px;
border:0px solid #8e8e8e;
}

.tb{
float:left;
width:114px;
height:120px;
margin:5px 0 10px 0;
padding:0 30px 0 30px;
border:0px solid #999999;
text-align:center;
}

#thumb p{
clear:both;
float:left;
width:114px;
white-space:116px;
margin:0;
padding:0px 0 0 0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000000;
text-align:center;
}
/* end right area */
#ads{
clear:both;
float:left;
width:767px;
background:none;
margin:0;
padding:10px 0 10px 0;
text-align:center;
border:0px solid #000;
}
#ads2{
clear:both;
float:left;
width:560px;
background:none;
margin:0;
padding:10px 0 10px 0;
text-align:center;
border:0px solid #000;
}


.boxtable{
	clear:both;
	float:left;
	text-align:left;
	padding:0;
	margin:10px 0 10px 0;
	width:100%;
	font: 10px/1.4em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
.boxtable a, .boxtable a:active, .boxtable a:visited{
color:#113191;
text-decoration:none;
}
.boxtable a:hover{
color:#a00;
text-decoration:underline;
}

#footer {
clear: both;
float:left;
margin:5px 0 0 0;
width:964px;
padding: 0px;
background:none;
border:0;
text-decoration: none;
text-align:right;
border:1px solid #c2bbae;
background:#e3dcca;
}
#footer p {
clear:both;
float:left;
width:775px;
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
padding:0 0px 4px 20px;
margin:0;
color:#07183F;
text-decoration: none;
text-align:left;
}
#footer a:link, #footer a:visited, #footer a:active{

	font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #8D2C1C;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #01226B;
	text-decoration: none;
	font-weight: normal;
}
#katatambahan{
display:none;
}

#bgrey{
clear:both;
float:left;
width:540px;
background:#DAE2E9;
border:1px solid #003399;
margin:0;
padding:5px;
}
#bgrey p{
clear:both;
float:left;
width:540px;
}

.login{
clear:both;
float:left;
width:550px;
margin:0;
padding:0;
text-align:center;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
h1{
font: 16px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#000000;
margin:0;
padding:0 0 6px 0;
}
.topform{
width: 148px;
clear:both;
float:left;
margin:0 0 2px 0px;
padding:0 4px 4px 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;
} 
.field{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#2F496B;
padding:2px;
border:1px solid #666666;
}
.rightsearch{
padding-left:4px;
padding-right:0;
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 */
/* galery css */

#galeryport{
/* clear: both; */
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color:#4D606F;
	float: left;
	margin: 0;
	padding: 0px ;
	width: 550px;
	border: 0px solid #000;
	text-align:left;
}
#galeryport p{
clear:both;
float:left;
width: 435px;
}
.portleft1{
/* clear: both; */
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	float: left;
	background:transparent;
	margin: 0px;
	padding: 4px 5px 4px 5px;
	width:540px;
	border-bottom: 1px solid #E2DCDA;
	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: #B10707;
	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: #054CCE;
	text-decoration: none;
	font-weight: normal;
	border:0;
}
.galleft {
/* clear: both; */
	float: left;
	margin: 0;
	padding: 7px 0 0 7px ;
	width: 90px;
	border: 0px solid #eee;
	text-align:left;
}
.galright {
/* clear: both; */
	float: left;
	background:transparent;
	margin: 0;
	padding: 2px ;
	width: 435px;
	border: 0px solid #fff;
	text-align:left;
}
.titleresult{
	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: 545px;
	text-align:left;
	border-bottom: 1px solid #999999;
	background:#ccc;
}
#pagebottom{
	float: left;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 0px 0 0px ;
	margin:10px 0 0px 0;
	width: 550px;
	text-align:center;
	border-top: 1px solid #000;
	background:#eee;
}
#pagebottom p {
text-align:center;
margin: 3px 0 3px 0;
}
#pagebottom a:link, #pagebottom a:visited, #pagebottom a:active  {
color:#293357; 
text-decoration: none;
}
#pagebottom a:hover {
	text-decoration: underline;
	color: #054CCE;
	font-weight:bold;
	}
/* galery css */