@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
}
a {
	text-decoration: none;
	border: none;
	outline: none;
	color: #c59900;
}
a:hover, a:active {
	color: #fff;
}
.slide {
	width: 100%;
	height: 0;
	position: fixed;
	left: 0;
	overflow-x: hidden;
	overflow-y: hidden;
}

#log {
	position: fixed;
	top: 20px;
	right: 20px;
	color: #fff;
	z-index: 1000;
	font-size: 50px;
}
#viewport {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 1000;
	height: 100%;
	top: 0;
}
#content {
	/*height: 5000px;*/
}
#intro {
	z-index: 200;
	top: 0;
	height: 100%;
}
#intro .half {
	background-repeat: no-repeat;
	-webkit-background-size: auto, cover;
	-moz-background-size: auto, cover;
	-o-background-size: auto, cover;
	background-size: auto, cover;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
}
#intro #left {
	background-image: url(../_images/perch/logo_left.png),url(../_images/perch/introBG_left.jpg);
	background-position: center right;
	left: 0;
}
#intro #right {
	background-image: url(../_images/perch/logo_right.png),url(../_images/perch/introBG_right.jpg);
	background-position: center left;
	right: 0;
}
#intro #vane {
	background: url(../_images/perch/weatherVane.png) no-repeat center;
	position: absolute;
	width: 55px;
	height: 160px;
	bottom: 30px;
	left: 50%;
	margin-left: -27px;
}
#name {
	background-image: -moz-radial-gradient(circle closest-side, #0e3c56, #002c45);
	background-image: -0-radial-gradient(circle closest-side, #0e3c56, #002c45);
	background-image: -ms-radial-gradient(circle closest-side, #0e3c56, #002c45);
	background-image: -webkit-radial-gradient(circle closest-side, #0e3c56, #002c45);
	background-image: radial-gradient(circle closest-side, #0e3c56, #002c45);
	background-position: center;
	background-color: #002c45;
	z-index: 100;
	top: 0;
	height: 100%;
}
#name #bird {
	background: url(../_images/perch/bird.png) no-repeat center;
	position: absolute;
	width: 103px;
	height: 69px;
	left: 655px;
	top: 10%;
	z-index: 90;
}
#name #gina {
	background: url(../_images/perch/gina.png) no-repeat top left;
	position: absolute;
	width: 1225px;
	height: 491px;
	top: 18%;
	left: -80px;
	display: none;
}
#name #taylorPickens {
	background: url(../_images/perch/taylorPickens.png) no-repeat bottom right;
	position: absolute;
	width: 1225px;
	height: 491px;
	left: -80px;
	top: 100%;
	z-index: 10
}
#invite {
	background-image: url(../_images/perch/inviteBG_pattern.jpg);
	background-position: center;
	background-repeat: repeat;
	bottom: 0;
	z-index: 300;
}
#invite #invites {
	background: url(../_images/perch/invites.png) no-repeat top left;
	position: absolute;
	width: 760px;
	height: 560px;
	botton: -560px;
	left: 70px;
}
#invite #the39th {
	background: url(../_images/perch/the39th.png) no-repeat bottom left;
	position: absolute;
	width: 760px;
	height: 560px;
	bottom: -560px;
	left: 70px;
}
#invite #flock {
	background: url(../_images/perch/flock.png) no-repeat center;
	position: absolute;
	width: 467px;
	height: 548px;
	top: -150px;
	right: -467px;
}
#date {
	background-image: url(../_images/perch/dateBG.jpg);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	bottom: 0;
	z-index: 400;
}
#date #satMay {
	background: url(../_images/perch/satMay.png) no-repeat center;
	position: absolute;
	width: 666px;
	height: 292px;
	top: -292px;
	left: 50px;
}
#date #frame {
	background: url(../_images/perch/frame.png) no-repeat center;
	position: absolute;
	width: 443px;
	height: 683px;
	top: 0;
	right: 104px;
}
#date #the24th {
	background: url(../_images/perch/the24th.png) no-repeat center;
	position: absolute;
	width: 443px;
	height: 683px;
	bottom: -683px;
	right: 104px;
}
#location {
	background-image: url(../_images/perch/locationBG.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	background-color: #ded8c5;
	bottom: 0;
	z-index: 500;
}
#location #bird1 {
	background: url(../_images/perch/bird1.png) no-repeat center;
	position: absolute;
	width: 218px;
	height: 162px;
	margin-top: -410px;
	top: 50%;
	left: -218px;
}
#location #bird2 {
	background: url(../_images/perch/bird2.png) no-repeat center;
	position: absolute;
	width: 377px;
	height: 267px;
	margin-top: -475px;
	top: 50%;
	left: 100%;
	z-index: 590;
}
#location #time {
	background: url(../_images/perch/time.png) no-repeat center;
	position: absolute;
	width: 555px;
	height: 397px;
	margin-top: 25px;
	top: 50%;
	right: -555px;
}
#location #at {
	background: url(../_images/perch/at.png) no-repeat center;
	position: absolute;
	width: 72px;
	height: 57px;
	margin-top: -147px;
	top: 50%;
	right: 742px;
}
#location #address {
	background: url(../_images/perch/address.png) no-repeat center;
	position: absolute;
	width: 349px;
	height: 68px;
	margin-top: -315px;
	top: 50%;
	right: 65px;
}
#location #perch {
	background: url(../_images/perch/perch.png) no-repeat center;
	position: absolute;
	width: 742px;
	height: 262px;
	margin-top: -250px;
	top: 50%;
	right: -6px;
}
#party {
	background-color: #c59900;
	bottom: 0;
	z-index: 600;
}
#party #cdd {
	background: url(../_images/perch/cdd.png) no-repeat center left;
	position: absolute;
	width: 0;
	height: 559px;
	margin-top: -279px;
	margin-left: -561px;
	top: 50%;
	left: 50%;
}
#party #songs {
	background: url(../_images/perch/songs.png) no-repeat center;
	position: absolute;
	width: 545px;
	height: 334px;
	top: 0;
	left: 0;
}
#party #music {
	background: url(../_images/perch/music.png) no-repeat center;
	position: absolute;
	width: 519px;
	height: 676px;
	bottom: -676px;
	right: 0;
}
#rsvp {
	background-image: -moz-radial-gradient(circle closest-side, #0e3c56, #002c45);
	background-image: -0-radial-gradient(circle closest-side, #0e3c56, #002c45);
	background-image: -ms-radial-gradient(circle closest-side, #0e3c56, #002c45);
	background-image: -webkit-radial-gradient(circle closest-side, #0e3c56, #002c45);
	background-image: radial-gradient(circle closest-side, #0e3c56, #002c45);
	background-position: center;
	background-color: #002c45;
	bottom: 0;
	z-index: 1000;
	display: block;
	overflow: visible;
	/*height: 410px;*/
}
#rsvp span {
	background: url(../_images/perch/rsvp.png) no-repeat center;
	width: 100%;
	height: 100%;
	display: block;
}
#rsvp .smallG {
	background-image: url(../_images/perch/logoSmall.png);
	background-repeat: no-repeat;
	background-position: center;
	/*-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;*/
	position: absolute;
	width: 100%;
	height: 103px;
	margin-bottom: -51px;
	bottom: 0;
	left: 0;
	opacity: 0;
}
#last {
	background-image: url(../_images/perch/introBG.jpg);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	bottom: 0;
	z-index: 1000;
}
#last #line {
	width: 100%;
	height: 1px;
	background-color: #c59900;
}
#last .smallG {
	background-image: url(../_images/perch/logoSmall.png);
	background-repeat: no-repeat;
	background-position: center;
	/*-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;*/
	position: absolute;
	width: 100%;
	height: 103px;
	margin-top: -52px;
	top: 0;
	left: 0;
	opacity: 0;
}
#last #pickensJrFoundation {
	background: url(../_images/perch/pickensJrFoundation.png) no-repeat center;
	position: absolute;
	width: 100%;
	height: 199px;
	margin-top: -100px;
	top: 50%;
	left: 0;
	display: block;
}