/* Responsive Styles */

@-ms-viewport {
  width: device-width;
}

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}


/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}


/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}


/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}


/* ==========================================================================
   Base
   ========================================================================== */


#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

body {
	background: white;
	font-family: "Lucida Grande";
	font-size: 12px;
	padding: 0;
	margin: 0;
}



/* Navigation */

#Navigation {
	position: absolute;
	background: #FFF19F;
	width: 100%;
	height: 54px;
	top: 350px;
	text-align: center;
	z-index: 3;
	opacity: 0.95;			
}
		
	#Navigation.fixed {
		position: fixed;
		top: 24px;
	}
		
	#Navigation a {
		letter-spacing: 1px;
		font-size: 12px;
		color: #4E5B75;
	}
	
	#Navigation a:hover {
		border-bottom: solid 1px;
		padding-bottom: 3px;
		color: #16203C;
	}
	
	#Navigation a:active {
		border-bottom: solid 1px;
		padding-bottom: 3px;
		color: #16203C;
	}
	
	#Navigation li a.RSVP {
		background: url(../img/rsvp-btn.png) 50% 0 no-repeat;
		background-size: 100%;
		height: 132px;
		width: 132px;
		display: inline;
		float: left;
		position: relative;
		top: -64px;
		left: 0px;
	}
	
	#Navigation li a.RSVP:hover {
		border: 0;
		background: url(../img/rsvp-btn-RO.png) 50% 0 no-repeat;
		background-size: 100%;
		height: 132px;
		width: 132px;
	}
	
	
	
/* Welcome Section */
	
#Welcome {
	height: 850px;
}
	
	#Welcome .VandA {
		background: url(../img/vanda.png) 50% 0 no-repeat;
		background-size: 100%;
		background-position: fixed;
		height: 240px;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		left: 50%;
		margin-left: -237px;
		width: 474px;
		top: 100px;
		z-index: 2;
	}
		
	#Welcome .frame1 {
		background: url(../img/welcome-frames-1.png) 50% 0 repeat-x;
		z-index: 1;
		background-size: 50%;
		height: 1700px;
		width: 2160px;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		top: 0px;
		left: 0px;
	}
		
	#Welcome .frame2 {
		background: url(../img/welcome-frames-2.png) 50% 0 repeat-x;
		background-position: fixed;
		background-size: 50%;
		z-index: 1;
		height: 1700px;
		width: 2160px;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		top: 0px;
		left: 0px;
	}
		
		
	#Welcome .solstice {
		z-index: 1;
		height: 46px;
		width: 370px;
		left: 50%;
		margin-left: -185px;	
		padding: 0;
		position: absolute;
		top: 510px;
		text-align: center;
	}
	
	#Welcome .solstice img {
		width: 148px; 
		margin-bottom: 20px;
	}
		
	
	#Welcome .story h2 {
		padding: 80px 0 0 0;
		font-family: "Georgia", "Times", "Serif";
		font-size: 25px;
		font-weight: 100;
		color: #293260;
		text-align: center;
	}
	
	
		
/* When Section */
			
#When {
	height: 700px;
	background: #DFDDED;
	z-index: 1;
}	

	#When .dial {
		background: url(../img/dial.png) 50% 0 no-repeat;
		background-position: fixed;
		background-size: 50%;
		z-index: 1;
		height: 640px;
		width: 795px;
		margin-left: -392px;
		padding: 0;
		position: absolute;
		top: 910px;
		left: 50%;
		opacity: 0.7;
	}
	
		
	#When .date {
		background: url(../img/date.png) 50% 0 no-repeat;
		background-position: fixed;
		background-size: 50%;
		z-index: 1;
		height: 700px;
		width: 950px;
		margin-left: -475px;
		padding: 0;
		position: absolute;
		top: 850px;
		left: 50%;
	}
	
	#When .joinus {
		background: url(../img/join-us.png) 50% 0 no-repeat;
		background-position: fixed;
		background-size: 50%;
		z-index: 1;
		height: 570px;
		width: 1550px;
		margin-left: -775px;
		padding: 0;
		position: absolute;
		top: 980px;
		left: 50%;
	}
	
	

/* Where Section */
		
#Where {
	height: 700px;
	background-color: white;
}
		
	#Where .frameWhere {
		background: url(../img/where-frames.png) 50% 0 repeat-x;
		background-position: fixed;
		z-index: 1;
		background-size: 50%;
		height: 710px;
		width: 2160px;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		top: 1540px;
		left: 0px;
	}
		
	#Where .grapes {
		background: url(../img/grapes.png) 40% 0 no-repeat;
		background-position: fixed;
		background-size: 40%;
		z-index: 2;
		height: 380px;
		width: 270px;
		margin-left: -135px;
		padding: 0;
		position: absolute;
		top: 1600px;
		left: 50%;
	}
			
	#Where .whereDetails {
		position: absolute;
		top: 1850px;
		height: 316px;
		width: 600px;
		left: 50%;
		margin-left: -300px;
		font-family: "Georgia", "Times", "Serif";
		font-size: 25px;
		font-weight: 100;
		z-index: 1;
		color: #293260;
		text-align: center;
	}
	
	#Where .whereDetails img {
		width: 560px; 
		height: 36px; 
		margin-bottom: 7px;
	}

	#Where .whereDetails h2 {
		font-size: 25px;
		font-weight: 100;
	}
	


/* Map Section */
				
#Map {
	height: 700px;
	background-color: #FFF6CA;
	z-index: 1;

}
	#Map .story {
		height: 90%;
		position: relative;
		top: 50px;
	}	
		
	#Map .Googlemap {
		width: 980px;
		z-index: 1;
		height: 90%;
	}
	
	#Map .Googlemap p {
		margin-top: 25px;
	}
	
	#Map .Googlemap p a {
		font-family: "Lucida Grande", sans-serif;
		font-size: 13px;
		color: #4E5B75;
		border-bottom: solid 1px;
		padding-bottom: 3px;
		text-transform: uppercase;
		letter-spacing: 0.07em;
	}
	
	#Map .Googlemap a:hover {
		color: #16203C;
	}
	


/* DressCode Section */
		
#DressCode {
	height: 700px;
	width: 100%;
	color: white;
}

	#DressCode .frameDresscode {
		background: url(../img/dresscode-frames.png) 50% 0 repeat-x;
		background-position: fixed;
		z-index: 1;
		background-size: 50%;
		height: 700px;
		width: 2160px;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		top: 2950px;
		left: 0px;
	}

	#DressCode .flag {
		background: url(../img/dresscode-flag.png) 40% 0 no-repeat;
		background-position: fixed;
		background-size: 40%;
		z-index: 2;
		height: 140px;
		width: 520px;
		margin-left: -260px;
		padding: 0;
		position: absolute;
		top: 3090px;
		left: 50%;
	}
	
	#DressCode .dressDetails {
		position: absolute;
		top: 3225px;
		height: 316px;
		width: 420px;
		left: 50%;
		margin-left: -210px;
		font-family: "Georgia", "Times", "Serif";
		font-size: 18px;
		line-height: 1.6;
		font-weight: 100;
		z-index: 1;
		color: #293260;
		text-align: center;
	}
	
	#DressCode .dressDetails img {
		width: 343px; 
		height: 23px; 
		margin-bottom: 16px;
	}
		
	#DressCode .story h2 {
		font-size: 25px;
		font-weight: 100;
	}

		
		
/* Mornington Section */
		
#Mornington {
	height: 700px;
	width: 100%;
	background-color: #1a1e39;
	color: white;
	z-index: 1;
}
		
	#Mornington .PDFmap {
		background: url(../img/morningtonmap.jpg) 50% 0 no-repeat;
		background-position: fixed;
		background-size: 100%;
		z-index: 1;
		height: 460px;
		width: 960px;
		margin-left: -480px;
		padding: 0;
		position: absolute;
		top: 3755px;
		left: 50%;
	}

	#Mornington .story p{
		font-family: "Georgia", "Times", "Serif";
		font-size: 18px;
		color: #BCBEC0;
		text-align: center;
		padding: 608px 0 0 0;
	}
	
	#Mornington a {
		font-family: "Lucida Grande", sans-serif;
		font-size: 13px;
		color: #6B778C;
		border-bottom: solid 1px;
		padding-bottom: 3px;
		text-transform: uppercase;
		letter-spacing: 0.08em;
	}
	
	#Mornington .story p a:hover {
		color: #9DA8BA;
	}


/* Accommodation Section */
		
#Accommodation {
	height: 700px;
}

	#Accommodation .frameAccommodation {
	background: url(../img/accommodation-frames.png) 50% 0 repeat-x;
	background-position: fixed;
	z-index: 1;
	background-size: 50%;
	height: 700px;
	width: 2160px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 4350px;
	left: 0px;
}		

	#Accommodation .accommDetails {
		position: absolute;
		top: 4455px;
		height: 316px;
		width: 420px;
		left: 50%;
		margin-left: -210px;
		font-family: "Georgia", "Times", "Serif";
		font-size: 18px;
		line-height: 1.6;
		font-weight: 100;
		z-index: 1;
		color: #293260;
		text-align: center;
	}
		
	#Accommodation .story h2 {
		font-size: 25px;
		font-weight: 100;
	}

	#Accommodation .story h3 {
		font-family: "Lucida Grande", "Arial", "Sans";
		margin: 18px 0 -4px 0;
		font-size: 17px;
		font-weight: 100;
	}
	
	#Accommodation .story p a {
		text-transform: uppercase;
		font-family: "Lucida Grande", "Arial", "Sans";
		font-size: 12px;
		color: #4E5B75;
		line-height: 1;
		letter-spacing: 0.1em;
	}
	
	#Accommodation .story p a:hover {
		color: #16203C;
		border-bottom: solid 1px;
		padding-bottom: 3px;
	}
	
	#Accommodation .accommDetails img {
		width: 223px; 
		height: 23px; 
		padding-bottom: 14px;
	}



/* RSVP Section */

#RSVP {
	height: 760px;
	width: 100%;
	background-color: #DFDDED;
	color: white;
	z-index: 1;
}

	#RSVP .rsvpDetails {
		position: absolute;
		top: 5120px;
		height: 316px;
		width: 600px;
		left: 50%;
		margin-left: -300px;
		font-family: "Georgia", "Times", "Serif";
		font-size: 18px;
		line-height: 1.6;
		font-weight: 100;
		z-index: 1;
		color: #293260;
		text-align: center;
	}
	
	#RSVP img {
		width: 374px;
		height: 65px;
		margin-bottom: 10px;
	}

	#RSVP .story h2 {
		font-size: 25px;
		font-weight: 100;
	}
	
	#RSVP .story p {
		font-size: 18px;
	}
	
	#RSVP .rsvpForm {
		position: absolute;
		top: 5220px;
		height: 470px;
		width:550px;
		left: 50%;
		margin-left: -390px;
		font-family: "Lucida Grande", sans-serif;
		font-size: 14px;
		line-height: 1.6;
		font-weight: 100;
		z-index: 1;
		color: #293260;
	}
	
	.rsvpForm label {
	    width: 250px;
	    display: block;
	    float: left;        
	    margin-bottom: 9px;
	}
	
	.rsvpForm input {
		font-size: 13px;
		font-family: "Lucida Grande", sans-serif;
		color: #293260;
	    width: 246px;
		height: 16px;
	    display: block;
	    float: left;        
	    margin-bottom: 9px;
		background-color: #FAFAFA;
		border: 6px solid #FAFAFA;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
		outline: none;
		padding: 1px;
	}
	
	.rsvpForm input:focus, select:focus, textarea:focus, button:focus {
		outline: none;
	}
	
	.rsvpForm input.radio {
		margin: 4px 0 10px 0;
		-webkit-border-radius: 2em;
	}
	
	.rsvpForm input[type=radio] {
		height: 20px;
		width: 20px;
	}
	
	.rsvpForm input[type=radio]:checked {
		background-color: #1a1e39;
		border-color: #1a1e39;
	}
	
	.rsvpForm textarea {
		font-size: 13px;
		font-family: "Lucida Grande", sans-serif;
		color: #293260;
	    width: 250px;
	    display: block;
	    float: left;        
	    margin-bottom: 10px;
		outline: 0;
		background-color: #FAFAFA;
		border: 3px solid #FAFAFA;
		resize: none;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
	}
	
	label {
	    width:125px;
	    text-align: right;
	    padding-right: 10px;
	    margin-top: 5px;
	}
	
	.rsvpForm .submit {
		margin-top: 2px;
		height: 30px;
		width: 260px;
		background-color: #FFF19F;
		border: 1px solid #FFF19F;
		color: #1a1e39;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
	}
	
	.rsvpForm input[type="submit"]:hover {
		background-color: #1a1e39;
		border: 1px solid #1a1e39;
		color: #cbcae8;
	}
	
	br {
	    clear:left;
	}



/* Gift Registry Section */
						
#GiftRegistry {
	height: 700px;
	background-color: white;
}

	#GiftRegistry .frameGift {
	background: url(../img/gift-frames.png) 50% 0 repeat-x;
	background-position: fixed;
	z-index: 1;
	background-size: 50%;
	height: 710px;
	width: 2160px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 5800px;
	left: 0px;
}	
	#GiftRegistry .tree {
		background: url(../img/tree.png) 50% 0 no-repeat;
		background-position: fixed;
		background-size: 50%;
		z-index: 2;
		height: 342px;
		width: 230px;
		margin-left: -115px;
		padding: 0;
		position: absolute;
		top: 5790px;
		left: 50%;
	}	
	
	#GiftRegistry .giftDetails {
		position: absolute;
		top: 6045px;
		height: 316px;
		width: 426px;
		left: 50%;
		margin-left: -212px;
		font-family: "Georgia", "Times", "Serif";
		font-size: 18px;
		line-height: 1.6;
		font-weight: 100;
		z-index: 1;
		color: #293260;
		text-align: center;
	}
	
	#GiftRegistry .giftDetails img {
		width: 378px;
		height:31px;
		margin-bottom: 3px;
	}
		
	#GiftRegistry .story h2 {
		font-weight: 100;
		padding: 310px 0 0 0;
		font-size: 25px;
	}
	
	#GiftRegistry .story p a {
		font-family: "Lucida Grande", sans-serif;
		font-size: 15px;
		color: #4E5B75;
		border-bottom: solid 1px;
		padding-bottom: 2px;
	}
	
	#GiftRegistry .story p a:hover {
		color: #16203C;
	}
		
#Footer {
	height: 520px;
	width: 100%;
	background-color: #1a1e39;
	color: white;
	z-index: 1;
}
		
		#Footer .story {
			width: 650px;
			min-width: 690px;
			border: 0px solid white;
			overflow: hidden;
		}
		
		#Footer .story p {
			text-align: left;

		}
		
		#Footer .story h2 {
			padding: 40px 0 30px 0;
			font-family: "Lucida Grande", sans-serif;
			font-size: 20px;
			font-weight: 100;
			color: white;
			text-align: center;
		}
		
		#Footer .story h3 {
			font-family: "Lucida Grande", sans-serif;
			font-size: 12pt;
			font-weight: 100;
			color: #DDD;
		}
		
		#Footer p.Footer {
			font-family: "Lucida Grande", sans-serif;
			font-size: 15px;
			position: relative;
			top: 120px;
			text-align: center;
			color: #7F8BA5;
		}
		
		#Footer p a {
			font-size: 14px;
			color: #7F8BA5;
		}
		
		#Footer p a:hover {
			border-bottom: 1px solid;
			padding-bottom: 1px;
			color: #DFE3E8;
		} 
		
		.leftCol {
			position: relative;
			left: 50px;
			float: left;
			display: inline;
			padding-right: 0px;
			width: 33%;
		}
		
		.midCol {
			position: relative;
			left: 60px;
			float: left;
			display: inline;
			padding: 0 0 0 40px;
			width: 33%;
		}
		
		.rightCol {
			position: relative;
			left: 30px;			
			float: left;
			display: inline;
			padding: 0 0 0 0px;
			width: 28%;
		}		
						
		ul {
			margin: auto;
			display: inline-block;
			margin-top: 20px;
		}
		
		li {
			float: left;
			margin-right: 24px;
			list-style: none;

		}
		
.story {
    margin: 0 auto;
    min-width: 980px;
    width: 980px;
	overflow: auto;
	z-index: 1;
}

		.story p {
			font-family: "Lucida Grande", sans-serif;
			font-size: 15px;
			color: #293260;
			text-align: center;
			line-height: 1.6;
			text-transform: none;
			letter-spacing:0;
			margin: 0px 0 0 0;		
		}
		
	
		
		a {
			font-family: "Lucida Grande", sans-serif;
			font-size: 13px;
			text-decoration: none;
		}
		
		p {
			font-family: "Georgia", "Times", "Serif";
			font-size: 18px;
			color: #293260;
			text-align: center;
			line-height: 1.6;
			text-transform: none;
			letter-spacing:0;
			margin: 0px 0 0 0;
		}
		
		p.dashSeparator {
			margin: 0 0 20px 0;
		}
	
	

	
		
	
	
/* iPad Mini! */		

@media (max-width: 768px) {
	#Navigation {
		top: 24px;
		position: fixed;
	}
	
	#Welcome {
		height: 0px;
	}
	
	#Welcome .VandA {
		top: 105px;
		width: 70%;
		margin-left: -35%;
	}
	
	#Welcome .solstice {
		top: 370px;
	}
	

	
	#When {
		top: 600px;
		position: relative;
		height: 485px;
	}
	
	#When .dial {
		top: 90px;
		width: 80%;
		margin-left: -40%;
		height: 300px;
	}
	
	#When .date {
		width: 100%;
		margin-left: -50%;
		top: -75px;
		height: 380px;
	}
	
	#When .joinus {
		width: 100%;
		margin-left: -50%;
		top: 255px;
		background-size: 85%;
		height: 70px;
	}
	
	#Where .frameWhere {
		top: 1050px;
	}
	
	#Where .grapes {
		top: 1080px;
		height: 240px;
		margin-left: -125px;
	}
	
	#Where .whereDetails {
		top: 1330px;
		height: 46px;
	}
	
	#Map {
		position: relative;
		top: 440px;
	}
	
	#Map .Googlemap {
		width: 100%;
		overflow: visible;
	}
	
	#Map .story {
		width: 70%;
	}
	
	.story {
		min-width: 1px;
		width: 100%;
	}
	
	#DressCode {
		top: 2310px;
		height: 1125px;
	}
	
	#DressCode .flag {
		top: 2465px;
		margin-left: -230px;
	}
	
	#DressCode .frameDresscode {
		top: 2310px;
	}
	
	#DressCode .dressDetails {
		top: 2605px;
		height: 36px;
	}
	
	#Mornington .PDFmap{
		top: 3185px;
		width: 720px;
		margin-left: -361px;
		height: 350px;
	}
	
	#Mornington .story p {
		padding: 565px 0 0 0;
	}
		
	#Accommodation .accommDetails {
		top: 3835px;
	}

	#Accommodation .frameAccommodation {
		top: 3710px;
	}
	
	#RSVP .rsvpDetails {
		top: 4505px;
	}
	
	#RSVP .rsvpForm {
		top: 4605px;
	}
	
	#GiftRegistry .frameGift {
		top: 5160px;
	}
	
	#GiftRegistry .tree {
		top: 5150px;
	}
	
	#GiftRegistry .giftDetails {
		top: 5405px;
	}
	
	#Footer {
		
	}
	
	.ipad {
		display: none;
	}	
}


/* iPhone! */		

@media (max-width: 480px) {
	#Navigation {
		top: 0px;
		height: 20px;
	}

	#Welcome .VandA {
		top: 35px;
		width: 90%;
		margin-left: -45%;
	}
	
	#Welcome .frame1 {
		background-size: 30%;
	}
	
	#Welcome .frame2 {
		background-size: 30%;
	}
	
	#Welcome .solstice {
		top: 200px;
		width: 280px;
		margin-left: -140px;
	}
	
	#Welcome .solstice img {
		width: 100px; 
		margin-bottom: 20px;
	}	
	
	#Welcome .solstice p {
		font-size: 14px;
	}
	
	#When {
		top: 400px;
		height: 295px;
	}
	
	#When .dial {
		top: 70px;
		height: 140px;
		width: 90%;
		margin-left: -45%;
	}
	
	#When .date {
		top: -30px;
		width: 100%;
		margin-left: -50%;
		background-size: 70%;
	}
	
	#When .joinus {
		top: 220px;
		background-size: 90%;
	}
	
	#Where {
		height: 750px;
	}
	
	#Where .frameWhere {
		top: 680px;
		background-size: 30%;
	}
	
	#Where .grapes {
		width: 120px;
		margin-left: -50px;
		top: 720px;
		height: 130px;
	}
	
	#Where .whereDetails {
		top: 840px;
		width: 100%;
		left :0;
		margin-left: 0;
		height: 126px;
	}
	
	#Where .whereDetails img {
		width: 295px;
		height: 20px; 
		margin-bottom: 0px;
	}
	
	#Where .whereDetails p {
		font-size: 14px;
	}
	
	#Where p.dashSeparator {
		margin: 0 0 5px 0;
	}
	
	#Map {
		top: 0;
		height: 380px;
	}
	
	#Map .story {
		top: 30px;
	}
	
	#Map .Googlemap {
		width: 224px;
		height: 290px;
		padding: 0;
	}
	
	#Map .Googlemap p {
		margin-top: 6px;
	}
	
	#Map .Googlemap iframe {
		margin-left: 192px;
		width: 250px;
		height: 250px;
	}
	
	#DressCode {
		height: 390px;
	}
	
    #DressCode .flag {
		top: 1467px;
		width: 200px;
		margin-left: -90px;
	}
	
	#DressCode .frameDresscode {
		background-size: 30%;
		top: 1402px;
		height: 396px;
	}
	
	#DressCode .dressDetails {
		top: 1535px;
		width: 270px;
		margin-left: -135px;
	}

	#DressCode .dressDetails img {
		width: 229px;
		height: 16px;
		margin-bottom: 3px;
	}
	
	#DressCode .dressDetails p.dashSeparator {
		margin: 0 0 10px 0;
	}
	
	#DressCode .story p {
		font-size: 14px;
	}
	
	#Mornington {
		height: 340px;
	}
	
	#Mornington .PDFmap {
		top: 1895px;
		width: 300px;
		height: 147px;
		margin-left: -150px;
	}
	
	#Mornington .story p {
		padding: 265px 0 0 0;
	}
	
	#Accommodation {
		height: 500px;
	}
	
	#Accommodation .frameAccommodation {
		top: 2140px;
		background-size: 30%;
	}
	
	#Accommodation .accommDetails {
		top: 2210px;
		width: 90%;
		margin-left: -45%;
	}
	
	#Accommodation .accommDetails img {
		height: 16px;
		width: 155px;
		padding-bottom: 5px;
	}
	
	#Accommodation .story p {
		font-size: 14px;
	}
	
	#Accommodation .story h3 {
		font-size: 14px;
		font-weight: 100;
	}
	
	#Accommodation .story p a {
		font-size: 11px;
		letter-spacing: 0.2em;
	}
	
	#Accommodation .story p.dashSeparator {
		margin: 0 0 6px 0;
	}
	
	#RSVP {
		height: 920px;
	}
	
	#RSVP .rsvpDetails {
		top: 2730px;
		width: 300px;
		margin-left: -150px;
		height: 58px;
	}
	
	#RSVP .rsvpDetails img {
		width: 290px;
		height: 51px;
	}
	
	#RSVP .rsvpForm {
		top: 2790px;
		width: 300px;
		margin-left: -150px;
		left: 57%;
	}
	
	#RSVP .rsvpForm label {
		text-align: center;
		width: 255px;
		padding: 0;
	}
	
	#RSVP .rsvpForm label.Answer {
		text-align: left;
		width: 230px;
		padding: 0;
	}
	
	#RSVP .rsvpForm input {
		width: 240px;
		margin-bottom: 15px;
		height: 21px;
	}
	
	#RSVP .rsvpForm label.Dietary {
		padding-top: 10px;
	}
	
	#RSVP label.iphone{
		display: none;
	}
	
	#RSVP .rsvpForm input.radio {
		width: 20px;
	}
	
	#RSVP .rsvpForm textarea {
		width: 245px;
	}
	
	#RSVP .rsvpForm .submit {
		margin-top: -12px;
		height: 60px;
		width: 255px;
	}
	
	#GiftRegistry {
		height: 470px;
	}
	
	#GiftRegistry .tree {
		top: 3580px;
		height: 280px;
		width: 140px;
		margin-left: -70px;
	}
	
	#GiftRegistry .frameGift {
		top: 3560px;
		background-size: 30%;
	}
	
	#GiftRegistry .giftDetails {
		top: 3745px;
		width: 300px;
		height: 216px;
		margin-left: -150px;
	}
	
	#GiftRegistry .giftDetails img {
		width: 260px;
		height: 21px;
		margin-bottom: -3px;
	}

	#GiftRegistry .giftDetails p {
		font-size: 14px;
	}
	
	#GiftRegistry .giftDetails p.dashSeparator {
		margin: 0 0 10px 0;
	}
	
	#GiftRegistry .story p a {
		font-size: 14px;
	}
	
	#Footer {
		height: 910px;
	}
	
	#Footer .story {
		width: 290px;
		min-width: 290px;
	}
	
	#Footer .story h2 {
		font-size: 20px;
		margin: 50px 0 10px 0;
		line-height: 1.4em;
		padding: 0;
	}
	
	#Footer .leftCol, .midCol, .rightCol {
		width: 100%;
		text-align: center;
		padding: 0;
		left: 0;
	}
	
	#Footer .story h3 {
		font-size: 16px;
		padding-top: 25px;
	}
	
	#Footer .story p {
		text-align: center;
	}
	
	#Footer p.Footer {
		top: 70px;
		padding-bottom: 50px;
	}
	
	.iphone {
		display: none;
	}
}