body {
	background-color: #ff850e;
		margin: 0;
}
#container {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 929px;
	height: 604px;
	margin-top: -302px; /* half of the height */
	margin-left: -464px;
	background-color: #FFFFFF;
}
#container-left {
	position:fixed;
	left: 535px;
	top:  0px;
	width: 380px;
	height: 555px;
	background-color: #FFFFFF;
	/*margin-top: -350px; /* half of the height */
	margin-left: -535px;*/
}
.bigimagehome {
	width: 680px;
	height: 575px;
	position: absolute;
	left: 235px;
	top: 15px;
	overflow: visible;
}
.leftimagehome {
	width: 220px;
	height: 265px;
	position: absolute;
	left: 15px;
	top: 15px;
}
.leftimagelone {
	width: 350px;
	height: 525px;
	position: fixed;
	left: 15px;
	top: 15px;
}
.centertextlone {
	font-family:Trebuchet MS, Verdana, Helvetica, Arial;
	font-size: 20px;
	/*color: #FFDC62;*/
	color: #FFFFFF;
	line-height: 34px;
	width: 460px;
	height: 540px;
	position: absolute;
	left: 400px;
	top: 15px;
	overflow: visible;
}
.logo{
	width: 96px;
	height: 310px;
	position: absolute;
	left: 174px;
	top: 15px;
}
.copyright{
	font-family:Trebuchet MS, Verdana, Helvetica, Arial;
	font-size: 12px;
	color: #FFDC62;
	width: 929px;
	height: 15px;
	text-align: center;
	line-height: 28px;
	position: absolute;
	top: 608px;
	left: -1px;
}
.copyright a:link {
        text-decoration: underline;
	color: #FFDC62;
}
.copyright a:hover {
	color: #FFDC62;
	text-decoration: none;
}
.copyright a:visited {
	color: #FFDC62;
	text-decoration: none;
}
.menu{
	width: 204px;
	height: 302px;
	position: absolute;
	left: 15px;
	top: 288px;
	background-color:#C4C4C4;
}
/*--------------------------------------------
Menu Utama Index
---------------------------------------------*/
.mainmenu{
	font-family:Trebuchet MS, Verdana, Helvetica, Arial;
	font-size: 14px;
	color: #823D31;
	width: 124px;
	height: 30px;
	text-align: left;
	line-height: 40px;
	font-weight: bold;
	position: absolute;
	left: 43px;
	top: 319px;
}
.mainmenustill {
	text-decoration: none;
	color: #FFFFFF;
}
.mainmenu a:link {
	text-decoration: none;
	color: #823D31;
}
.mainmenu a:hover {
	color: #50351B;
	text-decoration: none;
}
.mainmenu a:visited {
	color: #823D31;
	text-decoration: none;
}
.mainmenu-small {
	font-family:Trebuchet MS, Verdana, Helvetica, Arial;
	font-size: 9px;
	color: #823D31;
	width: 151px;
	height: 30px;
	text-align: left;
	line-height: 10px;
	/*font-weight: bold;*/
	position: absolute;
	left: 43px;
	top: 519px;
}
.mainmenu-small a:link {
	text-decoration: none;
	color: #823D31;
}
.mainmenu-small a:hover {
	color: #50351B;
	text-decoration: none;
}
.mainmenu-small a:visited {
	color: #823D31;
	text-decoration: none;
}
.garis01  {
	width: 204px;
	height: 28px;
	position: absolute;
	background-color: #ff850e;
	left: 15px;
	top: 325px;
}
.garis02  {
	width: 204px;
	height: 28px;
	position: absolute;
	background-color: #ff850e;
	left: 15px;
	top: 366px;
}
.garis03 {
	width: 204px;
	height: 28px;
	position: absolute;
	background-color: #ff850e;
	left: 15px;
	top: 446px;
}
.garis04  {
	width: 204px;
	height: 28px;
	position: absolute;
	background-color: #ff850e;
	left: 15px;
	top: 485px;
}
.garis05  {
	width: 204px;
	height: 28px;
	position: absolute;
	background-color: #ff850e;
	left: 15px;
	top: 445px;
}
.garis06 {
	width: 204px;
	height: 28px;
	position: absolute;
	background-color: #ff850e;
	left: 15px;
	top: 325px;
}
/*--------------------------------------------
Content
---------------------------------------------*/
.aboutus{
	font-family:Trebuchet MS, Verdana, Helvetica, Arial;
	font-size: 13px;
	color: #555555;
	width: 311px;
	height: 539px;
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	position: absolute;
	left: 292px;
	top: 48px;
}
.aboutuss{
	font-family:Trebuchet MS, Verdana, Helvetica, Arial;
	font-size: 13px;
	color: #555555;
	width: 311px;
	height: 530px;
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	position: absolute;
	left: 292px;
	top: 48px;
	overflow: scroll;
	overflow-x:hidden;
}
.aboutustitle{
	font-family:Trebuchet MS, Verdana, Helvetica, Arial;
	font-size: 20px;
	color: #FEB710;
	text-align: center;

}
.contactus{
	font-family:Trebuchet MS, Verdana, Helvetica, Arial;
	font-size: 13px;
	color: #823D31;
	width: 311px;
	height: 220px;
	text-align: left;
	line-height: 24px;
	font-weight: bold;
	position: absolute;
	left: 293px;
	top: 188px;
}
/*--------------------------------------------
right side
---------------------------------------------*/
.grey {
	position:absolute;
	width: 293px;
	height: 604px;
	background-color: #C4C4C4;
	left: 636px;
	text-align: center;
}
.gede {
	position:absolute;
	width: 260px;
	height: 260px;

	left: 14];
	top: 17px;
	left: 17px;
}


.thumbnail img{
position:relative;
top: 417px;
border: none;
margin: 0 8px 8px 0;
left: 5px;
}

.thumbnail:hover{
background-color: transparent;

}

.thumbnail:hover img{
	border: none;

}

.thumbnail span{ /*CSS for enlarged image*/
   position: absolute;
   left: 12px;
   top: -400px;
   visibility: hidden;
   text-decoration: none;
}


.thumbnail:hover span{ /*CSS for enlarged image*/
   visibility: visible;
   position: absolute;
   top: 17;
   left: 12px; /*position where enlarged image should offset horizontally */
}