@charset "utf-8";

/* CSS Document */
/*
red:			#d8000d

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;}

audio {
	position: fixed;
	bottom: 20px;
	right: 0;
	height: 30px;
	width: 150px;
	
}

#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;
	
}

#logo {
	position: fixed;
	left: 50%;
	margin-left: -130px;
	margin-top: -10px;
	width: 260px;
	height: 175px;
	background: url(../images/monogram3.png) top center no-repeat;	
	z-index: 99;
	padding-top: 30px;
}

a img{
	border: none;
}

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

.left-nav li a  { 
	display: block;
	float: left;
	width: 120px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 45px;
}

.right-nav li a  { 

	display: block;
	float: right;
	width: 105px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 45px;
	text-align: left;
}

.right-nav li #scroll-to-guestbook{ 
	text-align: right;
}


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

nav a:hover{	
	color: #d8000d;
}

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;
}

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

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

.welcome {
	margin: 190px auto 0;
}

.welcome img {
	margin: 0 auto;	
}

.welcome .content {
	width: 960px;
	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;
}

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


.the-proposal {
	margin: 110px auto 0;
}

.the-proposal img {
	margin: 0 auto;	
}

.the-proposal .content {
	width: 960px;
	height: 1300px;
	background: url(../images/the-proposal-content.jpg) top center no-repeat;
	margin-left: 2px;
}

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

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

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

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

.wedding-party {
	margin: 20px auto 0;
}

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

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

.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;
	margin-top: 16px;
}
.wedding-party .party p {
	margin-left: 100px;
	padding-bottom: 5px;
	padding-bottom: 5px;
	text-align: left;
	color: #555; 
	font: 90%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
}

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

.travel {
	margin: 110px auto 0;
}

.travel img {
	margin: 0 auto;	
}

.travel .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;
}

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

.travel .content .p2 p  {
	font: 100%/1.4 times,georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	padding: 35px;
	padding-bottom: 16px;
	text-align: center;
}

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


.travel .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;
}

.travel .content h3 {
	font: 100%/1.4 times,georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	text-align: center;
	color: #d8000d;
	text-transform: uppercase;
	margin: 10px auto 16px;
}

.travel .content .site {
	float: left;
	margin: 16px 0px 16px 0;
	width: 330px;
	height: 120px;
	padding-left: 10px;
	padding-right: 10px;
}

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

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

.travel .content .lined {
	margin: 0 auto 16px;
	width: 300px;
	padding-left: 50px;
}

.travel .content .lined h6{
	float: left;
	width: 150px;
	font: 100%/1.4 times,georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	font-weight: 900;
	color: #555;
	text-transform: none;
	text-align: left;
	
}

.travel .content a {
	text-decoration: none;
	color: #d8000d;
}

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

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


.gift-list {
	margin: 40px auto 0;
}

.gift-list .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;
}

.gift-list img {
	margin: 0 auto;	
}

.gift-list .account {
	position: relative;
	margin: 16px auto 16px;
	width: 450px;
	height: 160px;
	 -webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

.gift-list  p {
	font: 95%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	color: #555; 
	padding: 0px 35px 16px 35px;
	text-align: center;
}

.guestbook {
	margin: 100px 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;
}