html, body {
	height: 100%;
	margin: 0;
	padding: 0;
    font: normal 100% 'Rokkitt', serif;
    background:#FFF;
}
body:after{
content: url('../images/weddingspichover.jpg') url('../images/peoplepichover.jpg') url('../images/personalpichover.jpg');
display: none;
}
.intro {
	display: block;
	height: 100%;
	max-width: 100%;
	width: auto; /* for ie9 */
	overflow: hidden;
	background-position: center center;
	background-image: url('../images/intro1.jpg');
	webkit-background-size: cover;
	moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/intro4.jpg',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/intro2.jpg', sizingMethod='scale')";
}
.container {
	height: 100%;
    position: relative;
	max-width: 100%;
	width: auto;/* for ie9 */
}
.header {
	width: 100%;
	height: auto;
	text-align: center;
}
.menu {
	width: 100%;
	height: auto;
	padding-top: 30px;
	text-align: center;
}
.menuitem {
    border:0;
}
a:hover .weddings, a:active .weddings{
	content:url('../images/weddingspichover.jpg');
}
a:hover .people, a:active .people{
	content:url('../images/peoplepichover.jpg');
}
a:hover .personal, a:active .personal{
	content:url('../images/personalpichover.jpg');
}
.lazy {
     display: none;
}
.gallery {
	width:55%;
	display: block;
    margin: 6em auto 2em;
	text-align:center;
}
.gallery img{
	width:auto;
    height:auto;
    max-width:100%;
    max-height:90%;
    padding-bottom:4em;
}
.contact {
	width: 50%;
	display: block;
    position:relative;
    margin: 3em auto 0;
    overflow: hidden;
}
.formFieldContainer{
	position:relative;
    width: 97%;
    margin: 0 0 0.75em 0;
}
input, textarea, select {
	-webkit-transition: all 0.30s ease-in-out;
  	-moz-transition: all 0.30s ease-in-out;
  	-ms-transition: all 0.30s ease-in-out;
  	-o-transition: all 0.30s ease-in-out;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCC;
    outline:none;
    width: 100%;
    height:100%;
    font: normal 100% 'Rokkitt', serif;
    padding-left:0.25em;
}
input:focus, textarea:focus {
	box-shadow: 0 0 3px #0c9;
	border: 1px solid #0c9;
}
#ui-datepicker-div { 
	font-size:12px; 
}
.copyright{
    position: absolute;
    bottom: 3em;
    width: 50%;
    height: auto;
    /*Centering Method 2*/
  	margin: 0px 0 0 -25%;
    left: 50%;
    text-align: center;
}
.copyright2{
	width:50%;
	display: block;
  	margin: 3em auto;
    text-align: center;
    clear:both;
}