input {
border:1px solid #dddddd;
background-color:#fafafa;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:225px;
height: 20px;
text-align:right;
}
textarea {
border:1px solid #dddddd;
background-color:#fafafa;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:460px;
text-align:right;
}
input.button {
background-color:#fafafa;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:999999;
width:60px;

/*border:2px outset white;
font-weight:bold;*/
cursor:pointer;
}
input.button:hover {
/*background-color:white;*/
color:333333;
}
input.button:active {
/*border:2px inset white;
background-color:white;*/
color:000000;
} 
.input2 {
border:1px solid #dddddd;
background-color:#fafafa;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:225px;
height: 20px;
}
input.button2 {
background-color:#fafafa;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:999999;
width:120px;

/*border:2px outset white;
font-weight:bold;*/
cursor:pointer;
}
input.button2:hover {
/*background-color:white;*/
color:333333;
}
input.button2:active {
/*border:2px inset white;
background-color:white;*/
color:000000;
} 

/* CSS Document */
/* untuk mouse over menu */
.showlayer{display:block} /*show layer*/
.hiddenlayer{display:none} /*hidden layer*/
#preference{
	position:absolute;
	width:150px;
	z-index:1000;
	height: 160px;
	left: 0px} /*position layer*/

#gal1{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal2{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal3{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal4{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal5{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal6{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal7{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal8{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal9{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal10{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal11{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal12{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal13{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal14{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal15{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
#gal16{
	position:absolute;
	width:500px;
	z-index:0;
	height: 430px;
	left: 0px;} 
body {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	font-weight: normal;
	background-color: #333333;
	margin: 0px;
	padding: 0px;
}
.text{
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-align: right;
}
.text2{
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: normal;
}
.text3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	font-weight: normal;
}
.titlegallery{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #333333;
	text-align: right;
}
.titlegallery2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #999999;
	text-align: right;
}
.title{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:#333333;
	background-color:#cccccc;
}
.title2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12pt;
	color:#ff9900;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: right;
	color: #666666;
	background-color: #cccccc;
}
.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.box {
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}
.links{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-decoration:none;
}
.links:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration:none;
}
.linksmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	text-decoration:none;
}
.linksmenu:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffcc00;
	text-decoration:none;
}
.links2{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #e28800;
	text-decoration:none;
}
.links2:hover{
	color: #333333;
}
.msg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ff9900;
}
.securitycode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #f0f8ff;
}