html, body { height: 100%; }
* html #wrap { height: 100%; }
body { min-width: 880px; background-color: #ebe6e0; margin: 0; padding: 0; text-align: center; }
#wrap { clear: both; background: #ffffff url('/images/backgr.png') repeat-y; margin: 0 auto; text-align: left !important; width: 880px; min-height: 100%; height: auto; }
#container { margin: 0 auto; padding: 0; width: 846px; height: 100%; }
#header { background: #ffffff url('/images/masthead/masthead-2.jpg') no-repeat; width: 846px; height: 220px; z-index: 1; }
#header-pic { float: left; position: relative; z-index: 5; margin: -215px 0px 0px -35px; width: 220px; height: 240px; clear: right; }
#starfish { float: right; position: relative; z-index: 5; margin: -140px -90px 0px 0px; width: 180px; height: 187px; }
#inner-container { clear: both; background: transparent; position: relative; z-index: 1; width: 846px; height: auto; }
#masthead { background: transparent url('/images/masthead/masthead-back.png') no-repeat; background-position: 0px 0px; width: 846px; height: 45px; text-align: right; position: relative; z-index: 1; top: -30px; left: 0px; clear: both; }
.masthead { font-family: arial,verdana,sans-serif; font-size: 30px; color: #7a6b3e; font-weight: bold; padding: 0px 25px 0px 0px; }
.masthead-mini { font-family: arial,verdana,sans-serif; font-size: 20px; color: #7a6b3e; font-weight: bold; padding: 0px 25px 0px 0px; }
#menu { width: 216px; position: relative; top: -56px; left: 25px; z-index: 5; }
#content { width: 630px; position: relative; top: -280px; left: 215px; height: auto; z-index: 3; }
#footer { background: transparent; height: 50px; position: relative; z-index: 4; text-align: center !important; }
#footer .copyright { background: #ffffff url('/images/backgr.png') repeat-y; position: absolute; top: 0; left: 0; font-weight: bold; font-family: arial,verdana,sans-serif; font-size: 11px; color: #a0a0a0; width: 880px; padding: 0px 0px 10px 0px; }
#menu ul { list-style-type: none; padding: 0; margin: 0; }
#menu ul li { margin: 0 0 6px 0; }
a.menu { font-family: arial,verdana,sans-serif; font-size: 17px; color: #7a6b3e; text-decoration: none; }
a.menu:hover { font-weight: bold; }
a.body { font-family: arial,verdana,sans-serif; font-size: 15px; color: #7a6b3e; text-decoration: none; }
a.body:hover { font-weight: bold; }
.active { font-weight: bold; }
.inner-wrap { margin: 0px 20px 0px 20px; /*padding-top: 5px;*/ }
.body { font-family: arial,verdana,sans-serif; font-size: 15px; color: #505050; line-height: 1.4em; }
img.picframe { float: right; border: 3px solid #7a6b3e; margin: 10px; }

#slideshow-player-fullscreen { text-align: center !important; margin: 0px auto; width:300px;height:246px;border:1px solid #000000; }
.slideshow-fullscreen { line-height: 1.3em; margin: 5px 151px 0px 0px; text-align: right !important; font-family: arial,verdana,sans-serif; font-size: 12px; color: #7A6B3E; font-weight: bold; background-position:right top; background-repeat:no-repeat; padding:12px 26px 0px 0px; background-image:url(/images/fullscreen-arrow.png); }
.slideshow-fullscreen a { font-family: arial,verdana,sans-serif; font-size: 12px; color: #7A6B3E; text-decoration: underline; }


#slideshow { display: block; float:right; text-align: center !important; margin: 0px 0px 0px 20px; }
#slideshow a { line-height: 1em !important; display: block; font-family: arial,verdana,sans-serif; font-size: 11px; color: #7A6B3E; text-decoration: none; }
#slideshow a:hover { font-weight: bold; }
#slideshow img { border: none !important; }
#slideshow div { margin-top: 10px; }
#slideshow-player { display: block; width:248px;height:210px;border:1px solid #000000; }

div.download { padding: 0px 0px 30px 0px; }
div.download-item { background-position:left center; background-repeat:no-repeat; display:block; padding:2px 0 2px 24px; font-weight: bold; }
div.download-windows { background-image:url(/images/ico-win.png); }
div.download-apple { background-image:url(/images/ico-osx-uni.png); }
div.download-linux { background-image:url(/images/ico-tux.png); }
div.download-desc { padding-left: 24px; }
a.download { font-family: arial,verdana,sans-serif; font-size: 13px; color: #7A6B3E; text-decoration: none; }
a.download:hover { font-weight: bold; }

#gallerytable { margin: 0 auto; }
#gallerytable td { text-align: center !important; margin: 0 auto; }
#galleryfooter { margin-top: 10px; padding: 10px 0px 10px 0px; width: 100%; text-align: center !important; }
#galleryfooter span { padding: 5px; border: 1px solid #7a6b3e; }
#galleryfooter span.hover { background: #C2B27F; }
#galleryfooter a { font-family: arial,verdana,sans-serif; font-size: 15px; color: #505050; text-decoration: none; }
#galleryfooter a.hover { color: #ffffff; }

img.inner-img { float: right; border: 3px solid #7a6b3e; margin: 0px 0px 10px 10px; }
.inner-header { font-family: arial,verdana,sans-serif; font-size: 20px; color: #c2b280; font-weight: bold; margin: 0px 0px 10px 0px; }
.inner-header-sub { font-family: arial,verdana,sans-serif; font-size: 16px; color: #c2b280; font-weight: bold; margin: 0px 0px 10px 0px; }
.nomg { margin: 0 !important; }

.spacer { margin: 10px 0px 10px 0px; clear: both; }

.wedding-party { clear: both; }
.wedding-party .inner-header { font-family: arial,verdana,sans-serif; font-size: 20px; color: #c2b280; font-weight: bold; margin: 0px 0px 0px 0px; }
.wedding-party img.picframe { float: left; border: 3px solid #7a6b3e; margin: 0px 15px 0px 0px; }
.wedding-party .desctext { float: left; width: 80%; margin-top: -5px; }

.rsvp { clear: both; }
.rsvp .inner-header { font-family: arial,verdana,sans-serif; font-size: 20px; color: #c2b280; font-weight: bold; margin: 0px 0px 0px 0px; }
.rsvp .error { font-weight: bold; color: #ff0000; margin-bottom: 20px; }
.rsvp .field { padding: 2px; background: transparent url(/images/bg_field.gif) repeat-x scroll 0 0; font-size: 13px; }
.rsvp .field:focus { border-color: #C2B280; }
.rsvp .invcode { width: 150px; }
.rsvp .email { width: 200px; }
.rsvp .name { width: 150px; }
.rsvp .submit { background: #C2B280 url(/images/bg_btn.gif) no-repeat scroll left top; border: 1px solid #7A6B3E; color: #ffffff; padding: 4px 4px 2px; vertical-align: top; }
.rsvp .select { width: 150px; }
.rsvp .tiny { font-size: 10px; }
.rsvp .floatbox { float: left; padding: 0px 20px 0px 0px; }
.rsvp .spacer { clear: both; }
.rsvp .guest { margin: 0px 0px 10px 0px !important; }
.rsvp img { border: 0px; }

#countdown { color: #7A6B3E; position: relative; z-index: 2; width: 500px; height: 20px; top: 198px; left: 240px; text-align: right; font-weight: bold; font-size: 14px; font-family: arial,verdana,sans-serif; }

.accomodations { padding: 0; list-style-image:none; list-style-position:outside; list-style-type:none; }
.accomodations p { margin: 0; }
.accomodations a { color: #C2B280; }
.accomodations li { margin:1em 0; }
.accomodations li.gray { background-color: #EFEFEF; }

.registry { padding: 0; list-style-image:none; list-style-position:outside; list-style-type:none; }
.registry p { margin: 0; }
.registry a { color: #C2B280; }
.registry li { margin:1em 0 0 15px; }
.registry li.gray { background-color: #EFEFEF; }