/* CSS Document */

body { 	
		margin:0 0 0 0;
		background:#f99a05 url(../images/bg2.jpg) repeat-x;
		color:#000000;
		}
		
/*#wrapper {
			width:766px;
			margin:0 auto 0 auto;
			}*/
#header {
		width:766px;
		height:100px;
		margin:0px auto 0px auto;

		}	
				
#flash-content {	
				width:766px;
				height:300px;
				margin:0 auto 5px auto;
				border:1px solid #FFFFFF;
				}
				
#flashcontent	{
				height:300px;
				}			
#navi	{
			width:100%;
			background: url(../images/nav4.jpg) #b5ca90 no-repeat;
	
			
			height:30px;
			margin:0 auto;
			}
			
			
#nav	{			
			font-size:12px;
			width:766px;
			margin:0 auto;
			padding:0;
			}
			
			
#nav ul {
			display:inline;	
			height:25px;
			padding:0;
			margin:0;
			}
			
#nav ul li {	
				display:inline;
				padding-top:5px;
				margin:0;
				height:20px;
				}
				
#nav ul li a {
				
				width:100px;
				height:20px;
				text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				
				}				

#judul	{
			width:100%;
			background: url(../images/nav5.jpg) #548500 no-repeat;
			margin:2px auto ;
			height:25px;
			
				}
			

			
#content { 	
			width:766px;
			/*background-color:#ececec;*/
			margin:0px auto;
			}
			
#slideshow {
			width:230px;
			height:180px;
			background:#009BE6;
			float:left;
			margin-top:30px;
			border:solid 5px #FFFFFF;
			}
			
#slideshowfront {
			width:230px;
			height:180px;
			/*background:#FFFFFF;*/
			margin:0 auto;
			}

.content-kanan {
			width:466px;
			margin:0 0 0 50px;
			float:right;
			}
				
.pics 	{
			overflow:hidden;
			width:220px;
			height:170px;
			margin:5px auto;			
			}
			
.pics img {			
			width:220px;
			height:170px;
			margin:0 auto;			
			}
			
#leftcon { 	
			width:35%;
			float:left;
			background:#363636;
			height:400px;
			padding-top:25px;
			}
			
			
#leftcon p {
			color:#000000;
			}
			
#rightcon { 
			background:#1a1a1a;
			float:right;
			width:65%;
			height:400px;
			padding-top:25px;
			}
			
#rightcon h2 {
			color:#FFFFFF;
			margin-left:10%;
			}
			
#rightcon h1 {
			color:#FFFFFF;
			margin-left:10%;
			font-family:Trebuchet MS;
			font-weight:lighter;
			}
			
#rightcon p {
			color:#000000;
			margin-left:10%;
			}
			
#content .product {
					margin:0 auto;
					
					}
			
#footer {
		
			height:30px;
			background:url(../images/nav4.jpg) #b5ca90 no-repeat;
			
			width:100%;
			margin:20px auto;
			
			}
			
			
#footer p { 
			
			color:#FFFFFF;
			}

h1	{	
		font-size:20px;
		font-family:Trebuchet MS;
		color:#000000;
		}	
		
h2	{
		font-size:16px;
		font-weight:bold;
		color:#FFFFFF;
		}
		
h3	{
		font-size:14px;
		font-weight:bold;
		color:#000000;
		}		
			
p	{
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
img {
		border:none;
		}
		
div {	
		color:#333333;
		font-family:Trebuchet MS;
		font-size:12px;
		}
		
.white {
		color:#FFFFFF;
		}
		
.black{
		color:#000000;
		}
		
.whiteb {
		color:#FFFFFF;
		font-weight:bold;
		}
		
.blackb {
		color:#000000;
		font-weight:bold;
		}

.text	{
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
ol {
	color:#FFFFFF;
	}
	
a {
	text-decoration:none;
	color:#0099FF;
	}
	
.clearer {
		clear:both;
		}
		
.item2 {
		color:#000000;
		}
		
.upita {
		text-transform:uppercase;
		font-style:italic;
		font-size:20px;
		}
		
.text{
		color:#000000;
		}