@charset "UTF-8";

/**body styles**/

body{
	display: block;	
}

div{
	display: block;	
}

#aboutusp{
	width: 600px;
	padding: 20px;
	margin-left: 150px;	
	font-size: 18px;
	color: gray;
	line-height: 160%;
	box-shadow: -2px 8px 20px #999;
}

#wrapper{
	margin: 0 auto;
	width: 900px;
	overflow: hidden;

}

header{
	position: relative;
	display: block;
}

.wedding{
	font-family: Avenir;
	font-size: 16px;
	width: 900px;
	line-height: 190%;
}

.wedding ul{
	list-style-type: none;
}

.where{
	float: left;
	width: 380px;
	height: auto;
	margin: 0 10px;
	border-bottom: 1px solid gray;
}

/**menu styles**/

nav{
	width: 100%;
	text-align: center;
	background-color: #fef2b3;
	height: 50px;
	top: 0px;
	left: 0px;
	position: fixed;
	padding: 10px 10px 20px 10px;
	display: block;	
	box-shadow: -2px 8px 20px #999;
	z-index: 1000;
}

nav ul{
	list-style-type: none;	
}

nav ul li{
	display: inline;
	padding: 50px;
	font-family: Avenir;
	font-size: 18px;
}

a{
	text-decoration: none;
	color: gray;
}

/**section styles**/

section{
	display: block;	
}

#one{
	height: 1000px;	
}

#two{
	height: 900px;	
}

#three{
	height: 1000px;	
}

#four{
	height: 1500px;
}	

#five{
	height: 2050px;	
}

/**header styles**/

.h1{
	padding-top: 100px;
	text-align: center;	
	font-family: Edwardian Script ITC;
	font-size: 48px;
}

h2{
	text-align: center;
	font-family: Edwardian Script ITC;
	font-size: 36px;	
}


/**** TWO COLUMN ****/

.col-wrapper {
	clear: both;
	overflow: auto;
}

.col-wrapper h3 {
	margin: 0;
}

.col1 {
	width: 450px;
	float: left;
}

.col2 {
	margin-left: 500px;
	padding-top: 10px;
}


/**image styles**/

/**.logo{
	position: fixed;
	top: 600px;
	left: 1125px;
	bottom: 0px;
	right: 0px;
}**/

.homepic{
	display: block;
	margin: 0 auto;	
}

.newglarus{
	margin-left: 0px;	
}

.lily{
	position: fixed;
	bottom: -2px;
	right: 0px;	
}

/**wedding party**/

div.flip-3d {
	perspective: 900px;
	width: 33%; 
	float: left;
}
		
div.flip-3d figure {
	position: relative;
	transform-style: preserve-3d;
	transition: 1s transform;
	font-size: 1.6rem;
}

div.flip-3d figure img {
	width: 100%; 
	height: 100%;
}
		
div.flip-3d figure figcaption {
	position: absolute;
	font-size: 14px;
	font-family: Rockwell;
	width: 100%; 
	height: 100%; 
	top: 0;
	transform: rotateY(.5turn) translateZ(0px);
	background: rgba(255,255,255,0.9);
	text-align: center;
	padding-top: 10px;
	opacity: 0.4;
	transition: 1s .5s opacity;
}
		
div.flip-3d:hover figure { 
	transform: rotateY(.5turn); 
}
	
div.flip-3d:hover figure figcaption { 
	opacity: 1; 
}

/**slideshow styles**/

.fadein{
	position: relative;
	margin-left: 150px;
	width: 600px;
	height:800px;
	padding: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);	
}

.fadein img{ 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
		

/** sidebar styles**/