@charset "utf-8";

@font-face {
	font-family: 'Copperplate';
	src: url('coprgtl-webfont.eot');
	src: local('?'), url('coprgtl-webfont.woff') format('woff'), url('coprgtl-webfont.ttf') format('truetype'), url('coprgtl-webfont.svg#webfontAV1eWBGK') format('svg');
}

html {height: 100%;}
body {background-color: #ede3bd; background-image: url(../images/bg.jpg); background-repeat: repeat; background-position: center; padding: 0px; margin: 0px; width: 100%; height: 100%; font-family: Arial, Tahoma, sans-serif;}
:active {outline: none; outline-style: none; -moz-outline-style: none; -webkit-focus-ring-color: none;}
:focus {outline: none; outline-style: none; -moz-outline-style: none; -webkit-focus-ring-color: none;}
* {outline: none; outline-style: none; -moz-outline-style: none; -webkit-focus-ring-color: none;}

.wrap {position: relative; z-index: 1; width: 976px; height: auto; margin: 0px auto; padding: 0px;}
.container {position: relative; float:left; z-index: 1; float: left; margin: 0px; padding: 0px; width: 976px; height: 650px;}
	.shadow-top {position: relative; float: left; margin:0px; padding:0px; width: 976px; height:14px; background-image: url(../images/shadow-top.png); background-repeat: no-repeat;}
	.shadow-right {position: relative; float: left; margin:0px; padding:0px; width: 13px; height:622px; background-image: url(../images/shadow-right.png); background-repeat: no-repeat;}
	.shadow-left {position: relative; float: left; margin:0px; padding:0px; width: 13px; height:622px; background-image: url(../images/shadow-left.png); background-repeat: no-repeat;}
	.shadow-bottom {position: relative; float: left; margin:0px; padding:0px; width: 976px; height:14px; background-image: url(../images/shadow-bottom.png); background-repeat: no-repeat;}
.mid {position: relative; float: left; width: 950px; height: 622px;}
.footer {position: relative; z-index:10; float:left; width: 100%; height: 12px; margin: 0px auto; padding: 0px; text-align: center; font-family: "Times New Roman", Times, serif; font-size: 10px; color: #634D00; margin-bottom: 10px; vertical-align:top;}
	a.webarq {text-decoration: none; color: #634D00;}
	a.webarq:hover {text-decoration: underline; color: #634D00;}

/* Home */
.home {position :relative; float: left; margin: 0px; padding: 0px; width: 950px; height: 622px; background-image: url(../images/bg-home.jpg); background-repeat: no-repeat;}
.home-melawai {position: absolute; top: 317px; left: 176px; width: 152px; height: 165px; margin: 0px; padding: 0px; text-align: center;}
.home-melawai a, .home-melawai a:visited, .home-melawai a:hover, .home-angkasa a, .home-angkasa a:visited, .home-angkasa a:hover {position: absolute; width: 100%; text-align: center; overflow: hidden; display: block;}
.home-angkasa {position: absolute; top: 317px; right: 176px; width: 152px; height: 165px; margin: 0px; padding: 0px; text-align: center;}
.home h1 {margin: 3px 0 10px 0; padding: 0px; width: 100%; display: block; text-align: center; font-family: Copperplate; font-size: 24px; color: #FFFFFF; font-weight:normal;}
.address {position: absolute; top: 105px; left: 0px; width: 100%; text-align: center; margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; color:#FFFFFF; line-height: 13.2px;}

/* melawai - angkasa */
.submenu {position: relative; float: left; margin: 0px; padding: 0px; width: 160px; height: 622px; background-color:#C4AD5C; text-align:center;}
.wrapper {position: relative; float: left; margin: 0px; padding: 0px; width: 790px; height: 622px;}
.logo {position: relative; float: left; margin: 0 0 0 2px; padding: 0px; border: 0px; width: 156px; height: 178px;}
a.sub-m {position: relative; float:left; margin: 0 0 5px 5.5px; padding: 6px 0 0 0; width: 149px; height: 20px; background-image: url(../images/sub-m.png); border: 0px; text-align:center; cursor: pointer; color:#634D00; font-size: 11px; font-family: Copperplate; text-decoration: none;}
a.sub-m:hover {background-image: url(../images/sub-c.png); border: 0px; text-decoration: none;}
a.sub-c {position: relative; float: left; margin: 0 0 7px 5.5px; padding: 6px 0 0 0; width: 149px; height: 20px; background-image: url(../images/sub-c.png); border: 0px; text-align:center; cursor: pointer; color:#634D00; font-size: 11px; font-family: Copperplate; text-decoration: none;}

a.sub-m2 {position: relative; float:left; margin: 0 0 1px 5.5px; padding: 0px; width: 149px; height: 26px; max-height: 26px; background-image: url(../images/sub-m.png); background-repeat: no-repeat; border: 0px; text-align:center; cursor: pointer; color:#634D00; font-size: 11px; font-family: Copperplate; text-decoration: none; vertical-align:center;}
a.sub-m2:hover {background-image: url(../images/sub-c.png); border: 0px; text-decoration: none;}
a.sub-c2 {position: relative; float: left; margin: 0 0 1px 5.5px; padding: 0px; width: 149px; height: 26px; max-height: 26px; background-image: url(../images/sub-c.png); background-repeat: no-repeat; border: 0px; text-align:center; cursor: pointer; color:#634D00; font-size: 11px; font-family: Copperplate; text-decoration: none; vertical-align:center;}

.crown-top {position: relative; float: left; margin: 0px 0 0 0; padding: 0px; width: 160px; height: 20px; background-image: url(../images/crown-top.png); background-repeat: no-repeat; background-position: center;}
.crown-bottom {position: relative; float: left; margin: 0px; padding: 0px; width: 160px; height: 20px; background-image: url(../images/crown-bottom.png); background-repeat: no-repeat; background-position: center;}
a.m-melawai {position: relative; float:left; margin: 0 0 0 36.5px; padding: 0px; width: 87px; height: 23px; background-image: url(../images/m-melawai.png); border: 0px; text-align:center; cursor: pointer; text-decoration: none; background-repeat: no-repeat; background-position: center;}
a.m-melawai:hover {background-image: url(../images/m-melawai-hover.png);}
a.m-melawai-hover {position: relative; float:left; margin: 0 0 0 36.5px; padding: 0px; width: 87px; height: 23px; background-image: url(../images/m-melawai-hover.png); border: 0px; text-align:center; cursor: pointer; text-decoration: none; background-repeat: no-repeat; background-position: center;}
a.m-angkasa {position: relative; float:left; margin: 0 0 0 36.5px; padding: 0px; width: 87px; height: 23px; background-image: url(../images/m-angkasa.png); border: 0px; text-align:center; cursor: pointer; text-decoration: none; background-repeat: no-repeat; background-position: center;}
a.m-angkasa:hover {background-image: url(../images/m-angkasa-hover.png);}
a.m-angkasa-hover {position: relative; float:left; margin: 0 0 0 36.5px; padding: 0px; width: 87px; height: 23px; background-image: url(../images/m-angkasa-hover.png); border: 0px; text-align:center; cursor: pointer; text-decoration: none; background-repeat: no-repeat; background-position: center;}
.fb-twit {position: relative; float: left; margin: 10px 0 0 0; padding: 0px; width: 160px; height: auto; text-align: center;}
.fb-twit img {border: 0px;}
.big-pic {position: relative; float: left; margin: 0px; padding: 0px; border: 0px;}
.big-pic2 {position: relative; float: left; margin: 0px; padding: 0px; width: 465px; height: 622px; border: 0px;}
.isi {position: relative; float: left; margin: 0px; padding: 20px 25px; width: 275px; height: 582px; background-image: url(../images/bg-content2.png); background-repeat: no-repeat;}
.isi2 {position: relative; float: left; margin: 0px; padding: 20px 25px; width: 740px; height: 582px; background-image: url(../images/bg-pg.png); background-repeat: no-repeat; background-position:left;}
.isi h1 {position: relative; float: left; margin: 0 0 15px 0; padding: 0px; width: 100%; color: #634D00; font-family: Copperplate; font-size: 18px; font-weight: normal; text-shadow: 0px 0px 3px #000000;}
.isi p {position: relative; float: left; margin: 0px; padding: 0px; width: 95%; color: #414042; font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 18px;}
table.ta {position: relative; float: left; margin: 0px; padding: 0px; width: 95%;}
table.ta td {color: #414042; font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 18px;}
a.room {color: #634D00; font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 18px; font-weight: bold; text-decoration:underline;}
a.room:hover {color: #634D00; text-decoration:none;}
ul.bull {position: relative; float: left; width: 95%; list-style-image: url(../images/bullet.png); padding-left: 15px; margin: 0px; vertical-align: top;}
ul.bull li {position: relative; float: left; width: 100%; margin: 0 0 2px 0; padding: 0px; color: #414042; font-family: "Times New Roman", Times, serif; font-size:13px; line-height: 18px;}
span.bo {color: #634D00; font-family: "Times New Roman", Times, serif; font-size: 13px; font-weight: bold;}
h1.jdl, h1.jdl2, h1.jdl3 {cursor: pointer;}
span.tbl {position: relative; float: left; margin: 0px; padding: 0px; width: 95%; color: #634D00; font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 18px; font-weight: bold;}
table.ta2 {position: relative; float: left; margin: 0px; padding: 0px; width: 95%;}
table.ta2 th {background-color: #634D00; color: #FFFFFF; font-family: "Times New Roman", Times, serif; font-size: 11px; line-height: 18px;}
table.ta2 td {padding-left: 8px; background-color: #EDE3BD; color: #414042; font-family: "Times New Roman", Times, serif; font-size: 11px; line-height: 18px;}
a.tebel {color: #634D00; font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 18px; font-weight: bold; text-decoration:underline;}
a.tebel:hover {color: #634D00; text-decoration:none;}

/* Accordion */
.accordionWrapper{position:relative; float:left; margin:0px; padding:0px; width:790px; height:622px; overflow:hidden; background-color: #f7f5d1;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none; background-image:url(../images/bg-content.jpg); background-repeat:repeat;}
.set {background-image:url(../images/bg-content.png); background-repeat:repeat;}
/* accordion pane */
#accordion-v .pane, #accordion-v2 .pane, #accordion-v3 .pane {display:none; height:auto; margin: 0px; padding: 0px;}

/* Form */
form {position: relative; float: left; color: #414042; font-family: "Times New Roman", Times, serif; font-size: 13px;}
input.txt {position: relative; float: left; width: 249px; height: 15px; padding: 8px 3px 7px 3px; margin: 7px 0 15px 0; border: solid 1px #CCCCCC; color: #414042; font-family: "Times New Roman", Times, serif; font-size: 13px;}
input.txt2 {position: relative; float: left; width: 249px; height: 15px; padding: 5px 3px; margin: 5px 0px; border: solid 1px #CCCCCC; color: #414042; font-family: "Times New Roman", Times, serif; font-size: 13px;}
textarea.txt_area {position: relative; float: left; width: 249px; height: 106px; padding: 8px 3px 7px 3px; margin: 7px 0 15px 0; border: solid 1px #CCCCCC; color: #414042; font-family: "Times New Roman", Times, serif; font-size: 13px;}
textarea.txt_area2 {position: relative; float: left; width: 249px; height: 57px; padding: 5px 3px; margin: 5px 0px 10px 0; border: solid 1px #CCCCCC; color: #414042; font-family: "Times New Roman", Times, serif; font-size: 13px;}
input.txt:focus, textarea.txt_area:focus, input.txt2:focus, textarea.txt_area2:focus {
	border: solid 1px #F7F5D1; outline: none;
	box-shadow: 0px 1px 8px rgba(99,77,0,1.7);
	-webkit-box-shadow: 0px 1px 8px rgba(99,77,0,1.7);
	-moz-box-shadow: 0px 1px 8px rgba(99,77,0,1.7);
	-moz-outline-style: none;
	-webkit-focus-ring-color: none;
}
input.btn-submit {position: relative; float: left; margin:0px; padding:0px; width:66px; height:23px; cursor:pointer; border: 0px; background-image: url(../images/btn-submit.png);}
input.btn-submit:active {margin: 1px -1px -1px 1px;}

#image_wrap {
	/* dimensions */
	width:677px;
	margin:15px 0 15px 40px;
	padding:15px 0;

	/* centered */
	text-align:center;

	/* some "skinning" */
	background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;
}