/* CSS Document */

body {margin:0;padding:0; font:normal 11px Verdana, Arial, Helvetica, sans-serif; background-color:#f4dec7; color:#999999}
a {text-decoration:none}
form {margin:0; padding:0}
#wrap {width:100%; margin-top:10px; padding-bottom:10px; background-color:#ffecd9}
#wrap-content {width:800px; margin:0 auto; background:url(images/bg_wedding_content.gif) repeat-y top left}
#left-cont {width:535px; position:relative; float:left}
h1 {margin:0; padding:0}
h1 a {width:535px; height:125px; margin:0; padding:0; font:normal 20px Arial, Helvetica, sans-serif;display:block; text-indent:-9999px}
h1.home { background:url(images/wedding_banner.jpg) no-repeat top left}
#breadscrumb {width:525px; padding:5px; background-color:#f4dec7; border-top:1px solid #fff}
h2 {margin:0; padding:0; font:normal 11px 'Verdana', Arial, Helvetica, sans-serif; color:#000}
h3 {margin:0; padding:0; font:bold 12px 'Arial', Helvetica, sans-serif; color:#3a3a3a; text-transform:uppercase}
#breadscrumb h2 {float:left; margin-right:3px}
#breadscrumb a {color:#616161}
#breadscrumb a:hover {color:#000; background-color:#ffecd9}
.content-outer {width:519px; clear:left; padding:10px 8px 10px; line-height:12pt; color:#494646}
.content-outer a {color:#dc9d5d}
.content-outer a:hover {color:#f2bc86}
.content-outer ul {list-style-type:square}
#right-cont {width:251px; padding-left:14px; position:relative; float:right}
#search {width:241px;border-left:5px solid #f4dec7;border-right:5px solid #f4dec7;border-bottom:5px solid #f4dec7}
#search  input { width: 172px; padding:5px 69px 5px 0px; height: 13px; background: url(images/bt_search.gif) no-repeat top right; font-size:10px; color:#999999; border:none}
#sidebar-top {background:#fff url(images/wedding_white_gradasi.jpg) repeat-x top left; padding-top:20px}
#logo {width:auto; padding:10px; text-align:center}
#logo img {border:none}
.button {width:225px; padding-left:16px; margin:5px 0}
.bali_wedding{ background: url(images/wedding_nav_hover.jpg) no-repeat top left; padding:0; width:225px; height:47px}
.bali_event{ background: url(images/event_nav_hover.jpg) no-repeat top left; padding:0; width:225px; height:47px}
.rollover { display: block; }
.rollover img { width: 225px; height: 47px; border: 0; }
.rollover:hover { visibility: visible; } 
.rollover:hover img { visibility: hidden; }
#sidebar {padding-bottom:220px; background:url(images/wedding_flower.jpg) no-repeat bottom left}
#sidebar ul {margin: 0;padding:0}
#sidebar ul li {list-style-type: none;list-style-image: none}
#sidebar ul li a {display:block; height:1%;color:#c5ac1c; padding:3px 0 3px 10px}
#sidebar ul li a:hover{background: url(images/wedding-nav.jpg) 0px 100% no-repeat;}
#sidebar ul ul {margin: 2px 0 2px 0;padding:0}
#sidebar ul ul ul {margin: 0;padding:0}
#sidebar ul ul li {margin: 3px 0 0 0;padding-left:10px}

#footer {width:100%; padding:10px 0 10px; border-top:5px solid #ffffff}
#wrap-foot {width:800px; margin:0 auto; color:#636363}
#foot-left {width:549px; position:relative; float:left; text-align:center}
#foot-right {width:251px; position:relative; float:right;text-align:center}
#wrap-foot p {margin:2px 0 3px; padding:0}
#wrap-foot a {color:#a68e75}
#wrap-foot a:hover {color:#000; background-color:#ffecd9}
#wrap-foot a:link img, #wrap-foot a:visited img{border:none}
.clear {clear:left}
.both {clear:both}