/* CSS Document */
/*drive css by yopin welly*/

body { 
		margin: 0px 0px 0px 0px;
	 	}
#front {
		background:url(../images/bg1.jpg) center top;
		margin:0 0 0 0;
		}		
#wrap ul li {
		   margin-right:10px;
		   }		
/*#page-wrap {
	background: white;
	min-width: 780px;
	max-width: 1260px;
	margin: 0px 1px 0 1px;
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");
	}
	#page-wrap #inside {
		margin: 0px 0px 0px 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}*/
	
	
.enter {
		width:700px;
		margin:0 auto;
		}	
.enter a {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			}			
		
#headerupper { 
				width:100%;
				height:25px;
				background:url(../images/contentfix_01.png) repeat-x ;
				margin:0px auto;
				float:left;
				display:inline;
				}
				
				
/*#headerupper h3	{ 
					font-family:"Trebuchet MS";
					font-size:27px;
					color:#0099CC;
					margin-top:6px;
					float:left;
					margin-left:70px;
					z-index:100;
						}
						
#headerupper h3 .kecil {
							font-size:12px;
							color:#000033;
							}*/

						
#headerupper img	{ 					
					margin-left:10px;
					}
						
			
#flash-content { 
				float:left;
				width:100%;
				height:243px;
				background-image:url(../images/slices2_02.png);
							}
#flashcontent { 
				width:1002px;
				margin: 0 auto;
				background-image:url(../images/slices2_02.png);
							}
				
#navi { 
		background-image:url(../images/nav1.png);
		background-repeat:repeat-x;
		width:100%;
		height:55px;
		float:left;
		}
		
#nav { 
		margin:15px auto;
		width:670px;
		}
		
#nav ul {
			display:inline;
			}
			
#nav li {	
			display:inline;
			list-style:none;
			font-family:"Trebuchet MS";
			font-size:20px;
			color:#FFFFFF;
			margin-right:50px;
			margin-top:25px;
			}
#nav li .nomargin {
					margin:25px auto;
					}				
#nav li a {
					font-family:"Trebuchet MS";
					text-decoration:none;
					color:#FFFFFF;
					}

/*#nav li a:visited {	
					color:#FFFFFF;
					text-decoration:none;
					}

#nav li a:hover {	
					color:#3399FF;
					}
					
#nav li a:active {	
					color:#CCCCCC;
					text-decoration:none;
					}*/
					
					
/*#nav li a:focus {	
					color:#00FFCC;
					}*/
					

				
#content { 
			width:100%;
			background-image:url(../images/contentfix_03.png);
			background-repeat:repeat-x;
			background-color:#FFFFFF;
			margin: 0 0 0 0px;
			padding:0px 0px 0px 0px;
			float:left;/*OPERA & MOZZILLA & SAFARI FIX*/
			}
.isi {
		width:800px;
		margin:0 auto;
		}	
		
.isi ul li {
			font-family:"Trebuchet MS";
			color:#333333;
			font-size:12px;
			}		
			
#kiri	{
			float:left;
			width:30%;
			}
#kiri2	{
			float:left;
			width:30%;
			}
			
#scroller {
			width:150px;
			margin: 0 auto;
			}
			
#kanan {
		float:left;
		width:40%;
		margin:0 auto;
		}
		
#spacer {
			clear:both;
			}					
#footer { 
			width:100%;
			background-image:url(../images/contentfix_06.png);
			height:42px;
			padding-top:5px;
			float:left;/*OPERA & MOZZILLA & SAFARI FIX*/
			}
			
#footer p { font-family:"Trebuchet MS";
			font-size:12px;
			color:#333333;			
			}
q { 
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#006699;
	}
	
q:before {
			content:no-open-quote;
			}
q:after {	
			content:no-close-quote;
			}				
h3	{ 
		font-family:"Trebuchet MS";
		font-size:24px;
		color:#333333;
		}
h4	{ 
		font-family:"Trebuchet MS";
		font-size:20px;
		color:#006699;
		}		
		
p	{
		font-family:Tahoma;
		font-size:12px;
		color:#006699;
		}

hr {
		width:150px;
		}
		
blockquote {
			width:300px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;	
			color:#006699;
			}
			
blockquote:before {
				  content:no-open-quote;
				  }	
blockquote:after {
				  content:no-close-quote;
				  }							  			
.contact {
				font-size:14px;
				}
.contacth2 { 		
				font-size:24px;
				font-family:"Trebuchet MS";
				color:#006699;
				}
.product {
			font-size:16px;
			}

pre	{
		font-family:Tahoma;
		font-size:12px;
		color:#006699;
		}	
		
.ital {
		font:"Script MT Bold";
		font-size:16px;
		}	
		
img {
	border:none;
	}		
	
a {
	text-decoration:none;
	color:#0099FF;
	}