/* Resets */

*   { margin: 0px; padding: 0px; border: 0px; }

html { 
	background-color: black; 
}

body { 
	color: black; 
	font-size: 14pt; 
	line-height: 1.2em; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	background: url("../graphics/umpire-background.jpg") no-repeat center center fixed; 
	background-size: cover; 
	width: 100%; 
	min-width: 600px; 
}

/* Elements */

div {
	position: relative;
	display: inline-block;
	padding: 15px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 25px;
	text-align: center;
}

p {
	font-size: 14pt; 
	margin: 5px 0;
}

h1, .footer { 
	color: navy; 
	font-weight: bold; 
	font-size: 20pt; 
	line-height: 24pt; 
	font-family: Verdana, Geneva, Swiss, sans-serif; 
	text-align: center; 
	margin: 0 3%; 
	padding: 10px 0; 
	background-color: #fffacd; 
	background-color: rgba(255, 250, 205, 0.6) 
}

h2 { 
	color: red; 
	font-size: 20pt; 
	line-height: 24pt; 
	margin-bottom: 6pt; 
}

h3 { 
	font-size: 16pt; 
	margin-bottom: 4pt; 
}

a { 
	color: navy; 
	text-decoration: none; 
}
a:hover { 
	background-color: white; 
}

/* Classes */

.container {
	text-align: center;
	background: none;
	margin-bottom: 0;
}

.overlay { 
	width: 450px;
	margin: 20px 25px;
}

.double-overlay {
	width: 75%;
	max-width: 985px;
	margin: 5px 25px;
}

.centered { 
	text-align: center; 
}

.prod-img {
	border: 2px solid black;
	margin: 10px;
	height: auto;
}

.book { width: 250px; }
.indiv { width: 350px; }

.last { margin-bottom: 0px; }

/* IDs */

#sale { display: block; width: 60%; margin: 20px auto; border: 10px outset red; background-color: #D0F0C0; }
#logo { max-width: 525px; width: 50%; height: auto; }
#free-img { width: 100px; height: auto; }
#shipping-img { width: 250px; height: auto; }
#DH-img { width: 400px; height: auto; border: 4px solid black; }