/* CSS Style for imoov.com */
/* Wednesday, July 09,2008 */

html, body { margin: 0; padding: 0;}
body
{	margin:0 auto;
	font: 12px Helvetica, Arial, sans-serif;
	line-height:16px;
	color:#474b54;
	
}

a { margin:0px; padding:0px; color:#3f660a; text-decoration:underline; }
a:hover { margin:0px; padding:0px; color:#81b934; text-decoration:none; }

p.read{ margin:0px; padding:0px; color:#3f660a; text-decoration:underline; }
p.read{ margin:0px; padding:0px; color:#81b934; text-decoration:none; }
p.space{ margin:0px; padding:0px; height:20px; background:transparent; }

h1.titlecontent { margin:0px; padding:0px; color:#f46821; font: bold 14px/1em Arial, Helvetica, sans-serif; }

#logo
{	width:200px;
	margin:10px 0 10px 10px;
	float:left;
	height : 100px;
	background:url(logo.jpg) no-repeat;	
}

#search-container
{ 	width:245px;
	height:auto;
	float:right;
	margin:5px 8px 0 10px;
	}

#search-kiri{
	background:url(search-box-kiri.png) no-repeat;
	width : 9px;
	height:35px;
	float:left;
}
#search-kanan{
	background:url(search-box-kanan.png) no-repeat;
	width : 8px;
	height:35px;
	float:left;
}
#search-tengah{
	background:url(search-box-tengah.png) repeat-x;
	width : 228px;
	height:35px;
	float:left;
}
#container-header{
	width : 808px;
	height : 105px;
}

#container
{ 	width:808px;
	height:auto;
	margin:0 auto;
	position:relative;

	}
#container-wrapper
{	width:780px;
	height:200px;
	background:url(latar-konten.gif) repeat-y;
	float:left;
	margin-left : 20px;
	}

#container-content
{ 	width:808px;
	height:auto;
	background:url(latar-konten-ijo.gif) repeat-y;

	}
	
#container-content #bottom
{ 	width:808px;
	height:auto;
	background:transparent url(box-bottom.jpg) bottom no-repeat;
	padding-bottom:30px;
	}

#layer-standar
{
	width:808px;
	height:auto;
	background:url(latar-konten-putih.gif) repeat-y;
	
	}
#layer-standar #layer-standar-bottom
{
	width:808px;
	height:auto;
	background:transparent url(box-bottom-putih.jpg) bottom no-repeat;
	padding-bottom:30px;
	padding-left : 0;
	}

#layer-standar #layer-content{
	width: 775px; 
	height : auto;
	padding:10px 0 0 20px;
	float:left;
	margin : 0 0 0 0px;
}
#layer-standar a:hover{
	color:#FF9900;
}


.font
{
	font-size : 14px;
	}

.layer-client{
	width: 360px; 
	height : auto;
	padding: 10px 0 0 15px;
	float:left;
	/*margin-bottom :10px*/
	
}

.layer-logo{
	width : 360px;
	height : auto;
	float : left;
	
}
.layer-isi{
	width : 150px;
	height : auto;
	float : left;
}
#gambar-logo{
	width : 800px;
	height : 800px;
	padding : 20px 0 0 20px;
}
#content-alamat{
	width:808px;
	height : auto;
	padding-top : 20px;
}
#content-company
{
	width : 450px;
	height : auto;
	background : transparent;
	margin : 10px 0 0 0;
}

#content-company a:hover
{
	color:#FF9900;
	text-decoration:none;
}

#content-company1
{
	width : 200px;
	height : auto;
	background :  transparent;
	margin : auto 20px 0 0;
	float: left;
}

#content-company2
{
	width : 550px;
	height : auto;
	background :  transparent;
	margin : 0 0 0 0;
	float : right;
}


	
#sidebar
{ 	width:245px;
	height:auto;
	float:right;
	margin:5px 8px 0 10px;
	
	}



#sidebar h3
{	color:#fff;
	margin:0 0 0 10px;
	}

#sidebar h5
{	color:#333333;
	font-size:14px;
	}

#sidebar .teks
{	color:#333333;
	width:200px;
	height:auto;
	margin:10px 10px 10px 10px;
	padding-bottom:10px;
	border-bottom:1px solid #b6f45b;
	}
	
#sidebar a
{ color:#d2ff94; text-decoration:none; }

#sidebar a:hover
{ color:#fff600;	text-decoration:none; }

#sidebar .teks h5.titlenews { margin:0px; padding:0px; color:#deff43; font: bold 14px/1em Arial, Helvetica, sans-serif;}
#sidebar h3.news { margin:0px 0px 0px 8px; padding:10px 0px 0px 45px; height:32px; color:#fafbff; font: bold 14px/1em Arial, Helvetica, sans-serif; background:url(news_icon.gif) left no-repeat;}

.posted
{	color:#666666;
	font-size:11px;
	}

.font1
{	color:#666666;
	font-size:110px;
	}
	
#content-home1
{
	width : 450px;
	height : auto;
	background : url(content-news.jpg) repeat-x;
	margin : auto auto 10px auto;
	padding : 10px 10px 10px 10px;
}

#content-home2
{
	width : 450px;
	height : auto;
	background : transparent;
	margin : 20px auto auto auto;
	
}

#content-home2-1
{
	width : 200px;
	height : auto;
	background :  transparent;
	margin : auto 20px auto 10px;
	float: left;
}

#content-home2-2
{
	width : 200px;
	height : auto;
	background :  transparent;
	margin : auto auto auto auto;
	float : right;
}

#content h1{
   font-size:18px;
}



	
#container-content #content { width: 450px; padding:0 0 40px 25px;float:left; }

/* ===================================================================================================================================================== */
/*  Baseline values for browser consistency */

p, div, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0; color:#474b54; }
img { margin: 0; padding: 0; border:none;	}
ul { list-style: none;	}

/*a:link, a:visited, a:active { color: #0000ff; text-decoration: none; outline: 0;	}
a:hover { text-decoration: underline;	}*/

blockquote {
 background-color: transparent;
 border-left: 2px solid #ccc;
 margin: 4px 0 15px 4px;
 padding: 1px 8px 1px 12px;
}

.clear { clear: both; height: 0px;	}
.hide { display:none;	}

.left {float: left;}
.right {float: right;}

/* ===================================================================================================================================================== */
/* MENU */

#siteNav 
{ 	background: #92db2e url(latar-menu.gif) top left no-repeat;
	height:83px; 
}

#siteNav a 
{ 	text-decoration: none; 
	display: block; 
	color:#000000;
}

#siteNav ul { margin-left: 50px; color:#000000; padding:40px 0 0 30px !important; padding:40px 0 0 30px;}
#siteNav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	}

#siteNav li { float: left; position: relative; font-size: 14px; text-align: center;	}
#siteNav li a { padding: 8px 20px 8px 20px;	font:12px Arial,Helvetica,sans-serif; }
#siteNav li a:link, #siteNav li a:visited 
	{ background: transparent url(site_nav_borders.gif) bottom right no-repeat; color: #fff;	}
#siteNav li a:hover 
	{ background: #b7f75f url(site_nav_hover_bg.gif) bottom left repeat-x; color: #4f7e10;	}
#siteNav li.current a 
	{ margin-bottom: -1px; background: #b7f75f url(site_nav_hover_bg.gif) bottom left repeat-x; color: #4f7e10;	}

	/*#siteNav li.current a:link ,#siteNav li.current a:hover
	 { 	background-color: #ffffff; 
	 	background-images: none; 
		cursor: default; 
		color: #37454e; 
		border-bottom: 1px solid #fff;	}*/
		
	/*#site-Nav #current{ background: #b7f75f url(site_nav_hover_bg.gif) bottom left repeat-x;}*/


/* ===================================================================================================================================================== */
/* FOOTER */
#footer
{	background:url(footer.png) no-repeat;
	padding:0px 0px;
	width:808px;
	height:149px;
	margin:auto ;
}

#footer #footer-friendzip {
	background : url(iklan-friendzip.gif) no-repeat;
	float:right;
	width : 139px;
	height:111px;
	margin: 19px 15px 0 0;
}
#footer #footer-zipcard {
	background : url(iklan-zipcard.gif) no-repeat;
	float:right;
	width : 138px;
	height: 112px;
	margin: 19px 15px 0 0;
}

#footer #footer-product {
	float:right;
	width : 450px;
	height: 112px;
	margin: 19px 15px 0 0;
}