#layout {
	background-color: #373835;
	float: none;
	width: 780px;
	height: auto;
	margin:0 auto;
	padding:5px;
}


#header {	
	float: left;
	height: auto;
	width: 780px;
		background-color: #373835;

}

#menukiri {

	float: left;
	width: 135px;
	height: auto;
	
}

#menukanan {
	background-color:#cbf3bd;
	float: left;
	width: 135px;
	height: auto;
	
}


#isihome {

	float: left;
	
	height: auto;
	width:490px;
	padding:10px;
}


#isi {

	float: left;
	height: auto;
	width:625px;
	padding:10px;
	
}
#footer {
	float: left;
	background-color: #52a8e2;
	width: 780px;
	height: 88px;
	text-align:center;
	
}

.logo {
	float:left;
	width:526px;
	height:69px;
	background-image : URL(image/logo.jpg);	
}
.flash {
	position:relative;
	float:right;
	width: 253px;
	height: 155px;
	
}

ul {
	margin: 0;
	padding: 0;
	list-style:none;
   font-size:12px;
   font-family:Tahoma,sans-serif;
   color:#440088;
	
	
}
ul li {
	position: relative;
		


}
li ul {
	position : absolute;
	left:120px;
	top:0px;
	width:150px;
	display:none;
	
}

ul li a {
	width:120px;
	margin:0px auto;
	display:block;
	text-decoration:none;
	line-height:25px;
	color:#86101e;
	background-color:#71d5ed;
	text-align:center;

	
	
	
	
	
}

ul li a:hover {
background:#edbf44;
font-weight:bold;
}
li:hover ul, li.over ul
{
	display:block;
}






ul.menu{
	margin:0;
	padding:0;
	
}

ul.menu li{
	float:left;
	display:block;
}


.mnuhome {
	float:left;
	width:95px;
	height:86px;
	display:block;
	background-image: URL(image/home.jpg);
}
.mnuhome:hover {
	float:left;
	width:95px;
	height:86px;
	display:block;
	background-image: URL(image/homeover.jpg);
}

.mnuproduk {
	float:left;
	width:99px;
	height:86px;
	display:block;
	background-image: URL(image/products.jpg);
}
.mnuproduk:hover {
	float:left;
	width:99px;
	height:86px;
	display:block;
	background-image: URL(image/productsover.jpg);
}

.mnuguest {
	float:left;
	width:97px;
	height:86px;
	display:block;
	background-image: URL(image/guestbook.jpg);
}
.mnuguest:hover {
	float:left;
	width:97px;
	height:86px;
	display:block;
	background-image: URL(image/guestbookover.jpg);
}

.mnuabout {
	float:left;
	width:95px;
	height:86px;
	display:block;
	background-image: URL(image/about.jpg);
}
.mnuabout:hover {
	float:left;
	width:95px;
	height:86px;
	display:block;
	background-image: URL(image/aboutover.jpg);
}

.mnucontact {
	float:left;
	width:97px;
	height:86px;
	display:block;
	background-image: URL(image/contact.jpg);
}
.mnucontact:hover {
	float:left;
	width:97px;
	height:86px;
	display:block;
	background-image: URL(image/contactover.jpg);
}

.textfooter {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	
	color: #d0d3d9;
	text-decoration: none;
}

.textfooter:hover {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	color: #3f640d;
	text-decoration: none;
}
.textfooter2 {
	font-family: Tahoma;
	font-size: 9pt;
	color: #1512a7;
	text-decoration: none;
}
.backlink {
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	
	color: #0d0b0c;
	text-decoration: none;
}

.textkuning {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #f2a62f;
}
.judulkuning {
	font-family: "Myriad Pro";
	font-size: 16pt;
	font-style: normal;
	font-weight: bold;
	color: #f26522;
	padding:5px;
}
.linkkategori
{
	display:block;
	text-align:center;
   font-size:11px;
   font-family:Tahoma,sans-serif;
   color:#440088;
   height:22px;
   width:120px;
   background-color:#EEDDFF;
   border-top-style:solid;
   border-top-color:#9933FF;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#9933FF;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#9933FF;
   border-left-width:10px;
   border-right-style:solid;
   border-right-color:#9933FF;
   border-right-width:5px;
}
.linkkategori:hover
{
	display:block;
   font-size:11px;
   font-family:Tahoma,sans-serif;
   color:#ffffff;
   height:22px;
   width:120px;
   background-color:#EEDDFF;
   border-top-style:solid;
   border-top-color:#9933FF;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#9933FF;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#9933FF;
   border-left-width:10px;
   border-right-style:solid;
   border-right-color:#9933FF;
   border-right-width:1px;
}
.textmenu {
	font-family: Tahoma;
	font-size: 10pt;
	
	color: #b91371;
	text-decoration: none;

}

.textmenu:hover {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	color: #b91371;
	text-decoration: none;
}
.boxkategori {

	width:135px;
	height:28px;
	background-color:#fba939;
	vertical-align:middle;
	
}
.tulisankategori {
	font-family: Tahoma;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
}
.tulisan {
	font-family: Tahoma;
	font-size: 10pt;
	font-style: normal;
	color: #ebe8e8;
}
.tulisanmiring {
	font-family: Tahoma;
	font-size: 10pt;
	color: #ebe8e8;
	font-style:italic;
}

.promo {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #f26723;
}

.judul {
	font-family: Tahoma;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	color: #dcf1df;
}
.textijo {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #37d649;
}

#boxmargue {
	background-color:#191919;
	width :350px;
	float:left;
	height:25px;
}
#boxtxtcari {
	background-color:#191919;
	width:280px;
	float:left;
	text-align:right;
	height:25px;
	vertical-align:middle;
}
#boxcari {
	background-color:#191919;
	width:150px;
	float:left;
	text-align:right;
	height:25px;
}

.textbox {
	font-family: Tahoma;
	font-size: 11pt;
	background-color: #373835;
	height: 20px;
	width: 90px;
	border-bottom:#272726 solid 1px;
	border-right:#272726 solid 1px;
	border-top:#272726 solid 1px;
	border-left:#272726 solid 1px;
	color: #FFFFFF;
	vertical-align: middle;
	
}
input.groovybutton
{
   font-size:11px;
   font-family:Tahoma,sans-serif;
   text-align:left;
   color:#FFFFFF;
   width:50px;
   height:20px;
   background-color:#2878C0;
   border-top-style:solid;
   border-top-color:#2878C0;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#2878C0;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#1858B8;
   border-left-width:6px;
   border-right-style:solid;
   border-right-color:#508CC0;
   border-right-width:6px;
   vertical-align: middle;
}
.hot {
	font-family: Tahoma;
	font-size: 9pt;
	font-weight: bold;
	color: #4053e1;
}

.boxgambarhot {
	width:135px;
	text-align:center;
}

*								{ margin: 0; padding: 0; }
body							{ font-family: "Lucida Grande", Arial, Sans-Serif; background: #222; }

a								{ text-decoration: none; outline: none; }
a img							{ border: none; }

h2								{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
								  font-weight: normal; }

#page-wrap						{  width: 480px; margin: 0 auto; 
								  padding: 0px 0; }

#slider							{ background: white url(slider/slider-bg.jpg); height: 270px; overflow: hidden;
								  position: relative; margin: 10px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 30px 5px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 16px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 200px; }
.slide img						{ position: absolute; top: 20px; left: 220px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; }

.isitulisan {
	width:200px;
	font-family: Georgia, Serif; font-size:12px;font-weight	: normal; color:#c517a6; text-align:justify; }

ul.merk {
	float:left;
}
ul.merk li{
	float:left;
	margin-left:10px;
	margin-top:5px;
	width:130px;

	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	color: #37d649;

}

.cssform p {
	width: 300px;

	margin:0;
	padding:5px 0 8px 0;
	padding-left:155px;
	border-top: 1px dashed gray;
}

.cssform label {
	font-weight: bold;
	float:left;
	margin-left:-155px;
	width:100px;
}
.cssform textarea {
	width:300px;
	height:150px
}	


/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }