@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:0;overflow-x:hidden;background:#f2f2f2 url('../images/body-bg.gif') repeat;font-family:times,'times new roman',serif;font-size:14px;color:#333;}
ul, ol, li, p, h1, h2, h3, h4 {margin:0;padding:0;font-weight:normal;}
.clearme {clear:both;}

#header {height:138px;position:relative;background:#fff url('../images/header-bar.gif') repeat-x;}
#header h1 {display:block;margin:0 auto;width:720px;height:138px;background:url('../images/title.gif') center 21px no-repeat;text-indent:-9999px;}
#header #date {position:absolute;top:105px;left:50%;margin-left:16px;color:#0a48a0;font-size:16px;font-style:italic;text-transform:uppercase;letter-spacing:0.1em;}

ul.navi {background:#ebebeb url('../images/nav-bg.gif') 0 0 repeat-x;position:absolute;top:0;left:0;text-align:center;list-style:none;padding:10px 0;margin:0 auto;width:100%;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
ul.navi li {display:inline;font-size:16px;padding:5px 20px;letter-spacing:0.2em;text-transform:uppercase;text-shadow:0 1px #fff;}
ul.navi a {color:#939292;text-decoration:none;}
ul.navi a:hover {color:#c26526;}

#content {width:100%;height:520px;margin:0 auto 50px;position:relative;}

#scroller {background:#fff;position:relative;top:60px;border:1px solid #cbcbcb;width:770px;height:440px;margin:0 auto;}
#startscreen {background:#fff url('../images/wedding-cake.gif') 50% 50% no-repeat;width:770px;height:520px;z-index:9;}
#content .ornament {width:95px;height:95px;background-image:url('../images/ornaments.png');position:absolute;z-index:10;}
#content #tl {background-position:0 0;top:48px;left:50%;margin-left:-407px;}
#content #tr {background-position:100px 0;top:48px;right:50%;margin-right:-407px;}
#content #bl {background-position:0 100px;bottom:0;left:50%;margin-left:-407px;}
#content #br {background-position:100px 100px;bottom:0;right:50%;margin-right:-407px;}

div.scrollable {position:relative;overflow:hidden;width:770px;height:90px;z-index:7;font-family:georgia,times,serif;}
div.scrollable div.items {width:20000em;position:absolute;z-index:8;}
div.scrollable div.items div.item {position:relative;float:left;width:770px;}

div.items h2 {font-size:110px;position:absolute;text-align:left;left:0;top:10px;z-index:1;width:770px;font-family:times,serif;font-style:italic;color:#fceee4;letter-spacing:-0.06em;}
div.text {z-index:10;position:relative;padding:60px;}

#photos_left {position:absolute;top:200px;left:50%;margin-left:-600px;z-index:100;width:50px;}
#photos_left img {position:absolute;}
#p1 {top:0;left:10px;z-index:106;}
#p2 {top:154px;left:45px;}
#p3 {top:270px;left:10px;}

#photos_right {position:absolute;top:200px;right:50%;margin-right:-600px;z-index:100;width:50px;}
#photos_right img {position:absolute;}
#p4 {top:0;right:50px;z-index:106;}
#p5 {top:134px;right:30px;}
#p6 {top:250px;right:40px;}

.map {float:right;width:425px;display:inline;padding:5px;background:#f9f9f9;border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.name {text-align:right;font-size:24px;color:#0a48a0;margin-bottom:6px;margin-top:20px;}
.info {float:left;display:inline;width:200px;}
.address {text-align:right;color:#666;}
.maplink {border-top:1px dashed #ccc;padding-top:20px;margin-top:20px;}
.maplink a {float:right;display:inline;color:#666;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-size:11px;background:#f1f1f1;border:1px solid #ddd;padding:4px 6px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.maplink a:hover {color:#c26526;border-color:#c26526;-moz-box-shadow:0 1px 3px #bbb;-webkit-box-shadow:0 1px 3px #bbb;box-shadow:0 1px 3px #bbb;}

#partypics {color:#0a48a0;font-size:11px;text-align:center;}
#partypics table {text-align:center;border-spacing:4px;width:650px;margin:0 auto;}
#partypics .img {border:1px solid #d8e0ec;position:relative;width:96px;height:96px;background:#f1f1f1;-moz-border-radius:6px;margin:10px 0 6px;}
#partypics .img img {position:absolute;width:90px;height:90px;left:3px;top:3px;}
#partypics span {font-style:italic;}

#hotel ul {list-style:none;text-align:center;padding:10px 0 30px;font-size:20px;color:#0a48a0;line-height:140%;}
#hotel table {border-spacing:10px 0;width:100%;}
#hotel td.opt {width:50%;}
#hotel td.opt a {display:block;text-decoration:none;border:1px solid #ccc;padding:15px;color:#222;background:#f1f1f1;text-align:center;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:0 1px 0 #ddd;-webkit-box-shadow:0 1px 0 #ddd;box-shadow:0 1px 0 #ddd;}
#hotel td.opt a:hover {background:#fceee4;border-color:#cf7a32;}
#hotel td.opt a:hover .price {border-color:#cf7a32;}
#hotel .hotelinfo {text-transform:uppercase;letter-spacing:1px;}
#hotel .price {color:#555;display:block;border-top:1px dashed #ccc;padding-top:10px;}
#hotel td.pref {color:#999;font-style:italic;font-size:11px;text-align:center;}

#registry ul {list-style:none;display:table;border-spacing:10px;width:500px;margin:0 auto;}
#registry li {display:table-row;width:100%;padding-bottom:6px;}
#registry a {display:table-cell;height:150px;width:400px;border:1px solid #eee;background:#fff url('../images/reg-btn-bg.gif') bottom repeat-x;vertical-align:middle;text-align:center;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#registry a:hover {border:1px solid #0a48a0;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 4px #ccc;box-shadow:0 1px 4px #ccc;}
#registry img {border:0;opacity:0.5;}

#footer {text-align:center;text-transform:uppercase;color:#ccc;text-shadow:0 1px #fff;font-size:11px;letter-spacing:1px;margin-bottom:20px;}
#footer a {text-decoration:none;color:#bbb;}
#footer a:hover {text-decoration:underline;color:#aaa;}