/* CSS Document */

body {margin:0;padding:0; font:normal 11px Verdana, Arial, Helvetica, sans-serif; background-color:#9ec3de; color:#999999}
a {text-decoration:none}
form {margin:0; padding:0}
#wrap {width:100%; margin-top:10px; padding-bottom:10px; background-color:#c5d8e6}
#wrap-content {width:800px; margin:0 auto; background:url(images/bg_event_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/event_banner.jpg) no-repeat top left}
#breadscrumb {width:525px; padding:5px; background-color:#9ec3e0; border-top:1px solid #fff;color:#458CC0;}
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:#2c5e83}
#breadscrumb a:hover {color:#458CC0; background-color:#CADFEE}
.content-outer {width:519px; clear:left; padding:10px 8px 10px; line-height:12pt; color:#494646}
.content-outer a {color:#458CC0}
.content-outer a:hover {color:#78ABD1}
.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 #9cc3e2;border-right:5px solid #9cc3e2;border-bottom:5px solid #9cc3e2}
#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/event_planner.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/event-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:#3F88BE}
#wrap-foot a:hover {color:#000; background-color:#C4D8E5}
#wrap-foot a:link img, #wrap-foot a:visited img{border:none}
.clear {clear:left}
.both {clear:both}