/* CSS Document */

body {margin:0;padding:0; font:normal 11px Verdana, Arial, Helvetica, sans-serif; background-color:#fefce2; color:#999999}
a {text-decoration: none; color:#ceb0d4;}
a:hover {color:#dec6e3}
#wrap {width:100%; background:#fefce2 url(images/bg_index.jpg) repeat-x bottom left}
#content {width:800px; margin:0 auto; margin-top:20px; padding:0}
h1 {margin:0; padding:0}
h1 a {width:400px; height:116px; margin:0 auto; padding:0; background:url(images/bali_organizer.jpg) top left no-repeat; display:block; text-indent:-9999px;}
#introduction {width:85%; margin:0 auto; margin-top:20px; margin-bottom:20px; line-height:12pt}
#wedding_button {width:181px; margin-right:5px; padding-left:214px; float:left}
#event_button {width:181px; margin-left:5px; padding-right:214px; float:left}
.bali_wedding{ background:url(images/wedding_button_hover.jpg) no-repeat top left; padding:0; width:181px; height:140px}
.bali_event{ background: url(images/event_button_hover.jpg) no-repeat top left; padding:0; width:181px; height:140px}
.rollover { display: block; }
.rollover img { width: 181px; height: 140px; border: 0; }
.rollover:hover { visibility: visible; } 
.rollover:hover img { visibility: hidden; }

#footer {width:800px; margin:0 auto; padding:13px 0 8px; text-align:center; color:#cccccc}
#footer p {margin:2px 0 2px; padding:0}
.clear {clear:left}