input, option, select, textarea {
border:1px solid #f3f3ec;
background-color:#f3f3ec;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
}
input, select, textarea {
width:200px;
}
input.button {
background-color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:b9b98e;
cursor:pointer;
}
input.button:hover {
color:4d4d4d;
}
input.button:active {
color:4d4d4d;
} 
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #b9b98e;
	text-decoration: none;
}
.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4d4d4d;
	text-decoration: none;
}
.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4d4d4d;
	text-decoration: none;
}
.menu2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #b9b98e;
	text-decoration: none;
}
.links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #b9b98e;
	text-decoration: none;
}
.links:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4d4d4d;
	text-decoration: none;
}
.menutext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4d4d4d;
	text-decoration: none;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4d4d4d;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4d4d4d;
}
.textright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4d4d4d;
	text-decoration: none;
	background-position: right;
	text-align: right;
	line-height: 16pt;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #b9b98e;
	text-decoration: none;
}
.title:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #4d4d4d;
	text-decoration: none;
}
/*untuk tittle di change password*/
.title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #b9b98e;
	text-decoration: none;
}
/**/
.msg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF3300;
	font-weight: bold;
}

/* untuk mouse over menu */
.showlayer{display:block} /*show layer*/
.hiddenlayer{display:none} /*hidden layer*/
#divabout{
	position:absolute;
	width:155px;
	z-index:1021;
	height: 51px;
	left: 0px;
	border: 1px solid #b9b98e;
	background-color:#ffffff;
} 
#divlanguage{
	position:absolute;
	width:115px;
	z-index:1020;
	height: 77px;
	left: 0px;
	border: 1px solid #b9b98e;
	background-color:#ffffff;
} 
#inquiry{
	position:absolute;
	width:215px;
	z-index:1019;
	height: 51px;
	left: 0px;
	border: 1px solid #b9b98e;
	background-color:#ffffff;
} 
#mcatalogue{
	position:absolute;
	width:600px;
	z-index:1002;
	height: 300px;
	left: 0px;
} 
#catalogue{
	position:absolute;
	width:723px;
	height: 320px;
	z-index:1020;
	left: 0px;
} 
#st1{
	position:absolute;
	width:600;
	height:100;
	left: 0px;
	top: 0px;
	clip: rect(0 600 100 0);
	z-index:1;
} 
#product{
	position:absolute;
	width:600;
	height:105;
	left: 0px;
	top: 0px;
	clip: rect(0 600 105 0);
	z-index:101;
	/*visibility: hidden;*/
} 
#divUpControl {
	Z-INDEX: 1009;
	LEFT: 697px;
	WIDTH: 18px;
	POSITION: absolute;
	TOP: 85px;
	TEXT-ALIGN: right;
	height: 18px;

}
#divDownControl {
	Z-INDEX: 1010;
	LEFT: 363px;
	WIDTH: 18px;
	POSITION: absolute;
	TOP: 190px;
	TEXT-ALIGN: right;
	height: 18px;
}
#divContainer {
	position: absolute;
	width: 320px;
	height: 270px;
	left:0px;
	top:0px;
	clip: rect(0 320 270 0);
	z-index:1011;
	visibility: visible;
}
#divContent{
	LEFT: 0pt;
	POSITION: absolute;
	TOP: 0pt;
	width: 320px;
	height: 880px;
}
#divProjects{
	position: absolute;
	width: 510px;
	height: 270px;
	left:0px;
	top:0px;
	clip: rect(0 540 270 0);
	z-index:1011;
	visibility: visible;
}
#divProjectList {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 0pt;
	top: 0pt;
	width: 510px;
	height: 1156px;
}
#divContainerBasket {
	position: absolute;
	width: 293;
	height: 300;
	left:0;
	top:0;
	clip: rect(0 300 300 0);
	z-index:1008;
}
#divContentBasket{
	LEFT: 0pt;
	POSITION: absolute;
	TOP: 0pt;
	width: 293pt;
	height: 150pt;
}
#Residential{
	position:absolute;
	width:294px;
	/*width:293px;*/
	z-index:501;
	height: 478px;
	left: 0px;
} 
#Hospitality{
	position:absolute;
	width:294px;
	z-index:501;
	height: 481px;
	left: 0px;
} 
#HospitalitySpa{
	position:absolute;
	width:381px;
	z-index:501;
	height: 481px;
	left: 0px;
	} 
#HospitalityArc{
	position:absolute;
	width:294px;
	z-index:501;
	height: 481px;
	left: 0px;
} 
#msgInq
{
	position:absolute;
	width:300px;
	z-index:1000;
	height: 50px;
	left: 0px;
} 
/*untuk fade in residential*/
#photoholder {
	width:1000px;
	height:270px;
	background:#fff url('images/circle.gif') 50% 50% no-repeat;
}
#thephoto {
	width:1000px;
	height:270px;
}
#thephoto {visibility:hidden;}
.msg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
}
.securitycode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #b9b98e;
}
