/* Classes for the Jesus Speaks web-site */

body { /* general settings for every page */
	background: #fff url("sky.jpg") no-repeat fixed center;
	margin: 0em 0em 1em 0em; /* keep, delete or adjust according to desire. Setting a margin here keeps the content off the window edge, which improves the aesthetic */
}

.i-contain { /* the div container for the image map. discovered that could not get image to centre without this. uh? one day we may even end up with some consistency between browers! */
	-webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;
	display: flex;
	display: -webkit-flex; /* Safari */
	width: 100%; /* setting the flexible container the full window width. don't have to think about centreing it as well as the image */
	
}

.img-map { /* the actual styling for the image map */
	margin-left: auto; /* take these 'auto's out and image will fail to centre */
	margin-right: auto;
	/*max-height: 648px;*/ /* we don't actually need these two styles. are here purely for testing purposes with an image full-size. */
	/*max-width: 1152px;*/ /* the image expands quite well over size without any significant degaradation on my 24" monitor */
	width: 100%; /* setting the width to the width of the window, as anything else should not be to the sides. Again, aesthetics to be considered */
}