/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

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

body{
margin: 0;
min-width: 400px;
padding: 0;
}
::selection {
	background: #272423;
	color:#FFF;/* Safari */
	}
::-moz-selection {
	background: #272423; 
	color:#FFF;/* Firefox */
}
p{
font-family: 'Raleway', sans-serif;
font-size: 14px;
color:#5c5c5c;
line-height:34px;
margin-top: 40px;
}
a {
	color: #1E90FF;
	text-decoration:none;
	-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
  font-weight:600;
}
p.registrylinks a {
	color: #333;
}
p.registrylinks a:hover {
	color: #1E90FF;
}
a:hover {
	color: #1E90FF;
}
	
img{
border: 0;
}

h1, h3{
font-family: 'Raleway', sans-serif;
font-weight:700;
color:#1E90FF;
font-size:36;
margin-top:150px;
}

h2{
font-family:"Beau Sans Pro Book", Verdana, sans-serif;
font-size-adjust:0.531;
font-weight:500;
font-style:normal;
}
h3{
	font-size: 20px;
	margin-top: 0 !important;
	padding: 0;
}
#header h1, #pixels{
color: #48941A;
}

.float-left{
float: left;	
margin: 0 0 0 20px;
}

.float-right{
float: right;
margin: 0 20px 0 0;
}

.center{
padding: 80px 0 0 0;
text-align: center;
height: 600px;
}

#nav{
list-style: none;
}

#nav li{
margin: 0 0 15px 0;	
}

#header, #intro, #second{
width: 100%;
}

#intro{
background:url(../images/firstBG.jpg) 50% 25% no-repeat fixed;
color: white;
height: 800px;
margin: 0 auto;
padding: 0;
background-size: 100%;
}

#second{
background: #FFF
color: white;
height: 800px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}

#third{
background: url(../images/thirdBG.jpg) 50% 0 no-repeat fixed;
background-size: cover;
color: white;
height: 525px;
padding: 75px 0 0 0;	
}
#fourth{
background: #FFF
color: white;
height: 800px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}
#fifth{
background:url(../images/fifth.jpg) 50% 0 no-repeat fixed;
height: 400px;
margin: 0 auto;
padding: 40px 0 0 0;
background-size: cover;
}
#sixth{
background: #FFF
color: white;
height: 800px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}
#footer {
	background-color:#272423;
	color:#FFF;
	margin: 0 auto;
	height: 60px;
	width: 100%;
	padding: 0;
	text-align:center;
}

.story{
margin: 0 auto;
min-width: 980px;
overflow: hidden;
width: 980px;
}

.story .float-left, .story .float-right{
padding: 100px 0 0 0;
position: relative;
width: 350px;	
}

.down {
	display: block;
	width: 39px;
	height: 21px;
	background: url(../images/arrow_sprite.png) top no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top: 50px;
	position: relative;
}
.down span {
	position: absolute;
    top:0;
    left:0;
    height:21px;
    width:39px;
    background:url(../images/arrow_sprite.png) bottom no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;	
}
.down span:hover {
	background-position:bottom;
	cursor:pointer;
	opacity: 1;
}
.rsvp {
	display: block;
	width: 201px;
	height: 51px;
	background: url(../images/rsvp.png) top no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:-100px;
	position: relative;
}
.rsvp span {
	position: absolute;
    top:0;
    left:0;
    height:51px;
    width:201px;
    background:url(../images/rsvp.png) bottom no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;	
}
.rsvp span:hover {
	backgroun-position:bottom;
	cursor:pointer;
	opacity:1;
}
.button {
	position:relative;
	bottom: -270px;
}
.accomodations {
	display: block;
	width: 201px;
	height: 51px;
	background: url(../images/button.png) top no-repeat;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	margin-top: -150px;
}
.accomodations span {
	position: absolute;
    top:0;
    left:0;
    height:51px;
    width:201px;
    background:url(../images/button.png) bottom no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;	
}
.accomodations span:hover {
	background-position:bottom;
	cursor:pointer;
	opacity: 1;
}
.registry {
	display: block;
	width: 201px;
	height: 51px;
	background: url(../images/registry.png) top no-repeat;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	margin-top: -195px;
}
.registry span {
	position: absolute;
    top:0;
    left:0;
    height:51px;
    width:201px;
    background:url(../images/registry.png) bottom no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;	
}
.registry span:hover {
	background-position:bottom;
	cursor:pointer;
	opacity: 1;
}
.info {
	display: block;
	width: 201px;
	height: 51px;
	background: url(../images/info.png) top no-repeat;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	margin-top: -150px;
}
.info span {
	position: absolute;
    top:0;
    left:0;
    height:51px;
    width:201px;
    background:url(../images/info.png) bottom no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;	
}
.info span:hover {
	background-position:bottom;
	cursor:pointer;
	opacity: 1;
}
.top {
	display: block;
	width: 201px;
	height: 51px;
	background: url(../images/top.png) top no-repeat;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	margin-top: -150px;
}
.top span {
	position: absolute;
    top:0;
    left:0;
    height:51px;
    width:201px;
    background:url(../images/top.png) bottom no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;	
}
.top span:hover {
	background-position:bottom;
	cursor:pointer;
	opacity: 1;
}
.opl {
position:fixed;
top:100px;
left:0px;
z-index:99999;
}
.opl a {
width:73px;
height:56px;
text-indent:-9999px;
display:block;
background:url('https://s3.amazonaws.com/onepagelove/one-page-love-award.png') no-repeat;
}