/* CSS Document */
@font-face {
    font-family: "din";
    src: url(../font/ufonts.com_din-regular1.ttf);
}
@font-face {
    font-family: "din2";
    src: url(../font/ufonts.com_din-bold.ttf);
}

body{
	margin:0px;
	background:#fff url(../images/pgbg.gif) center top repeat-x;
	color:#58585a;
	font-family:din, Tahoma, Arial;
	font-size: 12px;
	line-height: 18px;
	}
#container{
background: url(../images/bottom_bg_color.gif) center bottom repeat-x;
margin:0 auto;
padding:0;
}	
#wrapper {
background: url(../images/bgwrap.png) top repeat-y;
margin:0 auto;
width:960px;
}
#back-body{
	height:auto; width:auto; margin:auto;
	}	
.clear{
	margin:0px; padding:0px; clear:both;}	

.contentcenter{
padding:0 0 10px;

}
.contentleft{
float:left;
width:430px;
padding:10px 10px 10px 0;
}
.contentright{
float:left;
width:530px;
padding:10px 0 10px 10px;
}
.titlebig{
	text-shadow: 1px 1px 1px #333;
	margin:0px; 
	padding:0px 0px 10px 0px;
	font-family:din2, Tahoma, Arial;
	font-weight:normal;
	font-size:28px;
	font-weight:bold;
	color:#FF3300;
	line-height:normal;	
	}	
.product-box{
	padding:5px 0 5px 8px ;}
.pro-box{
	width:293px;
	padding:5px 10px;
	font-size:14px;
	margin:0 4px 4px 0;
	background:#ffca08;
	float:left;}
.pro-box2{
	width:293px;
	padding:5px 10px;
	font-size:12px;
	margin:0 4px 4px 0;
	background:#d1d2d4;
	float:left;}
.entry{
	line-height:20px;
	text-align:left;
	padding:20px;
}

.entry strong{
	font-family:din2, Tahoma, Arial;
}
.entry ol{
	margin:0;
	padding:0 0 0 20px;
}
.entry ol ol{
	list-style:lower-alpha;
	margin:0;
	padding:0 0 0 30px;
}
.entry ol ol ol{
	list-style:lower-roman;
	margin:0;
	padding:0 0 0 30px;
}
.entry b{
color:#FF0000;}
 
.logo{ 
	width:200px; 
	height:40px;
	float:left;
	padding:10px 10px 0px;
	text-shadow: 1px 1px 1px #fff;
	}
.logo img{
	border:none;
	float:left;
	padding:0 10px 0 0;
	width:180px;}
.logo .text-logo{ 
	color:#FF9900; 
	font-weight:bold;
	padding:31px 0 0;
	font-size:24px;
}
.logo .text-logo img{
	float:left;
	width:132px;} 
.logo a{
text-decoration:none;
}

.punch-line{ 
text-align:right;
	height:50px;
	width:260px;
	float:right;
	} 	
#header{ 
	width:960px;
	height:90px;
	margin:auto; 
	}
#header-flash{ 
	width:690px; 
	margin:auto; 
	}
.menu{
	height:50px; 
	width:740px;
	float:left;
	margin:auto; 
	}
.menu ul{	
	margin:0px;
	padding:0;
	list-style-type:none;
	}
.menu ul li{
	
	float:left; 
	display:block; 
	margin:10px 0 0;
	
	} 
.menu ul li.noborder{
	background:none;
	}
.menu ul li a{  
	background:#6d6e72;
	font-family:din2, Tahoma, Arial;
	margin:0 4px 0 0; 
	padding:2px 8px ; 
	width:103px;
	float:left;
	height:35px;
	font-size:12px;
	text-decoration:none; 
	color:#fff;
	}
.menu ul li a:hover{
color:#333; 
text-decoration:none;
}
.head-part{
	height:230px;
	float:left;
	width:800px;
	margin:auto;
	padding:15px 20px;
	background:url(../images/header.jpg) no-repeat;
	} 
#page{ 
	height:auto;
	padding:0 0 15px;
	width:960px;
	margin:auto;  
	}

.img-box{
	margin:0 0 10px 0;
	width:340px;
	float:right;
	padding:3px;
	}
.img-box2{
	margin:0 0 10px 0;
	width:440px;
	float:right;
	padding:3px;
	}
#footer{
	background: url(../images/bgfoot.jpg) left top repeat-x; 
	width:960px; margin:auto;
	text-align:right; 
	color:#6d6e72; font-size:12px;
	margin:1px 0 0;
	height:20px;
	padding:10px 0 ;
	}
#footer a{
	color:#6d6e72;
	text-decoration:none;
	}
#footer a:hover{
	color:#ffca08;
	}
#footer strong{
	float:left; color:#FFFFFF;
	}
.foot-logo{
	width:275px;
	padding:10px 10px 10px 0;
	float:left;}	
.foot-logo img{
	float:right;
	border:none;}	
a{color:#58585a;
	text-decoration:underline;}
a:hover{ color:#ffc20f;
	text-decoration:none;}


a.read{
height:30px;
text-shadow:1px 1px 0 #fff;
padding:5px;
background:#CCCCCC url(../images/menu2.gif) left top;
border:1px solid #ccc;
color:#333;
text-decoration:none;
}
a:hover.read{
height:30px;
padding:5px;
text-shadow:0 1px 0 #333;
background:#FF3300;
border:1px solid #ccc;
color:#fff;
}
.img-big{
	width:740px;
	border:none;

}

.more-img span{
	font-size:38px;
	color:#FF9900; 	
}

 
#kanan2{
background:#f3f3f5;
width:740px;
min-height:500px;
float:left;
height:auto; 
}
#kanan{ 
width:740px;
min-height:500px;
float:left;
height:auto; 
}

#kanan3{ 
background:#ffc20f;
width:740px;
min-height:500px;
float:left;
height:auto; 
}
#kiri2{   
width:220px;
float:left;}
#kiri2 a{
	text-decoration:none;
	} 
#kiri2 .judul {
	font-family:din2, Tahoma, Arial;
	font-size:24px;
	text-align:left;
	line-height:30px;
}
#kiri2 .judul2 {
	font-family:din2, Tahoma, Arial;
	font-size:14px;
	line-height:normal;
	padding:5px 0;
}
.title {
	font-family:din2, Tahoma, Arial;
	padding:10px 0 10px 0;
	background:url(../images/seablue.gif) top left repeat-x;
	font-size:16px;
	font-weight:bold;	
}
.slide1 {
	padding:2px;
}
.slide1 img{
float:left;
width:200px;
height:140px;
border:1px solid #fff;}
.slide1 img.big {
width:402px;
float:left;
height:282px;
border:1px solid #fff;}

.slide1 .blank{
float:left;
width:202px;
height:142px;}
.slide1 .content{
font-size:14px;
line-height:30px;
width:360px;
float:left;
height:400px;
padding:22px;}
.persontext{
float:right;
width:420px;
text-align:right;
padding:0 0 10px;
}
.persondiv{
float:right;
width:300px;
text-align:left;
padding:0 0 10px;
}
.persondiv2{
float:right;
width:595px;
text-align:left;
padding:0 0 10px;
}
.qoute{
color:#FF3300;
text-shadow: 0 1px 0 #333;
padding:0 0 10px 180px;
line-height:35px;
text-align:left;
font-size:28px;
font-style:italic;
font-family:"Brush Script MT", Tahoma, Verdana, Arial, Helvetica}
.qoute2{
color:#FF3300;
text-shadow: 0 1px 0 #333;
line-height:35px;
text-align:left;
font-size:28px;
font-style:italic;
font-family:"Brush Script MT", Tahoma, Verdana, Arial, Helvetica}
.prodlist{
width:290px;
height:200px;
float:left;
margin:0 5px 10px;
border-bottom: 1px dotted #fff;
}
.prodlist img{
float:left;
margin:0 5px 5px 0;
width:120px;
}
.prodesc{
width:160px;
float:left;
font-size:11px;
text-align:justify;
}
.prodlist span{
font-weight:bold;
padding:0 0 0 10px;
}
.text-big{
	font-size:15px;
}	

.award{
	float:left;
	width:150px;
	padding:5px 5px 10px;}
.award .text{
	font-size:12px;
	height:40px;
	padding:5px 5px 10px}	

.award img{
	width:150px;
	border:0;}	
	
	
	
	
	
