/********************************/
/* Wedding Bliss: Brenda & Ryan */
/* Layout Stylesheet			*/

/********************************/
/* General Formatting			*/
html {
	background: #422819 url(../images/bkgrd_body.jpg) repeat-x;
}
body {
	background: url(../images/bkgrd_page.jpg) repeat-y top center;
	height: 100%;
}
#page {
	margin: 0 auto;
	width: 904px;
}

/********************************/
/* Header						*/
#header {
	background: url(../images/bkgrd_header.jpg) no-repeat;
	height: 275px;
	position: relative;
}
#header h1 {
	margin: 0;
}
#header h1 a {
	background: #FFF url(../images/img_header_photo.jpg);
	display: block;
	height: 195px;
	margin: 0 0 0 61px;
	text-indent: -999em;
	width: 283px;
}
#header .emb {
	background: url(../images/img_emb_left.gif);
	height: 80px;
	left: -29px;
	position: absolute;
	top: 171px;
	width: 29px;
}
	/* Navigation */
	#nav {
		left: -9px;
		position: absolute;
		top: 303px;
		z-index: 1000;
	}
	#nav a {
		background-image: url(../images/sprite_navbtns.gif);
		display: block;
		margin: 0 0 12px 0;
		text-indent: -999em;
		width: 49px;
	}
	#nav .home a {
		height: 75px;
	}
	#nav .bnr a {
		background-position: 0 -85px;
		height: 173px;
	}
	#nav .rsvp a {
		background-position: 0 -267px;
		height: 70px;
	}
	#nav .wedparty a {
		background-position: 0 -350px;
		height: 170px;
	}

/********************************/
/* Content						*/
#main {
	height: auto !important;
	height: 600px;
	margin: -49px auto 0 auto;
	min-height: 600px;
	position: relative;
	width: 822px;
	z-index: 500;
}
#content {
	padding: 0 60px;
}
#content .column1, #content .column2 {
	float: left;
}
#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
	margin: 0.65em 0;
}
#content h3 {
	margin: 2.00em 0 0.65em 0;
}
#content p {
	margin: 1.30em 0;
}
#content p.sig {
	margin: 0;
}

	/* Home */
	#content.home {
		padding: 0;
	}
	#content.home p {
		margin: 0 0 0.65em 0;
		padding: 0 64px;
	}
	#content.home p.sig {
		margin: 0;
	}
	#content #intro {
		background: url(../images/bkgrd_content.jpg) no-repeat bottom right;
		margin: 0 0 0 63px;
		padding: 0;
		width: 799px;
	}
	#content #intro span {
		background: url(../images/img_invitation.gif) no-repeat;
		display: block;
		height: 356px;
		position: relative;
		text-indent: -999em;
	}
	#content #intro span span {
		background: url(../images/img_emb_right.gif);
		height: 87px;
		position: absolute;
		right: -27px;
		top: 214px;
		width: 27px;
	}
	
	/* Brenda & Ryan */
	#content.bnr {
		padding: 0 42px;
	}
	#content.bnr h2.page_title {
		background: url(../images/header_bnr.gif) no-repeat;
		height: 29px;
		text-indent: -999em;
		width: 400px;
	}
	#content.bnr .column1, #content.bnr .column2 {
		margin: -44px 0 0 0;
	}
	#content.bnr .column1 {
		padding: 0 38px 0 0;
		width: 400px;
	}
	#content.bnr .column2 {
		padding: 8px 0 0 0;
		width: 300px;
	}
	#content.bnr .column2 p {
		margin: 0;
	}
	#content.bnr .column2 img {
		border: solid 10px #FFF;
		margin: 36px 0 0 0;
	}
	
	/* RSVP */
	#content.rsvp h2.page_title {
		background: url(../images/header_rsvp.gif) no-repeat;
		height: 37px;
		text-indent: -999em;
		width: 353px;
	}
	#content.rsvp p.callout {
		background: url(../images/header_rsvpdate.gif) no-repeat;
		height: 33px;
		margin: 24px 0 0 0;
		text-indent: -999em;
		width: 671px;
	}
	#form_rsvp {
		background: url(../images/bkgrd_rsvp.jpg) no-repeat top right;
		margin: -90px 0 0 0;
		padding: 100px 120px 0 0;
		width: 540px;
	}
	#form_rsvp .inner {
		background: url(../images/bkgrd_rsvp_form.gif) no-repeat bottom;
		padding: 0 0 15px 0;
	}
	#form_rsvp form {
		padding: 20px;
	}
	#form_rsvp li {
		clear: both;
		padding: 0 0 1.00em 0;
	}
	#form_rsvp label {
		display: block;
		float: left;
		margin: 1.00em 0 0 0;
		width: 12.00em;
	}
	#form_rsvp input, #form_rsvp select {
		margin: 0 0.50em 0 0;
		padding: 0.50em;
		width: 19.00em;
	}
	#form_rsvp select {
		width: 20.40em;
	}
	#form_rsvp .reqtxt, #form_rsvp .emailreqtxt {
		display: block;
		margin: 0.50em 0 0 16.00em;
	}
	#form_rsvp .cf-sb {
		margin: 0;
	}
	#form_rsvp .cf-sb input {
		background: url(../images/btn_rsvp.gif);
		cursor: pointer;
		height: 35px;
		text-indent: -999em;
		width: 63px;
	}
	#form_rsvp .cf-sb input:hover {
		background-position: 0 -35px;
	}
	#form_rsvp .waiting, #form_rsvp .failure, #form_rsvp .success {
		margin: 0 0 1.00em 0;
		padding: 1.00em;
	}
	#form_rsvp legend, #form_rsvp .linklove {
		display: none;
	}
	
	/* Wedding Party */
	#content.party h2.page_title {
		background: url(../images/header_party.gif) no-repeat;
		height: 37px;
		text-indent: -999em;
		width: 415px;
	}
	#content.party .member {
		float: left;
		width: 320px;
	}
	#content.party .member.clearer {
		margin: 0 62px 0 0;
	}
	#content.party h3 {
		margin: 0;
	}
	

/********************************/
/* Footer						*/
#footer {
	background: url(../images/bkgrd_footer.gif) no-repeat bottom center;
	margin: 0 auto;
	padding: 48px 0 110px 0;
	width: 904px;
}
#registration {
	margin: 0 auto 36px auto;
	width: 448px;
}
#registration h3 {
	background: url(../images/header_registered.gif) no-repeat top center;
	height: 30px;
	text-indent: -999em;
}
#registration div {
	float: left;
	width: 210px;
}
#registration a {
	display: block;
	height: 180px;
	text-indent: -999em;
	width: 200px;
}
#registration .column1 {
	background: url(../images/emb1.jpg) no-repeat bottom right;
	margin: 12px 12px 12px 0;
	padding: 0 0 30px 0;
}
#registration .column2 {
	background: url(../images/emb2.jpg) no-repeat bottom left;
	margin: 12px 0 12px 12px;
	padding: 0 0 30px 0;
}
#registration .column1 a {
	background: #FFF url(../images/reg_walmart.gif) no-repeat center center;
}
#registration .column2 a {
	background: #FFF url(../images/reg_bbb.gif) no-repeat center center;
}
#copyright {
	float: left;
	padding: 0 0 0 100px;
}

	/* Homepage Footer */
	#footer.home #registration {
		background: url(../images/img_content_photo.png) no-repeat top right;
		padding: 70px 354px 0 0;
		margin: -100px 0 36px 106px;
		width: 476px;
	}
	#footer.home #registration h3 {
		margin: 1.00em 0;
		width: 342px;
	}