body {
	font-family:verdana;
	font-size:10pt;
	color:#FFF;
}

/* The Purple Hills */

p { margin-bottom: 10px;}

#mainindex {
  position: relative;
  width: 952px;
  margin: 0 auto;
  padding-bottom: 20px;
}

#atasindex {
  margin: 0;
  height: 53px;;
  background: #9A1369 url("images/hbg01.png") top center no-repeat;
}

#kepalaindex {
  margin: 0;
  height: 76px
}

#titleindex {
  background: url("images/title01.png") bottom right no-repeat;
  float: right;
  width: 446px;
  height: 76px;
  display:block;
}

#tengahindex {
  margin: 0 auto;
  color: #333;
  width: 952px;
  background: #FFF url("images/prodbg01.png") bottom center no-repeat;
}

#bawahindex {
  margin: 10px 0 0 0;
  background: transparent;
  color: #FFF;
}

/* The Green Goblin */

#mainproducts {
  position: relative;
  width: 952px;
  margin: 0 auto;
  padding-bottom: 20px;
}

#atasproducts {
  margin: 0;
  height: 53px;;
  background: #168F29 url("images/hbg02.png") top center no-repeat;
}

#kepalaproducts {
  margin: 0;
  height: 76px
}

#titleproducts {
  background: url("images/title02.png") bottom right no-repeat;
  float: right;
  width: 446px;
  height: 76px;
  display:block;
}

#tengahproducts {
  margin: 0 auto;
  color: #333;
  width: 952px;
  background: #FFF url("images/prodbg02.png") bottom center no-repeat;
}

#bawahproducts {
  margin: 20px 0 0 0;
  background: transparent;
  color: #FFF;
}

/* The Pink Panther */

#maindownload {
  position: relative;
  width: 952px;
  margin: 0 auto;
  padding-bottom: 20px;
}

#atasdownload {
  margin: 0;
  height: 53px;;
  background: #FB677F url("images/hbg04.png") top center no-repeat;
}

#kepaladownload {
  margin: 0;
  height: 76px
}

#titledownload {
  background: url("images/title04.png") bottom right no-repeat;
  float: right;
  width: 446px;
  height: 76px;
  display:block;
}

#tengahdownload {
  margin: 0 auto;
  color: #333;
  width: 952px;
  background: #FFF url("images/prodbg04.png") bottom center no-repeat;
}

#bawahdownload {
  margin: 10px 0 0 0;
  background: transparent;
  color: #FFF;
}

/* The Blue Dragon */

#mainfactory {
  position: relative;
  width: 952px;
  margin: 0 auto;
  padding-bottom: 20px;
}

#atasfactory {
  margin: 0;
  height: 53px;;
  background: #200F95 url("images/hbg05.png") top center no-repeat;
}

#kepalafactory {
  margin: 0;
  height: 76px
}

#titlefactory {
  background: url("images/title05.png") bottom right no-repeat;
  float: right;
  width: 446px;
  height: 76px;
  display:block;
}

#tengahfactory {
  margin: 0 auto;
  color: #333;
  width: 952px;
  background: #FFF url("images/prodbg05.png") bottom center no-repeat;
}

#bawahfactory {
  margin: 10px 0 0 0;
  background: transparent;
  color: #FFF;
}

/* The Red Carribean & The Red Sea*/

#maincontact, #mainumbal {
  position: relative;
  width: 952px;
  margin: 0 auto;
  padding-bottom: 20px;
}

#atascontact, #atasumbal {
  margin: 0;
  height: 53px;;
  background: #B60202 url("images/hbg03.png") top center no-repeat;
}

#kepalacontact, #kepalaumbal {
  margin: 0;
  height: 76px
}

#titlecontact, #titleumbal {
  background: url("images/title03.png") bottom right no-repeat;
  float: right;
  width: 446px;
  height: 76px;
  display:block;
}

#tengahcontact, #tengahumbal {
  margin: 0 auto;
  color: #333;
  width: 952px;
  background: #FFF url("images/prodbg03.png") bottom center no-repeat;
}

#bawahcontact, #bawahumbal {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 20px 0 20px 0;
  background: transparent;
  color: #FFF;
}

#logo {
  background: url("images/logo.gif") top left no-repeat;
  float:left;
  width: 85px;
  height: 68px;
  display:block;
}

#switchlang {
		float: right;
		margin-top: 9px;
		margin-right: 10px;
}

#flash {
  text-align: center;
  width: 952px;
  height: 420px;
}

#isiatas {
  text-align: center;
  width: 952px;	
/*   background: #FFFFFF url("images/prodbg02.png") bottom center no-repeat; */
}

#isiatas a, #isiatas a:link, #isiatas a:visited {
	color: #FF2029;
}
#isiatas a:hover {
	color: #00AC00;
}

#shoppingcart {
	padding-top: 30px;
	margin-left: 20px;
	float: left;
	text-align: left;
}
#contentproduct {
	padding-left: 0px;
}
#listproduct {
	margin-top: 15px;
	width: 952px;
}

#productbawah {
	display: block;
	float: left;
}

.imgother img {
	text-align: right;
	border: 0;
	float: right;
	margin-right: 10px;
	margin-top: 20px;
}

#listproduct .cattitle {
	font-weight: bold;
	padding: 10px;
	padding-left: 0px;
	display: block;
	border-bottom: 1px dotted;
	margin-right: 10px;
}

#listproduct ol {
	margin: 0px;
	list-style: none;
	padding: 0px;	
	text-decoration: none;
	margin-bottom: 15px;
}

#listproduct a, #listproduct a:link, #listproduct a:visited {
	text-decoration: none;
	display: block;
	border-bottom: 1px dotted;
	margin-right: 10px;
	color: #fff;
}

#listproduct a:hover{	
	text-decoration: none;
	display: block;
	border-bottom: 1px dotted;
	margin-right: 10px;
	color: #168F29;
	background: #D4D4D4;
}

#mprod {
  display: block;
  width: 33.33%;
  margin: 0;
  border: solid 0px #000;
  float: left;
}

#prod1 {
  display: block;
  width: 25%;
  margin: 0;
  border: solid 0px #000;
  float: left;
}
#prod {
  display: block;
  width: 25%;
  margin: 0;
  border: solid 0px #000;
  float: left;
}
#prod2 {
  display: block;
  width: 25%;
  margin: 0;
  border: solid 0px #000;
  float: left;
}

#prod3 {
  display: block;
  width: 25%;
  margin: 0;
  border: solid 0px #000;
  float: left;
}

#prod4 {
  display: block;
  width: 25%;
  margin: 0;
  border: solid 0px #000;
  float: left;
}

.cattitle {
  text-align: center;
  display: block;
  height: 25px;
}

#contactkiri {
  display: block;
  width: 32%;
  margin: 0 5px;
  float: left;
}

#contacttengah {
  display: block;
  width: 40%;
  margin: 0 5px;
  float: left;
  border-left: #fff dashed 1px;
  padding-left: 35px;
}

#contacttengah ol {
  padding: 0;
  list-style-position: inside
}

#contacttengah a, #contacttengah a:link, #contacttengah a:visited {
  text-decoration: none;
  color: #fff;
}

#contacttengah a:hover {
  background: #fff;
  color: #B60202;
}


			#menu1en	{
				background: no-repeat url("images/mn_home.gif");
                width: 81px;
                height: 27px;
                margin: 0;
                display: block;
                position: absolute;
                left: 14px;
			}

			#menu2en	{
				background: no-repeat url("images/mn_prod.gif");
                width: 81px;
                height: 27px;
                margin: 0;
                display: block;
                position: absolute;
                left: 95px;
			}

			#menu3en	{
				background: no-repeat url("images/mn_con.gif");
                width: 81px;
                height: 27px;
                margin: 0;
                display: block;
                position: absolute;
                left: 338px;
			}
			
			#menu4en	{
				background: no-repeat url("images/mn_down.gif");
                width: 81px;
                height: 27px;
                margin: 0;
                display: block;
                position: absolute;
                left: 257px;
			}
			#menu5en	{
				background: no-repeat url("images/mn_factory.gif");
                width: 81px;
                height: 27px;
                margin: 0;
                display: block;
                position: absolute;
                left: 176px;
			}

			#menu1id	{
				background: no-repeat url("images/mn_home2.gif");
                width: 81px;
                height: 27px;
                margin: 0;
                display: block;
                position: absolute;
                left: 14px;
			}

			#menu2id	{
				background: no-repeat url("images/mn_prod2.gif");
                width: 81px;
                height: 27px;
                margin: 0;
                display: block;
                position: absolute;
                left: 95px;
			}

			#menu3id	{
				background: no-repeat url("images/mn_con2.gif");
                width: 81px;
                height: 27px;
                margin: 0;
                display: block;
                position: absolute;
                left: 338px;
			}
			
			#menu4id	{
				background: no-repeat url("images/mn_down2.gif");
                width: 81px;
                height: 27px;
                margin: 0;
                display: block;
                position: absolute;
                left: 257px;
			}
			
			#menu5id	{
				background: no-repeat url("images/mn_factory2.gif");
                width: 81px;
                height: 27px;
                margin: 0;
                display: block;
                position: absolute;
                left: 176px;
			}


td {
  padding: 0;
}

#hot {
  margin-top: 20px;
  padding-top: 10px;
  }

#hot p {
  display: block;
  text-align: left;
  margin-left: 20px;
  margin-bottom: 20px;
}

#hot img {
  margin-bottom:10px;
  
}

#hot a {
  text-decoration: none;
}

#hot img { 
  border: solid 10px #000;
}

div.spacer {
  clear:both;
  height:10px;
  display:block;
}