html, body {
	color: white;
	background: black;
	
	font-family: Verdana;
	font-size: 20px;
	
	padding: 0;
	margin:0;
	
	min-width: 1000px;
}

#wrapper {
	min-height: 100%;
	position: relative;
	background: url('Images/BackgroundTexture.jpg') repeat left center fixed;
	background-size: tile;
}

#header {
	position: fixed;
	width: 100%;
	height: 80;
	border-bottom: 5px solid maroon;
	z-index: 10;
	min-width: 1000px;
}

#content {
	width: 80%;
	margin: auto;
	padding-top: 80;
	padding-bottom: 400;   /* Height of the footer */
	border-left: thick solid maroon;
	border-right: thick solid maroon;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 400px;
	z-index: 10;
}

.title_img {
	float: left;
	height: 60%;
}

.title_stack { 
	width: 100%;  
	padding: 20px;
}

.page_stack {
	display: block;
	float: right;
	height: 100%;
	width: auto;
	
	padding: 10px;
	margin-right: 20px;
}

.page {
	float: right;
	text-decoration: none;	
	color: white;
	font-family: Arial Black;
	font-size: 20px;
	
	margin: 0 20px;
}

.page:hover {
	color: red;
	text-shadow: -1px 1px maroon;
}

.red_grad {
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(black, #500000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, #500000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, #500000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, #500000); /* Standard syntax */
}

.grey_grad {
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(black, #222222); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, #222222); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, #222222); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, #222222); /* Standard syntax */
}

h1 {
	margin-left: 20px;
    text-align: center;
	
	color: red;
	
	font-family: Arial Black;
    font-size: 400%;
	font-weight: bold;
	font-style: italic;
}

h2 {
	margin-left: 20px;
	
	color: red;
	
	font-family: Arial Black;
	font-weight: bold;
	/*font-style: italic;*/
}

h3 {
	margin-left: 20px;
	
	color: red;
	
	font-family: Arial Black;
	font-weight: bold;
	font-style: italic;
}

p {
	margin-left: 30px;
}

/* Services grid */
/*========================================*/
.grid {
	float: left;
	width: 33%;
}

.stack_container {
	min-height: 300;
}

.stack {
	float: top;
}

img.stack {
	display: block;
	margin: 0 auto;
	
	max-height: 200px;
	max-width: 200px;
	
	border-radius: 20px;
}

p.stack {
	text-align: center;
	
	font-size: 20px;
	font-weight: bold;
}

/* Feature */
/*========================================*/

.feature {
	display: block;
	margin: auto;
    max-width: 80%;
	max-height: 50%;
	
	border: 4px solid maroon;
	border-radius: 8px;
}

/* Slideshow */
/*========================================*/
.slide_container {
	max-width: 100%;
	max-height: 60%;
	padding: 0 20;
}

.slide {
	float: left;
}

.slide_holder {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}

.slide_image {
	cursor: pointer;
	text-align: center;
	max-height: 100%;
	max-width: 100%;
	transition: opacity 0.6s ease;
	
	border-radius: 4px;
}

.tint {
	position: relative;
	background: black;
	text-align: center;
	max-height: 90%;
	max-width: 90%;
}

.slide_image:hover {
	opacity: 0.5;
}

.main_image {
	cursor: default;
	height: 90%;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Contact Us */
/*========================================*/
#email_button {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 20px;
	display: inline-block;
	font-size: 24px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #fff;
	background-color: red;
	border: none;
	border-radius: 15px;
	box-shadow: 0 9px #444;
}

#email_button:hover {
	background-color: maroon;
	color: #AAAAAA;
}

#email_button:active {
	background-color: maroon;
	color: #AAAAAA;
	box-shadow: 0 5px #333;
	transform: translateY(4px);
}

#contact_div {
	padding: 5px 0px;
	background-color: #222222;
	border-top: 5px solid maroon;
}

#contact_inner {
	display: table;
	margin: 0 auto;
}

.contact {
	float: top;
	width: 400px;
}

.map {
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
}

p.contact {
	margin-right: 50px;
	font-size: 20px;
}