/* CSS */
* {									/* Any element name, wild card */
	margin:				0;
	padding:			0;
}
body {								/* HTML base */
	font-family:		"Times New Roman", Times, serif;
	font-size:			17px;
	color:				#000000;	/* Black */
	text-align:			center;
	background-color:	#DAE2E9;	/* Light Blue - barely visible */
}
#display {							/* Background for Page Layout */
	width:				90%;		/* Allows to stretch and change with browser width */
	padding:			15px 20px;	/* Content spacing */
	background-color:	#EFEFEF;	/* Light Grey */
	margin:				2em auto;	/* gives a peek at the edges - floats centered */
}

header {
   margin:				15px 0px;	/* Vertical gap between */
}
nav {
	margin:				15px 0px;	/* Top & Bottom gap space */
}
nav h1 {
	cursor:				pointer;
	padding:			20px 0px;	/* Builds background box - EZ tap */
	background-color:	#bfbfbf;	/* Med Grey - default color */
	font-family:		"Arial Black", sans-serif;
	font-size:			1.5em;
	border-bottom:		1px dotted #0000ff; /* Blue - Visual offset clue */
}
nav h1:hover {
	background-color:	#808080;	/* Dark Grey */
}
h5 {									/* Mimic (nav) for Phone Dialer button */
	margin:				10px auto;	/* Top/Bottom surround space - center */
	cursor:				pointer;
	padding:			20px 0px;
	background-color:	#1abc9c;	/* Green */
	font-family:		"Arial Black", sans-serif;
	font-size:			1.5em;
	color:				#fff;		/* White Text */
	border-radius:		10px;		/* Round off the corners */
}
h5:hover {							/* Flash Phone button*/
	background-color:	#09da8b;	/* Bright Green */
}
a:hover {							/* Flash link text */
   color:				#2b65ae;	/* facebook Blue */
}
p {
	line-height:		1.3em;		/* Open line spacing 4 easier read */
	margin:				12px 0px;
}
h1, h2, h3 {							/* Tighten for block appearance */
	letter-spacing:		90%;
	line-height:		95%;
	word-spacing:		-.05em;
}
.sale {
	background:			red;
	color:				yellow;
}
.social img {
	margin:				10px 10px 0px;
	padding:			0px;
	width:				48px;
	height:				48px;
}
@media screen and (min-width: 420px) {	/* Only if wide enough */
	body {
		background-image:	url('Art/SiteGraphics/LakeErie.jpg'); /* Picture */
		background-repeat:	no-repeat;
		background-attachment: fixed;
		background-position: center;
   }
   #display {
      width:			380px;		/* Lock width to design size */
   }
}