/*
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/.
*/

@import url(http://fonts.googleapis.com/css?family=Quattrocento);
@import url(http://fonts.googleapis.com/css?family=Questrial);

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

body{
	margin: 0;
	min-width: 980px;
	padding: 0;
}



a {
    color: #A8A8A8;
    text-decoration: none;
}

a:hover {
    color: #F0C0C0;
    text-decoration: underline;
}

p{
	margin: 0 0 20px 0;
        text-align: justify;
}

p, ul{
	font-family: Questrial, Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}

img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	/*font-size-adjust:0.40;*/
	font-weight:700;
	font-style:normal;
}

h2{
	font-family:Quattrocento, 'Times New Roman', serif;
	/*font-size-adjust:0.531;*/
	font-weight:500;
	font-style:normal;
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 50px 100px 0 0;
        padding: 20px;
        border: 3px solid peachpuff;
        border: 3px solid peachpuff;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        background-color: rgba(240,240,216,0.7);
        color: #604830;
}

.float-right{
	float: right;
	margin: 50px 0 0 100px ;
        padding: 20px;
        border: 3px solid peachpuff;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        background-color: rgba(240,240,216,0.7);
        color: #604830;
}

.float-right span, li {
    font-weight: bold; 
    font-size: 120%;
    text-align: justify;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
       
}

.bride {
    left: 0;
    bottom: 0;
    height: 75%;
    z-index: 5000;
    position: fixed;
}

#header {
    height: 195px;
    background: #F0C0C0;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
}

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

#nav li a {
	margin: 0 0 15px 0;	
        color: #FFF;
        font-weight: bold;
        line-height: 5px;	
}

#nav li img {
	line-height: 15px;	
}

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

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

#second{
	background: url(images/ringe.png) 50% 0 no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
        box-shadow: 0px -4px 20px black;
        
}

#second .bg{
	background: url(images/shoe1.png) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0;
	position: absolute;
	width: 400px;
	z-index: 100;
}

#second .bg2{
	background: url(images/shoe2.png) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0;
	position: absolute;
	width: 400px;
	z-index: 200;
}

#third{
	background: url(images/kiss.png) 50% 0 no-repeat fixed;
	color: white;
	height: 800px;
	/*padding: 100px 0 0 0;*/	
        box-shadow: 0px -4px 20px black;
}

#fourth {
        background: url(images/champagner.png) 50% 0 no-repeat fixed;
	color: white;
	height: 800px;
	/*padding: 100px 0 0 0;*/	
        box-shadow: 0px -4px 20px black;
}

#fifth{
	background: #604830;
        color: #F0F0D8;
	height: 500px;
	margin: 0 auto;
	padding: 40px 0 0 0;
        box-shadow: 0px -4px 20px black;
}

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

.story .float-left, .story .float-right{
	padding: 20px;
	position: relative;
	width: 500px;	
}

br {
    margin-bottom: 15px;
}

.polaroid_1 {
    width: 250px;
    height: 250px;
    background: #FFF 50% 0 no-repeat fixed;
    box-shadow: 0px -4px 20px black;
    position: absolute;
    margin: 250px 0px 0px 0px;
    z-index: 400;
    padding: 12px 12px 60px 12px;
    transform:rotate(-5deg);
    -ms-transform:rotate(-5deg); /* IE 9 */
    -moz-transform:rotate(-5deg); /* Firefox */
    -webkit-transform:rotate(-5deg); /* Safari and Chrome */
    -o-transform:rotate(-5deg);
}


.polaroid_2 {
    width: 250px;
    height: 250px;
    background: #FFF 50% 0 no-repeat fixed;
    box-shadow: 0px -4px 20px black;
    position: absolute;
    margin: 300px 0px 0px 0px;
    z-index: 400;
    padding: 12px 12px 60px 12px;
    transform:rotate(12deg);
    -ms-transform:rotate(12deg); /* IE 9 */
    -moz-transform:rotate(12deg); /* Firefox */
    -webkit-transform:rotate(12deg); /* Safari and Chrome */
    -o-transform:rotate(12deg);
}


#impr tr {
    vertical-align: top;
}

#impr span {
    font-weight: bold;
}

@media(max-width: 1024px) {
    
    #header {
        height: 100px;
        position: fixed;
        z-index: 5000;
    }
    
    #nav {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    
    #nav li {
        display: inline-block;
        float: left;
        margin: 40px 5px 0px 5px;
    }
    
    #nav a {
        font-size: 80%;
    }
    
    .bride {
        left: 0;
        bottom: 0;
        height: 40%;
        z-index: 5000;
        position: fixed;
    }
    
    .story {
        width: 300px;
    }
    
    .float-right{
	float: left;
	margin: 50px 0 0 100px ;
        padding: 10px;
        border: 3px solid peachpuff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background-color: rgba(240,240,216,0.7);
        color: #604830;
}
    
.story .float-left, .story .float-right{
	padding: 10px;
	position: relative;
	width: 320px;	
}


.polaroid_1 {
    width: 150px;
    height: 150px;
    background: #FFF 50% 0 no-repeat fixed;
    box-shadow: 0px -4px 20px black;
    position: absolute;
    margin: 400px 0px 0px 0px;
    z-index: 400;
    padding: 6px 6px 30px 6px;
    transform:rotate(-5deg);
    -ms-transform:rotate(-5deg); /* IE 9 */
    -moz-transform:rotate(-5deg); /* Firefox */
    -webkit-transform:rotate(-5deg); /* Safari and Chrome */
    -o-transform:rotate(-5deg);
}

.polaroid_1 img{
    width: 150px;
    height: 150px;
}


.polaroid_2 {
    width: 250px;
    height: 250px;
    background: #FFF 50% 0 no-repeat fixed;
    box-shadow: 0px -4px 20px black;
    position: absolute;
    margin: 300px 0px 0px 0px;
    z-index: 400;
    padding: 12px 12px 60px 12px;
    transform:rotate(12deg);
    -ms-transform:rotate(12deg); /* IE 9 */
    -moz-transform:rotate(12deg); /* Firefox */
    -webkit-transform:rotate(12deg); /* Safari and Chrome */
    -o-transform:rotate(12deg);
}



}

@media(max-width: 400px) {
    
    .bride {
        display: none;
    }
    
}