@charset "utf-8";
/* CSS Document */

/* Code by Jonicelab.com 2010 */

body
{
	width:100%;
	height:100%;
	margin:auto;
	font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;
	font-size:11px;
	line-height:18px;
}



/* HEADER */

#header
{
	width:760px;
	height:90px;
	margin:auto;
}

.header-logo
{
	width:162px;
	height:90px;
	background-image:url(img/logo-komodo.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header-blank
{
	width:190px;
	height:90px;
	float:left;
}

.header-f
{
	width:408px;
	height:90px;
	float:left;
}

.header-f-search
{
	width:408px;
	height:58px;
}

.header-f-line
{
	width:408px;
	height:6px;
	background-image:url(img/header-f-line.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

.header-f-nav
{
	width:408px;
	height:36px;
	clear:both;
	margin:0px;
	padding:0px;
}

#header-nav
{
	width:100%;
	height:18px;
	margin:0px;
	padding:0px;
}

#header-nav li
{
	float:right;
	margin:0px;
	padding:0px;
	margin-left:15px;
}

a .header-beranda 
{
	width:66px;
	height:18px;
	background-image:url(img/header-nav-beranda.jpg);
}

a:hover .header-beranda 
{
	width:66px;
	height:18px;
	background-image:url(img/header-nav-beranda-h.jpg);
}

a .header-produk
{
	width:72px;
	height:18px;
	background-image:url(img/header-nav-produk.jpg);
}

a:hover .header-produk
{
	width:72px;
	height:18px;
	background-image:url(img/header-nav-produk-h.jpg);
}

a .header-tentangkami
{
	width:98px;
	height:18px;
	background-image:url(img/header-nav-tentangkami.jpg);
}

a:hover .header-tentangkami
{
	width:98px;
	height:18px;
	background-image:url(img/header-nav-tentangkami-h.jpg);
}

a .header-hubungikami
{
	width:95px;
	height:18px;
	background-image:url(img/header-nav-hubungikami.jpg);
}

a:hover .header-hubungikami
{
	width:95px;
	height:18px;
	background-image:url(img/header-nav-hubungikami-h.jpg);
}

/* NAVIGATION */
#n
{
	width:760px;
	height:auto;
	margin:auto;
	clear:both;
}
#nav
{
	width:760px;
	height:100%;
	margin:auto;
	background-color:#f1e8d6;
	border:solid 1px #999;
	float:left;
}

.nav-text
{
	font-weight:bold;
	font-size:10px;
	color:#666;
}

.nav-line
{
	width:1px;
	height:19px;
	background-image:url(img/nav-line.gif);
	background-repeat:no-repeat;
	margin-top:6px;
}

.nav-text a
{
	color:#666;
}


.nav-text a:hover
{
	color:#999;
	text-decoration:underline;
}


/* CONTENT */
#content
{
	width:760px;
	height:100%;
	margin:auto;
	margin-top:10px;
}

.content-sidebar
{
	width:181px;
	height:100%;
	float:left;
}

.content-sidebar-produk
{
	width:181px;
	height:100%;
	clear:both;
}


.content-sidebar-produk-atas
{
	width:181px;
	height:31px;
	background-image:url(img/content-sidebar-produk-atas.jpg);
	background-repeat:no-repeat;
}

.content-sidebar-produk-tengah
{
	width:181px;
	height:auto;
	background-image:url(img/content-sidebar-produk-tengah.jpg);
	background-repeat:repeat-y;
}


.content-sidebar-produk-tengah ul
{
	width:181px;
	height:100%;
	padding-left:12px;
	padding-right:5px;
	float:none;
}

.content-sidebar-produk-tengah ul li
{
	float:none;
	list-style:disc;
}

.content-sidebar-produk-detail
{
	width:170px;
	height:15px;
	margin-top:3px;
	padding-bottom:20px;
	clear:both;
	color:#F90;
	font-weight:bold;
}


.content-sidebar-produk-bawah
{
	width:181px;
	height:24px;
	background-image:url(img/content-sidebar-produk-bawah.jpg);
	background-repeat:no-repeat;
}

.content-sidebar-email
{
	width:181px;
	height:100%;
	margin-top:20px;
	clear:both;
}


.content-sidebar-email-atas
{
	width:181px;
	height:65px;
	background-image:url(img/content-sidebar-email-atas.jpg);
	background-repeat:no-repeat;
}

.content-sidebar-email-tengah
{
	width:181px;
	height:100%;
	background-image:url(img/content-sidebar-email-tengah.jpg);
	background-repeat:repeat-y;
}

.content-sidebar-email-tengah2
{
	width:181px;
	height:100%;
	background-image:url(img/content-sidebar-email-tengah.jpg);
	background-repeat:repeat-y;
	padding-top:7px;
	padding-left:19px;
	padding-bottom:15px;
}

.content-sidebar-email-bawah
{
	width:181px;
	height:11px;
	background-image:url(img/content-sidebar-email-bawah.jpg);
	background-repeat:no-repeat;
}



#isi
{
	width:557px;
	height:auto;
	float:right;
}


.isi-banner
{
	width:557px;
	height:230px;
	background-image:url(img/isi-banner.jpg);
	background-repeat:no-repeat;
}

.isi-banner-produklain
{
	padding-top:160px;
	padding-left:25px;
}

.isi-produk
{
	width:557px;
	height:100%;
}

.isi-bingkai
{
	width:557px;
	height:100%;
}

.bingkai
{
	width:157px;
	height:157px;
	background-image:url(img/bingkaiproduk.jpg);
	background-repeat:no-repeat;
	margin-top:30px;
	margin-left:10px;
}

.bingkai-detail
{
	width:auto;
	height:auto;
	margin-left:10px;
	border:solid 1px #CCC;
	float:left;
}

.detail-text
{
	width:300px;
	height:100%;
	float:left;
	margin-left:10px;
}

.detail-text label
{
	display:block;
}

.detail-text span
{
	width:60px;

}


.produk
{
	width:auto;
	height:auto;
	padding-left:7px;
	clear:both;
}

.produk-img-detail
{
	width:auto;
	height:auto;
	padding-left:0px;
	clear:both;
}

.produk-detail
{
	width:auto;
	height:auto;
	clear:both;
	font-weight:bold;
	color:#666;
	line-height:15px;
	margin-bottom:10px;
	margin-top:10px;
}

.produk-detail a
{
	color:#39F;
	font-size:10px;
}

.produk-detail a:hover
{
	color:#39F;
	text-decoration:underline;
}

/* SOCIAL NETWORKING */
#social
{
	width:760px;
	height:77px;
	margin:auto;
	clear:both;
	padding-top:20px;
}

.social
{
	width:180px;
	height:77px;
	margin-left:10px;
	float:right;
}



/* FOOTER */

#footer
{
	width:760px;
	height:50px;
	margin:auto;
	clear:both;
}

.footer
{
	width:760px;
	height:50px;
	color:#666;
}

.footer-copyright
{
	margin-top:6px;
	float:right;
}


.footer a
{
	color:#666;
}

.footer a:hover
{
	color:#999;
	text-decoration:underline;
}


#footer hr
{
	width:760px;
	height:1px;
	background-color:#CCC;
	border:none;
	margin-top:30px;
}