body {
font-size : 76%; 
} 
A {
text-decoration : none; 
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 1em; 
font-weight : bold; 
color : #335522; 
} 
A:hover {
text-decoration : underline; 
font-size : 1em; 
color : #66aa44; 
} 
.h1-headline {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 4em; 
font-weight : bold; 
color : #ffffee;
font-style : normal; 
} 
.h1-headline-long {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 1.7em; 
font-weight : bold; 
color : #ffffee; 
} 
.h1-headline-long-black {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 1.7em; 
font-weight : bold; 
color : #3d4327; 
} 
.h1-headmed {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 3em; 
font-weight : bold; 
color : #ffffee; 
font-style : normal; 
}
.h1-mainhead {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 2em; 
font-weight : bold; 
color : #ffffee; 
font-style : normal;
} 
.h1-blackhead {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 2em; 
font-weight : bold; 
color : #3d4327; 
font-style : normal;
}  
.h1-blackhead3em {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 3em; 
font-weight : bold; 
color : #3d4327; 
font-style : normal;
} 
.h1-mainhead-right {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 36px; 
font-weight : bold; 
color : #ffffee; 
float : right; 
}   
.h1-mainhead-right-black {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 36px; 
font-weight : bold; 
color : #3d4327; 
float : right; 
}  
.h1-linked {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 1em; 
font-weight : bold; 
color : #89985a; 
text-decoration : none; 
} 
.h2-connected {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 1em; 
font-weight : bold; 
color : #335522;
text-decoration : none; 
} 
.h3-site-map-header {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 1.1em; 
font-weight : bolder; 
color : #89985a; 
} 
.h3-section-header {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 1.2em; 
font-weight : bolder; 
color : #3d4327; 
} 
.h3-contact-header {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 1.5em; 
font-weight : bolder; 
color : #3d4327; 
}    
.P {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 1em; 
color : #3d4327; 
font-weight : bold; 
}
.p-sublinks {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 1em; 
font-weight : bold; 
color : #335522; 
text-decoration : none; 
} 
.p-phone {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 1.5em; 
font-weight : 900; 
color : #c25956; 
text-decoration : none; 
}  
.p-bold {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 1.1em; 
font-weight : 900; 
color : #c25956; 
text-decoration : none; 
} 
.p-email {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 1.5em; 
font-weight : bold; 
color : #335522;
} 
.p-copyright {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 0.6em; 
font-weight : bolder; 
color : #c25956;  
} 
.p-linkby {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 1em; 
font-weight : bold; 
color : #335522; 
text-decoration : none; 
}
.pspace {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 0.6em; 
color : #d5dad1; 
text-decoration : none; 
} 
.p-product-head {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 19px; 
color : #3d4327; 
font-weight : bolder; 
} 
.p-product-subhead {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 17px; 
color : #3d4327; 
font-weight : lighter; 
} 
.p-product-detail {
font-family : "Trebuchet MS", "Times New Roman", Times, serif; 
font-size : 16px; 
color : #3d4327; 
font-weight : normal; 
} 
.site-map-header {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 0.57em; 
font-weight : bolder; 
color : #89985a; 
} 
.section-header {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 1.2em; 
font-weight : bolder; 
color : #ffffee; 
} 
.section-header-black {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 1.2em; 
font-weight : bolder; 
color : #3d4327;
}   
.section-header-treb {
font-family : "Trebuchet MS", "Times New Roman", Times, serif;f; 
font-size : 1.2em; 
font-weight : bold; 
color : #3d4327; 
} 
.title-major-head {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 1.4em; 
font-weight : bold; 
color : #3d4327; 
text-decoration : none; 
}
#leftcol {
position : relative; 
float : left; 
width : 15%; 
top : 0.9em; 
height : auto; 
margin : 0% 1%; 
} 
#centerleftcol {
position : relative; 
float : left; 
width : 15%; 
top : 0.9em; 
height : auto; 
margin : 0% 1%; 
} 
#centercol {
position : relative; 
float : left; 
width : 15%; 
top : 0.9em; 
height : auto; 
margin : 0% 1%; 
} 
#centerightcol {
position : relative; 
float : left; 
width : 15%; 
top : 0.9em; 
height : auto; 
margin : 0% 1%; 
} 
#rightcol {
position : relative; 
float : left; 
width : 15%; 
top : 0.9em; 
height : auto; 
margin : 0% 1%; 
}
#colblock {
position : relative; 
display : block; 
width : 70em; 
height : auto; 
margin : 1% 2% 2%; 
clear : both; 
} 
#lowimageblock {
position : relative; 
display : block; 
float : left; 
margin : 0 3em 1em 0; 
height : auto; 
top : 0.9em; 
}  
#lowimageblockcenter {
position : relative; 
display : block;
margin : 0 3em 1em 0; 
height : auto; 
top : 0.9em; 
} 
#lowtextblock {
top : 1.9em; 
margin : 2em 15em 1em 0; 
height : auto; 
} 
#secondimageblock {
position : relative; 
display : block; 
float : right; 
margin : 0 10em 1em 2em; 
height : auto; 
top : 0.9em; 
} 
#smallrightimageblock {
position : relative; 
display : block; 
float : right; 
margin : 0 5em 1em 2em; 
height : auto; 
top : 0.9em; 
}  
#secondtextblock {
top : 1.9em; 
margin : 2em 15em 0 0; 
height : auto; 
}   
#thirdtextblock {
top : 1.9em; 
margin : 2em 15em 0 0; 
height : auto; 
} 
#lowerblock {
position : relative; 
width : 100%; 
height : auto; 
margin : 0% 5% 0% 0%; 
clear : both; 
}  
#lowerblockclear {
position : relative; 
width : 100%; 
height : auto; 
margin : 0% 5% 0% 0%; 
clear : both; 
}   
#lowerblock2 {
position : relative; 
width : 100%; 
height : auto; 
margin : 0% 5% 0% 0%; 
clear : both; 
}
#phonemailblock {
position : relative; 
float : left; 
width : 80%; 
top : 0.9em; 
height : auto; 
} 
#ubud-news-block {
position : relative; 
float : left; 
width : 80%; 
top : 0.9em; 
height : auto; 
} 
#froglogoblock {
position : relative; 
float : right; 
width : 17%; 
top : 0.9em; 
height : auto; 
} 
#footerblock {
position : relative; 
display : block; 
width : 100%; 
height : auto;
clear : both;
} 
#navblock {
position : relative; 
width : 100%; 
display : block; 
height : 100%; 
} 
#headerblock {
position : relative; 
width : 100%; 
display : block; 
height : auto; 
margin : 1%;
background: #335522
}  
#headerblock2 {
position : relative; 
width : 100%; 
display : block; 
height : auto; 
margin : 1%;
} 
#headline {
position : relative; 
display : block; 
width : 100%; 
height : 7em;
clear : both 
}  
#headline2 {
position : relative; 
display : block; 
width : 100%; 
height : auto;
clear : both 
} 
#summary {
position : relative; 
display : block; 
width : 100%; 
height : auto;
margin : 1%;
clear : both  
} 
#pondlogo {
position : relative; 
display : block; 
height : 12em; 
float : right; 
width : 30%; 
} 
#submainhead {
position : relative; 
display : block; 
height : 8em; 
width : 30%; 
clear : both; 
}
#buttonblock {
position : relative; 
display : block; 
height : 14em; 
float : left; 
width : 30%; 
}
#contact {
position : relative;
display : block
height : 2em;
clear : both
}
#facilities {
position : relative;
display : block
height : 2em;
clear : both
}
#accommodation {
position : relative;
display : block
height : 2em;
clear : both
}
#living {
position : relative;
display : block
height : 2em;
clear : both
}
#wedding {
position : relative;
display : block
height : 2em;
clear : both
}
#weddingenq {
position : relative;
display : block
height : 2em;
clear : both
}
#package {
position : relative;
display : block
height : 2em;
clear : both
}
#bgestate {
position : relative;
display : block
height : 2em;
clear : both
}
#reception {
position : relative;
display : block
height : 2em;
clear : both
}
#weddingloc {
position : relative;
display : block
height : 2em;
clear : both
}
#weddinghome {
position : relative;
display : block
height : 2em;
clear : both
}
#locality {
position : relative;
display : block
height : 2em;
clear : both
}
#rates {
position : relative;
display : block
height : 2em;
clear : both
}
#homepage {
position : relative;
display : block
height : 2em;
clear : both
}
#headmessage {
position : relative; 
display : block; 
height : 2em; 
width : 100%; 
} 
#largeimage {
position : relative; 
display : block; 
width : 70em; 
height : auto; 
margin : 3% 2% 3%; 
clear : both;
} 
#navigationblock {
position : relative; 
display : block; 
width : 70em; 
height : auto; 
margin : 3% 2% 1%; 
clear : both; 
} 
#navleft {
position : relative; 
float : left; 
width : 15%; 
top : 0.9em; 
height : auto; 
margin : 0% 1%; 
} 
#flagright {
position : relative; 
float : right; 
width : 10%; 
top : 0.9em; 
height : auto; 
margin : 0% 1%; 
} 
#flagjapan {
position : relative; 
float : right; 
width : 10%; 
top : 0.9em; 
height : auto; 
margin : 0% 1%; 
} 
#validblock {
position : relative; 
display : block; 
width : 70em; 
height : auto; 
margin : 1% 2% 2%; 
clear : both; 
} 
#htmlvalidcol {
position : relative; 
float : left; 
width : 15%; 
top : 0.9em; 
height : auto; 
margin : 0% 1%; 
} 
#cssvalidcol {
position : relative; 
float : left; 
width : 15%; 
top : 0.9em; 
height : auto; 
margin : 0% 1%; 
} 
