* { padding:0; margin:0; }

/* Body attributes */
body { font-size:62.5%; font-family:Arial,Helvetica, sans-serif; background-color:#e4e6e4; padding:0px; text-align:center;  }

/* Container of page */
.page-container { position:relative; width:900px; height:615px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }
.page-container-home { position:relative; width:900px; height:580px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }
.page-container-giftlist { position:relative; width:900px; height:550px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }

.page-container2 { position:relative; width:900px; height:715px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }
.page-container-venues { position:relative; width:900px; height:575px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }
.page-container-confirmation { position:relative; width:900px; height:375px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }
.page-container-photos { position:relative; width:900px; height:1080px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }

.page-container-photos2 { position:relative; width:900px; height:1150px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }
.page-container-photos3 { position:relative; width:900px; height:990px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }

.page-container-contact { position:relative; width:900px; height:540px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }
.page-container-hotels { position:relative; width:900px; height:1475px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }
.page-container-localinfo { position:relative; width:900px; height:1545px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }
.page-container-rsvp { position:relative; width:900px; height:615px; margin:0px auto; font-size:1.0em; margin-top:15px; background-color: #FFFFFF; text-align:left; border:double 4px #CCC; }

.next-photos { display:block; border:solid 1px #CCC; padding:10px; float:right; width:120px; text-align:center; font-size:14px; font-weight:bold; fomt-family:Tahoma; color:#666; background:#F5F5F5; margin-right:2px; text-decoration:none; } 
.next-photos:hover { background:#8a8b88; color:#FFF; }

.previous-photos { display:block; border:solid 1px #CCC; padding:10px; float:left; width:120px; text-align:center; font-size:14px; font-weight:bold; fomt-family:Tahoma; color:#666; background:#F5F5F5; margin-right:2px; text-decoration:none; } 
.previous-photos:hover { background:#8a8b88; color:#FFF; }



/* Header of page */
.header { width:900px; height:115px; border:none; background:url(../images/header.png) #FFF; margin-bottom:1px; }

/* Navigation attributes */
.navigation { font: bold 12px Verdana; background-color:#8a8b88; width:900px; color:#828682; border-bottom:solid 1px #CCC; border-top:solid 1px #CCC; }
.navigation ul { margin:0; padding:0; list-style-type:none; }
.navigation ul li { position: relative; display: inline; float: left; text-align:center; }
.navigation ul li a { display: block; background-color:#8a8b88; color:#fff; padding:8px 14px; border-right:1px solid #999a97; text-decoration:none; }
* html .navigation ul li a { display: inline-block; }
.navigation ul li a:hover { background:#a7a8a5; }
.navigation ul li ul { position:absolute; left:0; display:block; visibility:hidden; }
.navigation ul li ul li { float: none; }
.navigation ul li ul li ul { top:0; }
.navigation ul li ul li a { font:normal 12px Verdana; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; }
.navigation ul li ul li a:hover { background-color:#48758f; color:#FFFFFF; }
#current { background-color:#7b7c7b; color:#FFFFFF; font: bold 12px Verdana; }

/* Footer */
.footer { position:absolute; clear:both; bottom:0px; width:880px; padding-left:10px; padding-right:10px; height:21px; padding-top:8px; background:#8a8b88; text-align:right; color:#CCC; font-size:11px; }
.footer a { color:#FFF; text-decoration:none; font-size:11px;  }
.footer a:hover { text-decoration:underline; }
.footer .left { color:#FFF; text-align:left; float:left; }

/* Left side of page */
.left-side { float:left; width:550px; margin-left:10px; margin-top:20px; font-size:12px; color:#676866; font-family:Arial, Helvetica, sans-serif; }
.left-side .heading { color:#676866; border-bottom:solid 1px #CCC; padding-bottom:5px; font-size:16px; font-family:Tahoma; margin-bottom:18px; margin-left:10px; }
.left-side p { margin-left:10px; }

/* Container at top of page (slideshow and image links) */
.left-side .container { width:540px; height:200px; margin-bottom:35px; margin-left:10px; }

#javascript-container { width:334px; height:200px; border:double 3px #CCC; float:left; }
#javascript-container img { border:none; }


.left-side .container .right-section { float:right; width:190px; background:#FFF; }
.left-side .container .right-section .top-img { width:188px; border:solid 1px #CCC; height:62px; margin-bottom:2px; }
.left-side .container .right-section .bottom-img { width:188px; border:solid 1px #CCC; height:62px; margin-bottom:0px; }
.left-side .container .right-section a { display:block; width:168px; padding-left:20px; padding-top:23px; border:solid 1px #CCC; height:40px; color:#676866; background:#FFF; font-weight:bold; font-family:Tahoma; text-decoration:none; margin-bottom:4px; margin-top:2px; }
.left-side .container .right-section a:hover { background:#E4E6E4; }

/* Right side of page */
.right-side { position:relative; float:right; width:330px; margin-right:10px; padding-top:0px; margin-top:0px; font-size:12px; color:#676866; font-family:Arial, Helvetica, sans-serif; }
.right-side-photos { position:relative; float:right; width:330px; height:350px; margin-right:0px; padding-top:0px; margin-top:0px; font-size:12px; color:#676866; font-family:Arial, Helvetica, sans-serif; }
.right-side-photos .bottom-img { background:url(../images/flower-bottom.png) #FFF; width:243px; height:149px; position:absolute; right:0px; bottom:0px; }
.right-side-photos .sections { width:254px; border:double 3px #CCC; margin-left:50px; margin-top:20px; height:160px; }
.right-side-photos .sections .head { padding-left:10px; width:234px; padding-right:10px; padding-top:7px; padding-bottom:7px; background:#8a8b88; color:#FFF; font-size:11px; font-weight:bold; }
.right-side-photos .sections .link a { display:block; padding-left:10px; margin-left:7px; margin-right:7px; padding-top:6px; padding-bottom:6px; width:230px; margin-top:6px; background:#FFF; color:#676866; text-decoration:none; font-size:11px; font-weight:bold; }
.right-side-photos .sections .link a:hover { background:#EEE; }


/* Quotes on homepage */
/* .right-side .quote { background:url(../images/2.png) #FFF; width:296px; height:338px; padding-top:48px; margin-left:28px; margin-top:20px; } */

.right-side .quote { width:288px; height:320px; border:double 3px #c4a779; padding-top:19px; margin-left:28px; margin-top:20px; }
.right-side .quote p { margin-left:52px; margin-top:6px; margin-right:40px; font-size:11px; font-family:Arial; }

.right-side .quote .top { margin-left:52px; padding-top:10px; margin-right:40px; font-size:11px; font-family:Arial; }
.right-side .quote .author { margin-left:52px; margin-top:7px; margin-bottom:25px; font-weight:bold; margin-right:40px; font-size:11px; font-family:Arial; }
.right-side .quote .italic { font-style:italic; }

.right-side-confirmation { position:relative; float:right; width:330px; height:200px; margin-right:0px; padding-top:0px; margin-top:0px; font-size:12px; color:#676866; font-family:Arial, Helvetica, sans-serif; }
.right-side-confirmation .bottom-img { position:absolute; right:0px; bottom:0px; }

.whole { margin-left:10px; margin-right:10px; background:#FFF; margin-top:19px; }
.whole .heading { color:#676866; font-size:16px; font-family:Tahoma; margin-bottom:18px; margin-left:0px; margin-top:10px; padding-bottom:3px; border-bottom:solid 1px #CCC; }
.whole p { font-size:12px; color:#676866; font-family:Arial, Helvetica, sans-serif; margin-bottom:14px; }

.whole .transport { float:left; margin-left:0px; margin-right:0px; width:670px; background:#FFF; margin-top:7px; }
.whole .transport p { color:#676866; font-size:12px; margin-left:4px; margin-right:4px; font-family:Arial, Helvetica, sans-serif; margin-bottom:17px; }
.whole .transport a { color:#676866; text-decoration:underline; }
.whole .transport a:hover { text-decoration:none; }

.whole .transport .local1 { float:left; margin-left:20px; width:240px; height:168px; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } 
.whole .transport .local2 { float:right; margin-left:20px; width:360px; height:168px; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } 

.whole .transport .local-info { width:480px; height:146px; }
.whole .transport .local-info .head { border-bottom:solid 1px #CCC; font-size:13px; font-weight:bold; padding-bottom:4px; }
.whole .transport .local-info .left { float:left; width:230px; margin-left:10px; }
.whole .transport .local-info .right { float:right; width:240px; }

.contact { float:left; margin-left:10px; margin-right:10px; background:#FFF; margin-top:7px; }
.contact p { color:#676866; font-size:12px; margin-left:4px; margin-right:4px; font-family:Arial, Helvetica, sans-serif; margin-bottom:17px; }
.contact a { color:#676866; text-decoration:underline; }
.contact a:hover { text-decoration:none; }

.contact .left { width:430px; margin-left:10px; float:left; position:relative; }
.contact .right { width:440px; float:right; position:relative; }

.contact .left .txtbox { position:absolute; left:120px; font-size:12px; color:#676866; width:160px; }
.contact .right .txtbox { position:absolute; left:200px; font-size:12px; color:#676866; width:160px; }
.contact .right .txtarea { position:absolute; left:200px; font-size:12px; color:#676866; width:160px; height:35px; }
.contact .right .submit { float:right; margin-right:72px; }

.contact .left .txtbox-rsvp { position:absolute; left:170px; font-size:12px; color:#676866; width:160px; }
.contact .left .checkbox { position:absolute; left:315px; }
.contact .right .vegatarian { margin-left:10px; margin-right:10px; font-size:12px; color:#676866; width:160px; }


.whole .right-transport { float:right; width:180px; margin-right:10px; }
.whole .right-transport img { margin-left:10px; width:164px; height:260px; border:double 3px #CCC; margin-top:8px; }

.whole .hotel-section { margin-left:0px; margin-right:0px; background:#FFF; margin-top:7px; height:660px; margin-bottom:0px; }
.whole .hotel-section p { color:#676866; font-size:12px; margin-left:4px; margin-right:4px; font-family:Arial, Helvetica, sans-serif; margin-bottom:17px; }

.whole .hotel-section .hotel1 { float:left; width:425px; padding-top:10px; height:178px; }
.whole .hotel-section .hotel1 .head { font-weight:bold; font-size:13px; }
.whole .hotel-section .hotel1 a { text-decoration:underline; color:#676866; }
.whole .hotel-section .hotel1 a:hover { text-decoration:none; }
.whole .hotel-section .hotel1 .normal { font-weight:normal; }
.whole .hotel-section .hotel1 img { float:right; width:120px; height:96px; margin-top:4px; border:double 3px #ccc; }
.whole .hotel-section .hotel1 .text { float:left; width:290px; font-size:12px; color:#676866; margin-top:4px; }

.whole .hotel-section .hotel2 { float:right; width:420px; padding-top:10px; margin-right:8px; height:178px; }
.whole .hotel-section .hotel2 .head { font-weight:bold; font-size:13px; }
.whole .hotel-section .hotel2 a { text-decoration:underline; color:#676866; }
.whole .hotel-section .hotel2 a:hover { text-decoration:none; }
.whole .hotel-section .hotel2 .normal { font-weight:normal; }
.whole .hotel-section .hotel2 img { float:right; width:120px; height:96px; margin-top:4px; border:double 3px #ccc; }
.whole .hotel-section .hotel2 .text { float:left; width:290px; font-size:12px; color:#676866; margin-top:4px; }

.whole .hotel-section .hotel3 { float:left; width:425px; padding-top:10px; height:134px; }
.whole .hotel-section .hotel3 .head { font-weight:bold; font-size:13px; }
.whole .hotel-section .hotel3 a { text-decoration:underline; color:#676866; }
.whole .hotel-section .hotel3 a:hover { text-decoration:none; }
.whole .hotel-section .hotel3 .normal { font-weight:normal; }
.whole .hotel-section .hotel3 img { float:right; width:120px; height:80px; margin-top:4px; border:double 3px #ccc; }
.whole .hotel-section .hotel3 .text { float:left; width:290px; font-size:12px; color:#676866; margin-top:4px; }

.whole .hotel-section .hotel4 { float:right; width:420px; padding-top:10px; margin-right:8px; height:134px; }
.whole .hotel-section .hotel4 .head { font-weight:bold; font-size:13px; }
.whole .hotel-section .hotel4 a { text-decoration:underline; color:#676866; }
.whole .hotel-section .hotel4 a:hover { text-decoration:none; }
.whole .hotel-section .hotel4 .normal { font-weight:normal; }
.whole .hotel-section .hotel4 img { float:right; width:120px; height:85px; margin-top:4px; border:double 3px #ccc; }
.whole .hotel-section .hotel4 .text { float:left; width:290px; font-size:12px; color:#676866; margin-top:4px; }

.whole .hotel-section .hotel5 { float:left; width:425px; padding-top:10px; height:134px; }
.whole .hotel-section .hotel5 .head { font-weight:bold; font-size:13px; }
.whole .hotel-section .hotel5 a { text-decoration:underline; color:#676866; }
.whole .hotel-section .hotel5 a:hover { text-decoration:none; }
.whole .hotel-section .hotel5 .normal { font-weight:normal; }
.whole .hotel-section .hotel5 img { float:right; width:120px; height:90px; margin-top:4px; border:double 3px #ccc; }
.whole .hotel-section .hotel5 .text { float:left; width:290px; font-size:12px; color:#676866; margin-top:4px; }

.whole .hotel-section .hotel6 { float:right; width:420px; padding-top:10px; margin-right:8px; height:134px; }
.whole .hotel-section .hotel6 .head { font-weight:bold; font-size:13px; }
.whole .hotel-section .hotel6 a { text-decoration:underline; color:#676866; }
.whole .hotel-section .hotel6 a:hover { text-decoration:none; }
.whole .hotel-section .hotel6 .normal { font-weight:normal; }
.whole .hotel-section .hotel6 img { float:right; width:120px; height:70px; margin-top:4px; border:double 3px #ccc; }
.whole .hotel-section .hotel6 .text { float:left; width:290px; font-size:12px; color:#676866; margin-top:4px; }

.whole .hotel-section .hotel7 { float:left; width:870px; padding-top:10px; height:128px; }
.whole .hotel-section .hotel7 .head { font-weight:bold; font-size:13px; }
.whole .hotel-section .hotel7 a { text-decoration:underline; color:#676866; }
.whole .hotel-section .hotel7 a:hover { text-decoration:none; }
.whole .hotel-section .hotel7 .normal { font-weight:normal; }
.whole .hotel-section .hotel7 img { float:right; width:120px; height:96px; margin-top:4px; border:double 3px #ccc; }
.whole .hotel-section .hotel7 .text { float:left; width:690px; font-size:12px; color:#676866; margin-top:4px; }

.whole .below-hotels p { padding:0px; margin-top:0px; }
.whole .below-hotels .head { color:#676866; font-size:16px; font-family:Tahoma; margin-bottom:18px; margin-left:0px; margin-right:5px; margin-top:10px; padding-bottom:3px; border-bottom:solid 1px #CCC; }

.whole .below-hotels .map { width:848px; height:431px; border:double 3px #CCC; margin-left:7px; margin-top:8px; } 

.left-venue { margin-top:10px; float:left; width:429px; margin-left:10px; padding-right:10px; }
.left-venue .head { font-size:13px; font-weight:bold; font-family:Tahoma; color:#676866; }
.left-venue p { font-size:12px; color:#676866; font-family:Arial, Helvetica, sans-serif; margin-bottom:14px; margin-right:10px; }
.left-venue .left-venue-img { float:right; height:174px; margin-right:12px; border:double 3px #CCC; margin-left:10px; }

.right-venue { margin-top:10px; float:right; width:410px; padding-left:25px; padding-right:10px; border-left:solid 1px #EEE; }
.right-venue .head { font-size:13px; font-weight:bold; font-family:Tahoma; color:#676866; }
.right-venue p { font-size:12px; color:#676866; font-family:Arial, Helvetica, sans-serif; margin-bottom:14px; }
.right-venue .left-venue-img { float:right; height:160px; margin-right:12px; border:double 3px #CCC; margin-left:10px; }

.left-side .rsvp-section { margin-top:6px; width:480px; margin-left:35px; position:relative; }
.left-side .rsvp-section .txtbox { position:absolute; width:170px; right:120px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; }
.left-side .rsvp-section .txtarea { position:absolute; width:170px; height:35px; right:120px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; }
.left-side .rsvp-section p { margin-bottom:6px; }
.left-side .rsvp-section .checkbox { position:absolute; right:120px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; }
.left-side .rsvp-section .vegatarian { margin-left:10px; margin-right:10px; }

.left-side .rsvp-section .small-text-captcha { position:absolute; right:3px; padding-top:3px; font-size:11px; font-weight:bold; }
.left-side .indent { margin-left:10px; margin-top:5px; }

.whole .top-info { width:880px; text-align:left; font-size:12px; color:#676866; font-family:Arial, Helvetica, sans-serif; }
.whole .top-info a { text-decoration:underline; color:#676866; }
.whole .top-info a:hover { text-decoration:none; }
.whole .top-info .right-img { float:right; width:180px; height:80px; margin-right:6px; }
.whole .top-info .left-info { float:left; width:270px; margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#676866; }
.whole .top-info .right-info { float:right; width:588px; margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#676866; }
.whole .top-info .right-info .l { float:left; width:270px; margin-left:10px; }
.whole .top-info .right-info .r { float:right; width:250px; }
.whole .top-info .clear { clear:both; }

.below-rsvp { width:860px; clear:both; padding-top:32px; margin-left:30px; font-size:12px; color:#676866; }

.left-list { margin-top:10px; float:left; width:600px; font-size:12px; margin-left:0px; padding-right:0px; }
.left-list p { font-size:12px; color:#676866; font-family:Arial, Helvetica, sans-serif; margin-left:10px; margin-bottom:19px; }
.left-list a { color:#676866; text-decoration:underline; }
.left-list a:hover { text-decoration:none; }

.right-list { margin-top:10px; float:right; width:280px; margin-right:16px; }
.right-list img { border:double 3px #CCC; float:right; width:255px; height:200px; }

.big-bold { font-size:14px; font-weight:bold; }

.left-links { float:left; width:440px; margin-left:10px; }
.right-links { float:right; width:440px; margin-right:10px; }

.left-links p { margin-left:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:18px; color:#676866; }
.left-links ul { margin-left:30px; color:#676866; margin-bottom:24px; font-size:12px; }
.left-links a { text-decoration:none; color:#676866; }
.left-links a:hover { text-decoration:underline; }
.left-links ul li { margin-bottom:5px; }

.right-links p { margin-left:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:18px; color:#676866; }
.right-links ul { margin-left:30px; color:#676866; margin-bottom:24px; font-size:12px; }
.right-links a { text-decoration:none; color:#676866; }
.right-links a:hover { text-decoration:underline; }
.right-links ul li { margin-bottom:5px; }

.clear { clear:both; }