@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
}
p       {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 0px;
	padding-left: 0px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ this fixed width container surrounds all other divs ~~ */
.container {
	width: 100%; /* the auto value on the sides, coupled with the width, centers the layout */
	overflow: hidden;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
	background-position: center top;
}

#islandweddngs_logo {
	background-image:url(../images/islandweddngs_logo.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	float: left;
	position: relative;
	width: 50%;
	height: 197px;
	background-position: 70% bottom;
	margin-top: 5%;
}
#islandweddngs_logo:hover {
	background-image:url(../images/islandweddngs_logoB.jpg);
}


		
#jimgates_logo {
	background-image:url(../images/jimgates_logo.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	float: left;
	position: relative;
	width: 50%;
	height: 197px;
	background-position: 30% bottom;
	margin-top: 5%;
}
#jimgates_logo:hover {
	background-image:url(../images/jimgates_logoB.jpg);
}


	
#wedding_photo {
	background-image:url(../images/wedding_photo.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	float: left;
	position: relative;
	width: 50%;
	height: 360px;
	background-position: right;
}

#gates_photo {
	background-image:url(../images/gates_photo.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	float: left;
	position: relative;
	width: 50%;
	height: 360px;
	background-position: left;
}

	
	
		
#footer {
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	float: left;
	position: relative;
	width: 100%;
	height: 59px;
	background-position: center top;
}


#preload1{
	background-image:url(../images/islandweddngs_logoB.jpg);
	width:1px;
	height:1px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#preload2 {
	background-image:url(../images/jimgates_logoB.jpg);
	width:1px;
	height:1px;
	background-position: right bottom;
}