@charset "utf-8";

/* CSS Document */
/*
Peach:			#f9aa8b
Spearmint:		#92bda5
*/

* { margin: 0; padding: 0;}
html { background: white /*url(../images/bg.jpg)*/;}

body { font: 95%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;}

.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.group {
	display: inline-block;
	clear: both;
}
/* start commented backslash hack\*/ html .group (height: 1%) .group {display: block;} /* close commented backslash hack */

article, aside, figure, footer, header, nav, section, img {display: block;}


#screen{
	left:0;
	right: 0;
}


#page-wrap { 
	display: block;
	width: 960px; 
	margin: 0 auto; 
	background: white /*url(../images/mailmark.png) top right no-repeat*/;
	border: 1px solid #fff;
}

.coming-soon {
	width: 749px;
	height: 700px;
	margin: 100px auto 0;
	background: white url(../images/website-coming-soon.jpg) top left no-repeat;
	
}

#navigation{
	position: relative;
	margin: 0 auto;
	width: 960px; 
	height: 100px;
}

.left-nav li a  { 
	display: block;
	float: left;
/*	width: 150px;*/
	color: #f9aa8b;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 45px;	
	margin-right: 20px;
}

.right-nav li a  { 

	display: block;
	float: right;
	/*width: 100px;*/
	color: #f9aa8b;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 45px;
	margin-left: 25px;
	text-align: center;
	
}

.right-nav li .end  { 
	text-align: right;
}

nav{	
	font: 90%/1.4 arial, verdana, helvetica, garuda, tahomasans-serif;
	font-weight: 900;
}

nav a:hover{	
	color: #92bda5;
}

nav li{
	display: inline;
	margin-top: 45px;
}

#header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
	z-index: 10;
}

.logo {
	position: fixed;
	left: 50%;
	margin-left: -165px;
	margin-top: 5px;
	width: 325px;
	height: 175px;
	background: url(../images/monogram2.png) top center no-repeat;	
	z-index: 99;
}

nav .logo {
	width: 325px;
	height: 170px;
	background: white url(../images/monogram2.jpg) top center no repeat;	
	
}

#main-content {
	display: block;
	position: relative;
	margin: 100px auto 0;
}

#presentation-photo {
	width: 960px;
	height: 675px;
	background-image: url(../images/pk3.jpg);
	/*background-repeat: repeat;*/
	margin-bottom: -100px;
}

.our-story {
	margin: 170px auto 0;
}

.our-story img {
	margin: 0 auto;	
}

.our-story .content {
	width: 700px;
	margin: 10px auto 0;
	color: #555; 
  -webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

.our-story .content p {
	padding: 35px;
	padding-bottom: 16px;
	text-align: center;
}

.from {
	position: relative;
	display: block;
	float: left;
	margin: 70px 0 16px 0;
	width: 480px;
}

.from img {
	margin: 0 auto;
}

.from p {
	padding: 45px;
	padding-top: 10px;
	padding-bottom: 16px;
	text-align: center;
	color: #555; 
}


.the-gallery {
	position: relative;
	clear: both;
	margin: 10px auto 0;
}

.the-gallery img {
	margin: 0 auto 10px;	
}

.the-gallery .content {
	width: 960px;
}

.events {
	margin: 80px auto 0;
}

.events img {
	margin: 0 auto;	
}

.events .sink {
	margin-top: -30px;
	margin-bottom: -10px;	
}

.events .sink2 {
	margin-top: 50px;
	margin-bottom: -10px;	
}

.events .content {
	width: 700px;
	margin: 10px auto 0;
	color: #555; 
  -webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

.events .content p {
	font: 100%/1.4 times,georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	padding: 0;
	text-align: center;
}

.events .content .p2 p  {
	padding: 0;
	padding-bottom: 5px;
	text-align: center;
}


.events .content h2 {
	font: 125%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.events .content h3 {
	font: 110%/1.4 times,georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	text-align: center;
	color: #92bda5;
	text-transform: uppercase;
	margin: 5px auto 32px;
}

.events .content h4 {
	font: 110%/1.4 times,georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	text-align: center;
	color: #92bda5;
	text-transform: uppercase;
	margin: -32px auto 16px;
}

.events .content h5 {
	text-align: center;
}

.events .content a {
	text-decoration: none;
	color: #92bda5;
}

.label2 {
	margin: 0 auto;
	width: 8em;
	text-align: left;
}

.events .content ul {
	list-style: none;
	padding: 0;
	text-align: center;
}

.wedding-party {
	position: relative;
	margin: 45px auto 0;
}

.wedding-party img {
	margin: 0 auto;	
}

.wedding-party .party {
	position: relative;
	float: left;
	margin: 16px 30px 16px 0;
	width: 450px;
	height: 160px;
	 -webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

.wedding-party .party img {
	float: left;
	margin-right: 10px;
}

.wedding-party .party h1 {
	font: 125%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	padding-bottom: 5px;
	color: #555; 
}
.wedding-party .party p {
	margin-left: 100px;
	padding-bottom: 5px;
	padding-bottom: 5px;
	text-align: left;
	color: #555; 
}

.wedding-party .party-space {
	position: relative;
	float: left;
	margin: 16px 30px 16px 0;
	width: 450px;
	height: 160px;
}

.rsvp {
	margin: 90px auto 16px;
}

.rsvp img {
	margin: 0 auto;	
}

.rsvp .content {
	width: 700px;
	margin: 10px auto 0;
	color: #555; 
  -webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

.rsvp .content p {
	padding: 0;
	text-align: center;
}

.rsvp .content .p2 p  {
	padding: 0;
	padding-bottom: 5px;
	text-align: center;
}


.rsvp .content h2 {
	font: 125%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.rsvp .content h3 {
	font: 110%/1.4 times,georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	text-align: center;
	color: #92bda5;
	text-transform: uppercase;
	margin: 5px auto 32px;
}

.rsvp .content ul {
	list-style: none;
	padding: 0;
	text-align: center;
}

.directions {
	margin: 80px auto 0;
}

.directions img {
	margin: 0 auto;	
}

.directions .content {
	width: 700px;
	margin: 10px auto 0;
	color: #555; 
  -webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

.directions .content p {
	padding: 0;
	text-align: center;
}

.directions .content .p2 p  {
	padding: 0;
	padding-bottom: 5px;
	text-align: center;
}


.directions .content h2 {
	font: 125%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.directions .content h3 {
	font: 100%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	text-align: center;
	color: #92bda5;
	text-transform: uppercase;
	margin: 5px auto 32px;
}

.directions .content h4 {
	font: 100%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	text-align: center;
	color: #92bda5;
	text-transform: uppercase;
	margin: -32px auto 16px;
}

.directions .content h5 {
	text-align: center;
}

.directions .content h5 a {
	text-decoration: none;
	color: #92bda5;
}

.guestbook {
	margin: 40px auto 0;
}

.guestbook .content {
	width: 700px;
	margin: 10px auto 0;
	padding: 35px 0 16px 0;
	color: #555; 
   -webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

.guestbook img {
	margin: 0 auto;	
}

.guestbook2 {
	margin: 100px auto 0;
}

.guestbook2 .content {
	width: 668px;
	margin: 10px auto 0;
	padding: 35px;
	color: #555; 
   -webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

.guestbook2 img {
	margin: 0 auto;	
}

.guestbook2 .content img {
	display: inline;
	margin: 0px 3px 0px 12px;	
}

.hcb-comment-tb a, .hcb-comment-tb a:visited, .hcb-comment-tb a:hover {
	text-decoration: none;
	color: #777;
}

#web-design{
	clear: both;
	margin-top: 16px;
	border-top: 1px solid #ccc;
	width: 100%;
}

#web-design a {
	display: block;
	margin: 0 auto;
	width: 960px;
	text-align: right;
	font: 85%/1.4 arial, verdana, tahomasans-serif;	
}

#web-design a, #web-design a:visited {
	text-decoration: none;
	color: #ccc;
	text-align: right;
}

#web-design a:hover {
	text-decoration: none;
	color: #aaa;
	text-align: right;
}