body, html {background-color:#fff; color:#666; font: 14px Georgia, "Times New Roman", Times, serif; margin:0; padding:0; behavior:url(/csshover.htc);}
h1, h2, h3 {margin:0; padding:0; }
h1 {margin:10px 0 0 0; padding:0; color:#807d6b; font-size:22px; font-weight:bold;}
h1 em {font-weight: normal;}
h2 {font-size:18px; margin:0 0 4px 0;}
p {padding:0; margin:6px 0;}
a {color: #600;}
a:hover {text-decoration:none; color:#E47777;}
.red {color:#900;}

#container {
	width: 900px;
	position:relative;
	margin:10px auto;
	padding:0;
	background:#fff;
	background-image:url(images/background-sliver.gif);
	background-repeat:repeat-y;
	background-color: #000000;
}
#container #topmain {
	position: absolute;
	z-index:2;
	top:97px;
	left:198px;
	background:url(images/header2.gif) no-repeat right;
	width:644px;
	height:20px;
	background-image: url(images/header2.gif);
}
* html #container #topmain {top:94px;}


/* HEADER */ 
#header {width:877px; margin:0 0 0 11px; padding:0; text-align:center; border-top:1px solid #bbb; width:878px;}

.categorycol {width:200px; margin:8px 0 14px 15px; float:left; text-align:center;}
#category img {border: 1px solid #dfdfdf; padding:0px}


/* MAIN GALLERY */
#main {width:680px; float:left; padding-left:10px; margin-top:-3px; padding-top:45px; border-left:1px solid #d6d1d3; }
#main p {padding:5px 0;}
*html #main {margin-top:0; padding-top:45px;}
*:first-child+html #main {margin-top:0; padding-top:45px;}

#special {border:2px dashed #ccc; background:#fbf6d9; padding:10px;  margin: 10px; width:300px; text-align:center; float:right;}
#special h2 {margin:0; padding:0; color:#660000; font-size:20px;}
#special h2 strong {font-size:24px;}
#special h3 {font-weight:normal; margin:8px 0; color:#333;}


#gallery {width:680px; height:380px;}

.photocol1a, 
.photocol2a, 
.photocol3a, 
.photocol1b, 
.photocol2b, 
.photocol3b, 
.photocol1c, 
.photocol2c, 
.photocol3c {width:100px; margin:8px 5px 8px 0; float:left; text-align:center;}

* html .photocol1a, 
* html .photocol2a, 
* html .photocol3a, 
* html .photocol1b, 
* html .photocol2b, 
* html .photocol3b, 
* html .photocol1c, 
* html .photocol2c, 
* html .photocol3c {height:100px}

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

/*CSS for enlarged image*/
.thumbnail span{position: absolute; background-color: #fff; padding: 5px; left: -1000px; border: 1px solid #dfdfdf; visibility: hidden; color: black; text-decoration: none;}
.thumbnail span img{border: 1px solid #dfdfdf; padding: 0;}

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

.photocol1b .thumbnail:hover span{ visibility: visible; top: -200px;left: 315px;}
.photocol2b .thumbnail:hover span{ visibility: visible; top: -200px;left: 210px;}
.photocol3b .thumbnail:hover span{ visibility: visible; top: -200px;left: 105px;}

.photocol1c .thumbnail:hover span{ visibility: visible; top: -316px;left: 315px;}
.photocol2c .thumbnail:hover span{ visibility: visible; top: -316px;left: 210px;}
.photocol3c .thumbnail:hover span{ visibility: visible; top: -316px;left: 105px;}

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

* html .photocol1b .thumbnail:hover span{ visibility: visible; top: -116px;left: 315px;}
* html .photocol2b .thumbnail:hover span{ visibility: visible; top: -116px;left: 210px;}
* html .photocol3b .thumbnail:hover span{ visibility: visible; top: -116px;left: 105px;}

* html .photocol1c .thumbnail:hover span{ visibility: visible; top: -232px;left: 315px;}
* html .photocol2c .thumbnail:hover span{ visibility: visible; top: -232px;left: 210px;}
* html .photocol3c .thumbnail:hover span{ visibility: visible; top: -232px;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: 315px;}
*:first-child+html .photocol2a .thumbnail:hover span{ visibility: visible; top: -0px;left: 210px;}
*:first-child+html .photocol3a .thumbnail:hover span{ visibility: visible; top: -0px;left: 105px;}

*:first-child+html .photocol1b .thumbnail:hover span{ visibility: visible; top: -116px;left: 315px;}
*:first-child+html .photocol2b .thumbnail:hover span{ visibility: visible; top: -116px;left: 210px;}
*:first-child+html .photocol3b .thumbnail:hover span{ visibility: visible; top: -116px;left: 105px;}

*:first-child+html .photocol1c .thumbnail:hover span{ visibility: visible; top: -232px;left: 315px;}
*:first-child+html .photocol2c .thumbnail:hover span{ visibility: visible; top: -232px;left: 210px;}
*:first-child+html .photocol3c .thumbnail:hover span{ visibility: visible; top: -232px;left: 105px;}

#nextnav {clear:left; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:308px; text-align:center}
#nextspace {}

#lowercopy {clear:both;}



/* INFO PAGES */
.testi, .testi-top {clear:right; border-bottom: 1px dashed #666; padding:5px 0 0 0; margin:0px 15px 0 10px;}
.testi-top {padding:20px 0 0 0; padding-bottom:10px;  border-top: 1px dashed #666;}

.testi h1, .testi-top h1, #segment1 h1 {font-size:20px; color:#666; font-weight:normal;}
.bigletter {font-size:36px; line-height:12px;}
* html .bigletter {line-height:30px;}
*:first-child+html .bigletter {line-height:30px;}

#contact #segment1 {text-align:center;}
#contact .bigletter {line-height: normal;}
#contact #segment1 h1 {margin:0; padding:10px;}
#testimonials .testi, #testimonials .testi-top {padding:15px 0 0 0; margin:10px 15px 0 10px;}
#testimonials .testi img, #testimonials .testi-top img {margin:0 0 10px 20px;}

#pricing #main ul {padding-top:0; margin-top:0; padding-bottom:15px; margin-bottom:0; }
#pricing #main ul li {padding-top:4px;}
#pricing table {margin-top:10px; border-left: 1px solid #ccc; border-top:1px solid #ccc;}
#pricing table td {border-right: 1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
#pricing .r1 {background:#7d7d7d; color:#fff;}

#pricing .testi-top {margin-top:20px; padding-top:5px;}

.lightred {color:#E47777; margin:5px 0 0 0; padding:0; font-weight:bold; font-style:italic;}

body#index #topmain h1, 
body#pricing #topmain h1, 
body#calendar #topmain h1, 
body#about #topmain h1,
body#testimonials #topmain h1, 
body#contact #topmain h1 {font-size:30px;}



#contactForm, #contact #segment1 {font-size: 12px; width: 500px; padding-bottom:5px; margin:0 auto; border: 1px solid #999; background: #f2f2f2;}
#contactForm h2, #contact #segment1 h2 {background:#666; color:#fff; text-align:center; padding:5px; color:#fbf6d9;}
#contact #segment1 {margin:10px auto;}
#contactForm p {margin:5px;}
#contactForm input {float:left; margin: 5px 0; border: 1px solid #999; padding: 3px;}
#contactForm label {width:120px; display:block; float:left; text-align:right; clear:left; margin:10px 10px 0 100px;}
* html #contactForm label {width:120px; margin:10px 10px 0 50px;}
#contactForm .submitButton {clear:both; margin-left:230px; background:#600; color:#fff;}

/* LEFT NAV */

div#nav {clear:both; width:180px; height:500px; float:left; margin:-3px 0 0 11px; padding:0; font-size:18px; background:url(images/vertical-shim.gif) repeat-x;}
* html div#nav {margin-left:5px; margin-top:0; border-left: 1px solid #d6d1d3;}
*:first-child+html div#nav {margin-top:0;}

#emailsignup {margin-top:5px; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-bottom:5px;}
#emailsignup h2 {font-size:18px; color:#fff; margin:0; padding:5px; background:#600;}
#emailsignup p {font-size:12px; margin:5px;}
#emailsignup h5 {margin:15px auto; text-align:center; font:12px Verdana, Arial, Helvetica, sans-serif;}
#emailsignup h5 a {background:#ccc; text-decoration:none; padding: 5px; border: 1px solid #999; width:100px; margin-top:5px;}
#emailsignup h5 a:hover {background:#999; color:#fff;}


div#nav ul {margin: 0; padding: 0; width: 180px;}
div#nav li {
	position: relative;
	list-style: none;
	margin: 0;
	width: 180px;
	text-transform: uppercase;
	font-weight:normal;
	letter-spacing:1px;
	background-color: #000000;
}
div#nav li a {display: block; color:#fff; text-decoration: none; margin-top:5px;  padding:3px 0 0 5px; height:25px; background: #7d7d7d; border-top:1px solid #666; border-bottom:1px solid #666;}
* html div#nav li a {padding-bottom:3px;}
*:first-child+html div#nav li a {padding-bottom:3px;}
div#nav li a:hover {background:#c3c3c3; color:#666;}
div#nav>ul a {width: auto;}

div#nav li#ln-prep a, 
div#nav li#ln-brides a, 
div#nav li#ln-grooms a, 
div#nav li#ln-ceremony a, 
div#nav li#ln-group a,
div#nav li#ln-reception a,
div#nav li#ln-bw a {font-weight:normal; font-size:14px; margin-top:0; padding-top:0;  border-top:none; border-bottom:1px solid #bbb; line-height: 20px; height:20px; text-transform:none;  padding-left:15px; width:165px; letter-spacing:normal; color:#666; background-color:#f9f9f9;}

div#nav li#ln-pricing a {margin-top:20px;}

div#nav li#ln-prep a:hover, 
div#nav li#ln-brides a:hover, 
div#nav li#ln-grooms a:hover, 
div#nav li#ln-ceremony a:hover, 
div#nav li#ln-group a:hover,
div#nav li#ln-reception a:hover,
div#nav li#ln-bw a:hover {background-color:#fff;}

/* LEFT NAV - page down states */
body#index div#nav li#ln-index a, 
body#pricing div#nav li#ln-pricing a, 
body#calendar div#nav li#ln-calendar a, 
body#about div#nav li#ln-about a,
body#testimonials div#nav li#ln-testimonials a, 
body#contact div#nav li#ln-contact a {background-color:#fff; color:#666; border-top:1px solid #666; border-bottom:1px solid #666; background-image:url(images/arrow.gif); background-position:right; background-repeat:no-repeat;}

body.photos div#nav li#ln-photos a {background-color:#807d6b; }

body.photos div#nav li#ln-photos a:hover {color:#fff;}

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(images/arrow.gif); background-position:right; background-repeat:no-repeat;}


/* FOOTER */

#copyright {display: table-cell; width:180px; background:#efeff0; color:#666;}
#footer {display: table-cell; border-left:1px solid #bbb; width: 697px; background: #fbf6d9; color:#807d6b; text-align:center; font-size:12px;}
#footer h1 {font-size:16px; margin:0; padding:0; font-weight:bold;}
#copyright p {font-size:12px; padding:10px;}

* html #footer h1 {padding-top:10px;}
*:first-child+html #footer h1 {padding-top:10px;}
* html #copyright p {padding:10px 5px; font-size:11px;}
*:first-child+html #copyright p {padding:10px 5px; font-size:11px;}

*html #footer p {padding-bottom:20px;}

div#tbl {display: table; clear:left;  border-top:1px solid #bbb; border-bottom:1px solid #bbb; width:878px; margin-left:11px;}
div#row {display: table-row; height:90px}

* html #row {overflow: hidden; float: left;}
* html #copyright, * html #footer {float: left; padding-bottom:1000px; margin-bottom:-990px;}

*:first-child+html #row {overflow: hidden; float: left;}
*:first-child+html #copyright {float:left; padding-bottom:1000px; margin-bottom:-1000px;}
*:first-child+html #footer {float:left; padding-bottom:1000px; margin-bottom:-990px;}

.line {line-height:4px; border-bottom: 1px solid #dfdfdf; padding:0; margin:12px 0 10px 0}