body {background-color:#edddaa; font:11px "Lucinda grande", Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0;}
p {margin:6px 0; }
a {color:#ffc;}
a:hover {color:#fff; text-decoration:none;}

h1, h2, h3, h4 {}
#main h1 {font:22px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#8d5a1b; line-height:40px; margin:0 0 1px 0; padding:0 10px 0 6px; border-bottom:1px solid #f90; border-top:1px solid #f90; background-image: url(images/banner_back.gif); background-position:right; background-repeat:no-repeat; background-color:#ffc; }
h2 {font-size: 18px; color:#ffc; margin: 0; padding:0; font-weight:normal;}
h3 {font-size: 20px;margin: 20px 0 5px 0; padding:5px; background:#194e84; color:#ffc; font-family:Georgia, "Times New Roman", Times, serif;}
h4 {font-size: 12px;margin: 4px 10px 4px 0; padding:0; color:#987;}


/* TOP NAV*/
#date {float:left;text-align:center; text-transform:uppercase;font-size:11px;}

/*BODY*/
#top {height:170px; margin:0; padding:0; width:100%;}

#container {background-image:url(images/backgroundwaves.jpg); background-repeat:repeat-x; background-color:#497B87;}

#header {width:900px; margin:0 auto;}
#header img {float:left;}

#topnav {width:370px; float:right; margin-top:20px;}
#topnav ul {float:left; padding-top:14px; margin:0; font-family:Georgia, "Times New Roman", Times, serif}
* html #topnav ul {padding-top:14px;}
#topnav ul li {display:inline; float:left; padding:0 14px 0 0; margin:0; list-style-type:none;}
#topnav li a {font-size:20px; font-weight:bold; color:#ffc;}
#topnav li a:hover {color:#fff; border-bottom:none; text-decoration:none;}

#main {clear:both; width: 900px; margin:0 auto;}

#maintext {width:650px; float:left; margin:10px;}
* html #maintext {margin-left:5px;} 
#maintext p {margin:2px 0 10px 0;}

#maintext-halloween {width:650px; float:left; margin:10px; background:#100e0f;}
* html #maintext-halloween {margin-left:5px;} 
#maintext-halloween h2 {font-size: 16px; color:#ff9; margin: 5px 0 0 5px; padding:0;}
#maintext-halloween h3 {font: 36px Georgia, "Times New Roman", Times, serif; color: #C60; margin:15px 0 5px 0; background:none;}
#maintext-halloween p {margin:2px 0 10px 0;}

#home #maintext img {border-top:1px dashed #ffc;border:1px solid #194e84; background:#fff; padding:5px;}

.modules, .modules2 {clear:left; border-top:1px dashed #ffc; padding:10px 0;}
.modules2 {border-top:none; padding-top: 5px}
.modules img, .modules2 img {padding-right:10px;}
.modules h1, .modules2 h1 {line-height:normal; font-size:20px; color:#ffc;}

.line {border-bottom:1px dashed #ffc; font-size:2px; height :5px;}


/* MAIN GALLERY */
#gallery {width:720px; float:left; margin:0 0 0 10px;}
*html #gallery {margin-left:5px; width:710px; }

.photocol1a, 
.photocol2a, 
.photocol3a, 
.photocol1b, 
.photocol2b, 
.photocol3b, 
.photocol1c, 
.photocol2c, 
.photocol3c,
.photocol1d, 
.photocol2d, 
.photocol3d {width:95px; margin:4px 5px 3px 0; float:left; text-align:center;}

* html .photocol1a, 
* html .photocol2a, 
* html .photocol3a, 
* html .photocol1b, 
* html .photocol2b, 
* html .photocol3b, 
* html .photocol1c, 
* html .photocol2c, 
* html .photocol3c,
* html .photocol1d, 
* html .photocol2d, 
* html .photocol3d {height:74px}

.thumbnail {position: relative; z-index: 0;}
.thumbnail img {border: 1px solid #dfdfdf; padding: 5px; background-color: #fff;}
.thumbnail:hover {background-color: transparent; z-index: 50; }

/*CSS for enlarged image*/
.thumbnail span{position: absolute; background-color: #fff; padding: 5px 5px; left: -1000px; border: 1px solid #dfdfdf; visibility: hidden; color: black; text-decoration: none; width:392px;}
* html .thumbnail span {padding-bottom:8px;}
*:first-child+html .thumbnail span {padding-bottom:8px;}

.thumbnail span h2{margin:0; padding:0 ; font-size:12px; font-weight:normal; text-align:center; color:#000;}

.thumbnail span img{border: 1px solid #dfdfdf; padding: 0; margin-bottom:3px;}
* html .thumbnail span img {margin-bottom:5px;}
*:first-child+html .thumbnail span img {margin-bottom:5px;}

/*change wide enlarged image position in standard browsers*/
.photocol1a .thumbnail:hover span, .photocol1a .thumbnail span{ visibility: visible; top: -65px;left: 305px;}
.photocol2a .thumbnail:hover span{ visibility: visible; top: -65px;left: 205px;}
.photocol3a .thumbnail:hover span{ visibility: visible; top: -65px;left: 105px;}

.photocol1b .thumbnail:hover span{ visibility: visible; top: -148px;left: 305px;}
.photocol2b .thumbnail:hover span{ visibility: visible; top: -148px;left: 205px;}
.photocol3b .thumbnail:hover span{ visibility: visible; top: -148px;left: 105px;}

.photocol1c .thumbnail:hover span{ visibility: visible; top: -231px;left: 305px;}
.photocol2c .thumbnail:hover span{ visibility: visible; top: -231px;left: 205px;}
.photocol3c .thumbnail:hover span{ visibility: visible; top: -231px;left: 105px;}

.photocol1d .thumbnail:hover span{ visibility: visible; top: -314px;left: 305px;}
.photocol2d .thumbnail:hover span{ visibility: visible; top: -314px;left: 205px;}
.photocol3d .thumbnail:hover span{ visibility: visible; top: -314px;left: 105px;}

/*change wide enlarged image position old crappy browser*/
* html .photocol1a .thumbnail span, * html .photocol1a .thumbnail:hover span{ visibility: visible; top: 0px;left: 305px;}
* html .photocol2a .thumbnail:hover span{ visibility: visible; top: -0px;left: 205px;}
* html .photocol3a .thumbnail:hover span{ visibility: visible; top: -0px;left: 105px;}

* html .photocol1b .thumbnail:hover span{ visibility: visible; top: -85px;left: 305px;}
* html .photocol2b .thumbnail:hover span{ visibility: visible; top: -85px;left: 205px;}
* html .photocol3b .thumbnail:hover span{ visibility: visible; top: -85px;left: 105px;}

* html .photocol1c .thumbnail:hover span{ visibility: visible; top: -170px;left: 305px;}
* html .photocol2c .thumbnail:hover span{ visibility: visible; top: -170px;left: 205px;}
* html .photocol3c .thumbnail:hover span{ visibility: visible; top: -170px;left: 105px;}

* html .photocol1d .thumbnail:hover span{ visibility: visible; top: -255px;left: 305px;}
* html .photocol2d .thumbnail:hover span{ visibility: visible; top: -255px;left: 205px;}
* html .photocol3d .thumbnail:hover span{ visibility: visible; top: -255px;left: 105px;}

/*change wide enlarged image position new crappy browser*/
*:first-child+html .photocol1a .thumbnail span, * html .photocol1a .thumbnail:hover span{ visibility: visible; top: 0px;left: 305px;}
*:first-child+html .photocol2a .thumbnail:hover span{ visibility: visible; top: -0px;left: 205px;}
*:first-child+html .photocol3a .thumbnail:hover span{ visibility: visible; top: -0px;left: 105px;}

*:first-child+html .photocol1b .thumbnail:hover span{ visibility: visible; top: -85px;left: 305px;}
*:first-child+html .photocol2b .thumbnail:hover span{ visibility: visible; top: -85px;left: 205px;}
*:first-child+html .photocol3b .thumbnail:hover span{ visibility: visible; top: -85px;left: 105px;}

*:first-child+html .photocol1c .thumbnail:hover span{ visibility: visible; top: -170px;left: 305px;}
*:first-child+html .photocol2c .thumbnail:hover span{ visibility: visible; top: -170px;left: 205px;}
*:first-child+html .photocol3c .thumbnail:hover span{ visibility: visible; top: -170px;left: 105px;}

*:first-child+html .photocol1d .thumbnail:hover span{ visibility: visible; top: -255px;left: 305px;}
*:first-child+html .photocol2d .thumbnail:hover span{ visibility: visible; top: -255px;left: 205px;}
*:first-child+html .photocol3d .thumbnail:hover span{ visibility: visible; top: -255px;left: 105px;}

#nextnav {clear:left; float:left; font-size:12px; font-weight:bold; width:296px; text-align:center}
#nextnav a {margin:0 5px;}

#lowercopy {clear:both;}


/* PHOTO NAV */

#photointro {margin:10px 10px 0 10px;}
#photointro h2 {}
#photonav {clear:both; width:150px;float:right; margin:24px 10px 0 0; padding:0; font-size:14px;}
#photonav ul {margin: 0; padding: 0; width: 150px;}
#photonav li {position: relative; list-style: none; margin: 0; width: 150px; font-weight:normal; border-bottom:1px solid #bbb;}
#photonav li a {display: block; color:#fff; font-weight:bold; text-decoration: none; padding:5px 0 0 10px; height:20px; background:#194e84; margin-top:5px;}
#photonav li a:hover {background:#194e84; color:#fff;}
#photonav>ul a {width: auto;}

div#photonav li.sub a {font-weight:normal; font-size:11px; padding:0 0 0 15px; margin-top:0; line-height:20px; height:20px; width:135px;  color:#194e84; background:#ffc;}
div#photonav li.sub a:hover {background:#fff; color:#194e84}

/* LEFT NAV - page down states */
body#prep div#nav li#ln-prep a, 
body#brides div#nav li#ln-brides a, 
body#grooms div#nav li#ln-grooms a, 
body#ceremony div#nav li#ln-ceremony a, 
body#group div#nav li#ln-group a,
body#reception div#nav li#ln-reception a,
body#bw div#nav li#ln-bw a {background-color:#fff; font-weight:bold; font-style:italic; color:#807d6b; background-image:url(new/images/arrow.gif); background-position:right; background-repeat:no-repeat;}


/* RIGHT NAV */

#rightbox {float:left; margin:10px 10px 0 0; padding:0; width:218px; font-size:11px; color:#194e84; line-height:16px;}
#rightbox h3 {color:#fff; font-size:14px; margin:0;}
#rightbox a {color:#497B87;}
#rightbox a:hover {color:#999;text-decoration:none;}

#email {margin:0 0 10px 0; background: #c1dffa url(images/bot_round_blue.gif) no-repeat left bottom;}
#email p, #email form {padding: 4px 8px; margin:0;}
#email h3 {background: #194e84 url(images/blue_round.gif) no-repeat left top; padding:4px 8px;}

#tourbox {margin:0 0 10px 0; background: #ffc url(images/bot_round_tan.gif) no-repeat left bottom;}
#tourbox p {padding: 4px 8px; margin:0; font-size:10px;}
#tourbox h3 {background: #f90 url(images/orange_round.gif) no-repeat left top; padding:4px 8px;}

/* FOOTER */

#footer { clear:both; background-image:url(images/bottom_sand.gif); background-repeat:repeat-x; height:100px; color:#f90;}


#bottomnav {clear: both; text-align:center; width:900px; margin:0 auto; height:100px; background-image:url(images/crab.gif); 
background-position: left; background-repeat:no-repeat; color:#fff; font-size:12px; line-height:14px;}
#bottomnav strong {font-size:14px; color:#ffc; letter-spacing:.25em}
#bottomnav a {color:#fff;}
#bottomnav p {font-size:10px; color:#ffc;}
#bottomnav #nav2 {margin: 0; padding-top: 5px; font-size: 12px; font-weight:normal; height:23px;}
#bottomnav #nav2 a {padding: 2px 10px;}