<!--
body {
background-color:#000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-decoration:none;
}
tr, td {

	font-family:Tahoma;
	font-size: 11px;

}

a {
	font-size: 11px;
	font-family:Tahoma;
	color: #FFFFFF;

	
	
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;

}
a:active {
	text-decoration: none;
}


#header {
 
background-image:url(images/page_admin.jpg);
  width:900px;
  position:fixed;
  top:0px;
  left:0px;
  height:100px;

  
  
}
#left {
  
  float:left;
  left: 0px;
  height:500px;
  width: 200px;
  background-color:#333333;
  position:fixed;
  top:100px;
  overflow:auto;
font-family:Tahoma;
	font-size: 11px;

  
}
#center {
  
  top:100px;
  left:200px;
  background-color:#ffffff;
  width:700px;
  position:absolute;
  z-index:-1;
  font-family:Arial, Helvetica, sans-serif;
  font-size:small;
  height:450px;
    overflow:auto;

  
    
}

#centerx {
  
  
  top:200px; position:relative;
  left:50%;
  width:497px;
  margin-left:-248px;
  height:153px;
  background-image:url(images/optima_index1.jpg)
 /* width:700px;
  position:absolute;
  z-index:-1;
  font-family:Arial, Helvetica, sans-serif;
  font-size:small;
  height:800px;*/

  
    
}


#centerx p {
  
bottom:2px;
left:8px;
position:absolute;
font-family:Tahoma;
font-size:10px;
color:#FFFFFF;

}


#all {

width:800px;
left:50%;
margin-left:-400px;
position:relative;

height:600px;

}

#divkanan {
float:right;
width:253px;
background:url(images/optima_shadow.jpg) top right repeat-y;
height:573px;

}

#divkanan1 {
float:left;
width:230px;
background:#3068b3;
height:224px;

}

#divkananmenu {
float:left;
width:230px;
background:url(images/optima_bg_blue.jpg) top left repeat-x;
height:349px;

}

#divkiri {
float:left;
width:547px;
background:#ffffff;
height:516px;
overflow:auto;

}

#divatas {
float:left;
width:547px;

height:57px;
background:#e5ecf6 url(images/optima_logo.jpg) top left no-repeat;

}

#divatas p {
  

text-align: right;
padding-right: 10px;
font-family:Tahoma;
font-size:10px;
color:#000000;

}


#divkiri p{
padding:10px;
 font-family:Tahoma;
 color:#909090;
 font-size:11px;
 text-align:justify;
	

}

#divkiri ul{

 font-family:Tahoma;
 color:#909090;
 font-size:11px;
  text-align:justify;
	

}
#divkiri ol{

 font-family:Tahoma;
 color:#909090;
 font-size:11px;
  text-align:justify;
	

}


#divbawah {
clear:both;
width:800px;
background:#d2ddec;
height:20px;
font-family:Tahoma;
 color:#000000;
 font-size:11px;
 font-weight:bold;
}

#nungguan {
top:250px;
left:250px;
position:absolute;
}
#divanimasi {
margin-top:10px;
}

.menus a:hover { }

.input{
  		width:162px; height:20px; 
		background-color:#FFFFFF;
		border-color:#9F9F9F;
		border-width:1px; border-style:solid; 
		font-size:11px;
    	font-family:Tahoma;
		color:#878787;
		margin:0px;
		padding:2 0 0 5px;
		font-size:11px;
    	font-family:Tahoma;
		color:#909090;
		}

 .textarea{
  		width:162px; height:129px; 
		background-color:#FFFFFF;
		border-color:#9F9F9F;
		border-width:1px; border-style:solid; 
		font-size:11px;
    	font-family:Tahoma;
		color:#878787;
		margin:0px;
		padding:2 0 0 5px;
		font-size:11px;
    	font-family:Tahoma;
		color:#909090;
		overflow:auto;
		}
		
.fotonya {
float:left;
position:relative;
margin-left::50px;
width:95px;
left:50px;
top:10px;
background:#FFFFFF;
}

.foto_detail {

position:relative;
width:80%;
left:30px;
top:10px;
background:#FFFFFF;
}

.foto_detail span{ width:100%; display:block; left:0px; position:relative; font-family:Tahoma;
	font-size: 11px; line-height:20px;}


.fotonya img{

position:relative;
top:0px;

width:89px;
height:95px;
cursor:pointer;
}

.fotonya span{
display:block;
width:75px;
line-height:10px;
text-align:center;
position:relative;
height:50px;
font-family:Tahoma;
	font-size: 9px;

}
.paging_link {

text-align:right;
padding-right:10px;
height:20px;
}

.titlex {


padding-left:20px;
line-height:20px;
font-family:Tahoma;
font-size: 12px;
font-weight:bold;
color:#0099FF;
}

.paging_link a{font-family:Tahoma;
color:#6CADE1;}


.nyoba{

height:100%;
width:100%;
top:0px;
left:0px;
position:absolute;
z-index:1000;
background:black;
opacity:0.9;
filter:alpha(opacity=90);

}

.nyoba .kotaknya{

background:#FFFFFF;
top:200px;
height:200px;
width:300px;
position:absolute;
opacity:1;
filter:alpha(opacity=100);
}

#divHome1{

width:547px;
height:200px;
font-family:Tahoma;
}
#divHome1 a{
color:#3399FF;
}

.divHome2 {

width:170px;
padding-top:30px;
height:200px;
font-family:Tahoma;
font-size: 11px;
float:left;
/*border:solid 1px gray;*/
margin-left:8px;
}

#divNews{

background:url(images/optima_news.jpg) no-repeat;
background-color:#F4F4F4;
}

#divNews a{
color:#FF3300;
}

#divList{


width:500px;
padding-top:30px;

font-family:Tahoma;
font-size: 11px;
float:left;
/*border:solid 1px gray;*/
margin-left:8px;

}

#divList a{
color:#FF3300;
}



#divProduct{

background:url(images/optima_product.jpg) no-repeat;
background-color:#F4F4F4;
}
#divProduct a{
color:#3399FF;
}

#divCS{

background:url(images/optima_cus.jpg) no-repeat;
}






-->