body {
    margin:0;
    padding:0;
    font-family: Verdana;
}
.language 
{
	color:#BA8748;
	text-align:right;
	text-decoration:none;
	font-size:10px;
}
.language a, .language a:active, .language a:link, .language a:visited
{
	color:#BA8748;
	text-align:right;
	font-size:10px;
	text-decoration:underline;

}
#hedear {
    margin:0;
    padding:0;
}
.container {
    height: 525px; 
    margin: 0 auto -20px;
    width: 800px;
    background-color: #fff;
    color: #333;
    border: 0px solid #000;
    font-size: 11px;
}
span.small-reg {
	font-size: 12px;
	position:relative;
	top:-5px;
}
span.small-symbol {
    font-size: 10px;
	position: relative;
    _position: absolute;
	top: -5px;
	_left: -360px;
	borrder: 3px solid #000;
}
span.big-symbol {
    font-size: 12px;
    position: relative;
	top: -10px;
	z-index: 0;
}

#footer-container {
    width: 800px;
    margin: 0 auto 0px;
}
.footer {
    clear: both;
    position: auto;
    width: 100%; 
    color: #ba8748;
    text-align: left;
    margin: 0;
    padding: 0;
    top: 0px;
    _padding: 20px;
    left: 0px;
    font-size: 8px;
}
.c-left { 
    float: left; 
    height: 438px;
    width: 272px;
    margin: 0;
    padding-top: 2px;
}
.c-right {
    float: left;
    padding: 2px 0 0 4px;
    margin:0;
    height: 438px;
    width: 524px;
    _width: 500px;
}
.c-right p {
    text-align:justify;
}
.c-left-main { 
    float: left;
    height: 438px;
    width: 272px;
    margin: 0;
    padding-top: 2px;
}
.c-right-main {
    float: left;
    padding: 2px 0 0 4px;
    margin:0;
    height: 438px;
    width: 524px;
    _width: 500px;
}
.c-half {
    float: left;
    height: 650px;
    width: 510px;
    _width: 505px;
    margin: 0;
    padding-top: 20px;
}
.c-half p {
	padding: 0 30px;
	font-size: 14px;
}
p.no-pad {
	padding: 0;
	text-align:left;
}
.c-half h1 {
	padding: 20px 20px 0 30px;
	color : #ba8748;
}
fieldset {
	padding: 0;
	margin: 0;
	font: 80%/1 sans-serif;
	font-size: 11px;
	border: none;
}

form label{
	z-index: 900;
  width: 25%;
	margin-right: 10px;
	padding-top: 7px;
	text-align: left;
}
fieldset input {
	display: block;
	margin: 5px 0;
	_margin: 2px 0 2px 0;
	width: 100%;
  height:12px;
  font-size: 11px;
}
input#submit {
  height:20px;
  font-size: 11px;
}
input.checkbox {
	display: block;
	float: left;
	clear: left;
	height: 12px;
	padding: 0;
	margin: 0 0 10px 0;
	width: auto;
}
textarea {
	margin: 5px 0;
	width: 80%;
}
.c-half form p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.c-half form span {
	font-weight: bold;
}
.text-right {
    margin-left: 0px;
    padding-left: 0px;
    font-size: 11px;
    text-align: justify;
}
.text-right h2 {
	margin: 0;
}
.text-right p.marginless {
    margin: 0 20px 0 0px;
}
/**
 * mireica
 */
h3.bigger {
  font-size: 16px;
}
ul.scn {
	padding: 10px 0 0 15px;
	margin: 0;
	font-size: 12px;
}
ul.scn li {
  padding: 2px 0;
}
.arrow {
	background: url('images/arrow.gif') no-repeat;
	width: 21px;
	padding: 0 7px;
}
.brown {
    color : #ba8748;
    margin-bottom: 0px;
}
.balance {
	float: left; 
	width: 100%;
}
.contact p {
	font-size: 10px;
}
.balance p{
	padding: 0;
	margin: 0;
	font-size: 11px;
}
.padding-left-right {
	padding: 0 30px;
}
.bold {
	font-weight: bold;
}
/*contact*/
#contact-container-3 {
  float:left;
  width:  220px;
  _width:  200px;
  padding:0 0 0 15px;
}
#contact-container-3-top {
  font-size: 12px;
  _font-size: 11px;
}
#contact-container-3-bottom {
  background-color:#d1d2d4;
  padding: 1px 5px 15px 5px ;
  margin: 30px 0;
  _margin: 25px 0 0 0;
  font-size:10px;
}
#contact-container-3-bottom h3 {
  _margin:0;
  _padding:0;
}
.mouse {
	background: url('images/mouse.gif') no-repeat;
	padding: 3px 0px 3px 25px;
	_padding: 0 0 0 25px;
  font-weight:bold;
  vertical-align: middle;
  _width: 160px;
  height: 20px;
}
.phone {
	background: url('images/phone.gif') no-repeat;
	padding: 3px 25px;
	_padding: 0 0 0 25px;
	vertical-align: middle;
	_width: 150px;
  height: 20px;
}
div.contact-align {
	padding-left: 27px;
  width: 100%;
  _width: 160px;
  _font-size: 9px;
}
div.box {
    margin:0 10px; 
    padding: 5px 5px 5px 0; 
    border:1px solid #ba8748;
} 
div.box ul {
    list-style-image : url( "images/bullet.gif" );
    font-size: 11px;
}
div.box ul li{
    margin: 5px 0;
}
#logo {
    display: block; 
    background-image: url('images/logo.gif');
    height: 85px;
    width: 272px;
    float: left;
}
img.center {
    display: block;
    margin: auto;
}
img.right {
    display: block;
    margin-left: 280px;
    margin-top: 30px;
}
hr.brown {
	border: 1px solid #ba8748;
}

/*menu*/
#new_menu {
    padding: 30px 0px 0px 0px;
	width:525px;
    margin: 0;
	float:right;
}

/* success message */
#success-message {
	margin:60px 0 0 30px;
  width: 300px;
}
#success-message p, #success-message h2 {
	margin: 0;
	padding: 0;
}
#checkmark {
	left:-40px;
	position:relative;
	top:-40px;
	height: 30px;
	width: 30px;
}
.link {
  cursor:pointer;
  cursor:hand;
}
/****testimonials****/
#share-story {
  float:left;
  width:340px;
  _width:320px;
  padding: 0;
}
#test-name {
  width:200px;
  _widht:190px;
  float:left;
  height:438px;
  padding: 20px 0;
  _padding: 0;
}
#test-name p {
  padding: 10px;
  font-size: 14px;
}
#test-name .slot-text p {
  padding: 0px;
}
#test-name p.slot-name {
  padding: 10px 0;
  font-weight: bold;
}
#post-testimonial p {
  font-size: 9px;
}

.contain {
	margin:0;
	padding: 0;
	width: 100%;
}
.test-contain {
	width: 250px;
	height: 438px;
	float: left;
  padding:0;
  margin:0;
}
.test-contain p {
	padding: 0 5px;
	font-size: 10px;
}
#test-name p.brown:hover {
  cursor:pointer;
  cursor:hand;
}
.test-form-contain .slot-text {
	padding: 20px 0 20px 10px;
	margin: 0;
	width: 93%;
	text-align: justify;
	vertical-align:middle;
	display: none;
	color: #594637;
}

.test-contain .img-left {
	float: left;
	padding: 0;
}
.test-contain img.img-right {
	float: right;
	padding: 0;
}
.test-contain .left-box {
	border-right: 1px solid #fff;
	width: 48%;
	height: 95%;
	float: left;
	padding: 0 10px 0 10px;
	margin: 0;
}
.test-contain .left-box .slot {
	height: 30%;
	padding: 10px;
	vertical-align: middle;
	width: 95%;
}

.test-contain .right-box {
	float: left;
	width: 48%;
	height: 95%;
	padding: 0;
}
.test-contain .right-box .slot {
	height: 46%;
	padding: 10px;
}
.test-contain .top {
	border-top: 1px solid #fff;
}
/* ie6 368 */
.test-form-contain {
	width: 550px;
	_width: 542px;
	height: 438px;
	margin: 0;
	float: left;
	padding: 0;
	background-color: #dcdddf;
}
.test-form-contain h2 {
	margin: 0;
}
/*
.test-form-contain form {
	padding: 0px 10px;
}
.test-form-contain form input {
	display: block;
	margin: 0px 0;
	width: 100%;
}
*/
.test-form-contain p {
	margin: 0;
}
/*
.test-form-contain input {
  display: block;
	margin: 5px 0;
	width: 100%;
  height:12px;
  font-size: 11px;
}
*/
.test-form-contain label {
	padding: 0;
	margin: 0;
	font: 80%/1 sans-serif;
	font-size: 11px;
	border: none;
}

/*faq*/
.scroll-down {
  background: url('images/down.gif') no-repeat;
  float:right;
  padding: 0;
  width:20px;
  height:20px;
}
.scroll-up {
  background: url('images/up.gif') no-repeat;
  float:right;
  padding: 0;
  width:20px;
  height:20px;
}

/* menu punya css kat sini */

.menu {
float:left; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;


}
.menu ul {
padding:0;margin:0;list-style-type:none;
}
.menu ul li {
float:left; position:relative; background:url(images/menu.jpg) left;
}
.menu ul li a, .menu ul li a:visited {
float:left; display:block; text-decoration:none;color: #ba8748;border-right: 1px solid #ba8748; padding: 2px 7px 5px 7px;
}

.menu ul li:hover {width:auto;}

.menu ul li a:hover {color:#ffffff; background:#ba8748;}

.menu ul li:hover a {color:#ffffff; background:#ba8748;}

.menu ul li ul {
display: none;
}
.menu table {
margin:0; border-collapse:collapse; font-size:10px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block;position:absolute;top:19px;left:-1px;width:172px;
}
.menu ul li:hover ul.endstop {
left:-92px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block;color:#ba8748; background:url(images/bg01.png);width:180px; font-size:10px; border-right:0px;
}
.menu ul li:hover ul li a.drop {
background:#b1040f url(images/bullet1.gif) no-repeat;
}
.menu ul li:hover ul li a:hover {
color:#ffffff; background:url(images/bg02.png); font-size:10px; 
}
.menu ul li:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat;
}
.menu ul li:hover ul li:hover ul {
display:block; position:absolute; left:161px; top:-1px;
}
.menu ul li:hover ul li:hover ul.left {
left:-161px;
}

.menu td ul li { padding:0px;}


/* specific to IE5.5 and IE6 browsers */

.menu ul li a:hover ul {
display:block;position:absolute;top:19px;width:180px;left:14px;}

.menu ul li a:hover ul.endstop {
left: -92px;
}
.menu ul li a:hover ul li a {
display:block;color:#ba8748; background:url(images/bg01.png) #ffffff;width:180px; font-size:10px; border-right:0px;
opacity:0.9;
filter:alpha(opacity=90);
border: 0px;
}
.menu ul li a:hover ul li a.drop {
background:url(images/bg01.png) #FFFFFF;
}
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu ul li a:hover ul li a:hover {
color:#ffffff; background:url(images/bg02.png) #ba8748;
}
.menu ul li a:hover ul li a:hover.drop {
background:url(images/bg02.png) #ba8748;
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:161px;
}
.menu ul li a:hover ul li a:hover ul.left {
left:-161px;
}



td ul li {text-indent:0px; margin-left:-15px; list-style-image:url(images/bull.png); padding:3px;}