/***********************/
/* pondok styles  */
/************************/

body { background-color: #ffb624;font-family: Arial, Helvetica, sans-serif; font-size:10pt; }
p { padding:3px 0 0 0; margin:0; }
a:link { text-decoration:none; color:#592b08; }
a:visited { text-decoration: none; color:#592b08; }
a:visited:hover { text-decoration: underline; color:#FFFFFF; }
a:link:hover { text-decoration: underline; color:#FFFFFF; }
a:link:active { text-decoration: underline; color:#FFFFFF;  }
div.paragraf a img.getmap { text-decoration:none;color:#ffb624;  }
h1, h2,h3  { margin:0; padding:0;}

/* ids */
#wrap {width:720px;margin-right:auto;margin-left:auto;margin-top:50px;margin-bottom:20px;padding:0;text-align:left; border:#ffffff 4px solid;}
#pricelist p{ padding-top:8px;}
#description{ background-image:url(pix/LOGOredesigned.png); background-position:bottom right; background-repeat:no-repeat; width:705px; min-height:130px; }


/* classes */
.wrapFIRST {width:720px;margin-right:auto;margin-left:auto;margin-top:50px;margin-bottom:2px;padding:0;text-align:left; border:#ffffff 4px solid;}
.wrap {width:720px;margin-right:auto;margin-left:auto;margin-top:2px;margin-bottom:2px;padding:0;text-align:left; border:#ffffff 4px solid;}
.antiwrap {width:720px;margin-right:auto;margin-left:auto;margin-top:2px;margin-bottom:2px;padding:0;text-align:left; border:#ffb624 4px solid;}
.clearboth { clear:both; width:100%;}
.BIGw {font-size: 50px; line-height:42px;font-weight:bold; color:#FFFFFF;}
.logo { float:right; padding:7px;  clear:both;}
.flag { float:right; padding:0 8px 0 0; margin-top:-14px; clear:both;}
.menu { padding:4px 0 0 8px;  text-transform:uppercase; font-weight:bold; font-size:09pt; }
.copi { padding:10px 0 4px 8px; font-size:09pt; color:#592b08; clear:both;}
.paragraf { padding:4px 0 4px 8px;  color:#592b08; width:540px; /*float:left;*/}
.title { padding:8px 0 4px 8px;  color:#592b08; font-weight:bold; font-size:12pt;}
.orangeball { color:#FF6600;font-size:12pt;font-weight:bold;}
.orange { color:#FF6600;font-weight:bold;}
p.getmap { padding:10px 0 0 55px; font-weight:bold;}
img.getmap { margin:-30px 0 0 -4px;}
.para_dx { padding:4px 0 4px 8px;  color:#592b08; width:180px; float:right; margin-right:4px;}
.para_sx { padding:4px 0 4px 8px;  color:#592b08; width:520px; float:left;}
.para3col { padding:4px 0 4px 8px;  color:#592b08; width:256px; float:left;}
.spacer { display:block; height:40px; min-height:40px; max-height:40px; font-size: 5pt; width:100%; clear:both;  margin:0; padding:0;}
.space10 { display:block; height:10px; min-height:10px; max-height:10px; font-size: 5pt; width:100%; clear:both;  margin:0; padding:0;}
.space5 { display:block; height:2px; min-height:2px; max-height:2px; font-size: 1pt; width:100%; clear:both;  margin:0; padding:0;}


body#home div.name {font-size: 50px; line-height:42px;font-weight:bold; color:#592b08; padding:95px 0 2px 4px; text-transform:uppercase;}
body#home div.bunga {font-size: 50px; line-height:42px;font-weight:bold; color:#592b08; padding:4px 0 2px 4px; text-transform:uppercase;}
body#home div.bali {font-size: 50px; line-height:42px;font-weight:bold; color:#592b08; padding:0 0 2px 4px;text-transform:uppercase;}
body.info#home div.name {font-size: 50px; line-height:42px;font-weight:bold; color:#592b08; padding:80px 0 2px 4px; text-transform:uppercase;}


body#inside div.name {font-size: 20px; font-weight:bold; color:#592b08; padding:20px 0 2px 4px; display:inline;text-transform:uppercase;}
body#inside div.bunga {font-size: 20px; font-weight:bold; color:#592b08; display:inline;text-transform:uppercase;}
body#inside div.bali {font-size: 20px; font-weight:bold; color:#592b08; display:inline;text-transform:uppercase;}
body#inside div.logo {float:right;  padding:0 10px 0 0;margin:-108px 0 0 0;}
body.info#home div.spaceline { display:block; height:10px; min-height:10px; max-height:40px; font-size: 5pt; width:100%; clear:both;  margin:0; padding:0;}
div.paragraf#plan { padding:8px 0 0 30px; }


/* orizzo gallery Styles */
div#motioncontainer {width: 720px; height: 198px; }
div#motioncontainer a img {border:0 }
div#motioncontainer a:hover img {border:0 }
div#statusdiv {background-color: lightyellow;border: 1px solid gray;/*padding: 2px;*/position: absolute;left: -300px;visibility: hidden;}
div#motioncontainer a:hover {color: red; /* Dummy definition to overcome IE bug */}

/* vertical gallery style*/
div#motioncontainer a img {border-left: 3px solid #000000;}
div#motioncontainer a:hover img{ border-left: 3px solid #ff0000;}
div#motioncontainer a:hover{color: red; /* Dummy definition to overcome IE bug */}
div#statusdiv {position: absolute; padding:2px; left:-300px; background-color:lightyellow; border: 1px solid gray;visibility: hidden;}