body {
	/*
  background-color: rgb(32, 32, 32);
  background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,1)), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(to bottom, rgb(8, 8, 8), rgb(32, 32, 32));
  background-size: 100% 100%, 10px 10px, 10px 10px, 10px 5px;
  background-position: 0px 0px, 0px 0px, 5px 5px, 0px 0px;
  font: 16px Arial;
  */
  
background-color: #C0C0C0;
background-image: url("imgs/carbon.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

nav {
	box-shadow: 0px 0px 20px #9a9a9a;
	width: 100%;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #b3b3b3;
	font: 20px Garamond;
	font-weight: bold;
}

li {
	float: left;
}

li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

li a:hover {
	background-color: #9a9a9a;
	color: white;
}

.active-li {
	background-color: #9a9a9a;
	color: white;
}

footer {
	color: red;
	text-align: center;
	font-size: 8px;
}

p {
	text-align: center;
	color: white;
	font-size: 25px;
	font-family: Garamond;
	font-weight: bold;
}

#logo-image {
	width: 10%;
	padding-bottom: 10px;
}

.vendor-logos {
	background: rgba(0,0,0,0);
}

.vendor-image-list {
	float: right;
	display: inline;
	list-style-type: none;
	background-color: rgba(0,0,0,0);
}

.original-ul {
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	color: white;
	background: rgba(0,0,0,0.1);
}

.original-ul li {
	float: unset !important;
	font: 20px Garamond;
	font-weight: bold;
}

#body-card {
	background-color: #9a9a9a;
	box-shadow: 0px 0px 20px #9a9a9a;
	padding: 5px;
}

input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: red;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: white;
	color: red;
}

/* Add a background color and some padding around the form */
.container {
    border-radius: 5px;
    padding: 20px;
}

label {
	color: red;
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

* {
  box-sizing: border-box;
}

figure { 
  margin: 0; 
  background: #101010;
  font-family: Istok Web, sans-serif;
  font-weight: 100;
}

div#captioned-gallery { 
  width: 100%; 
  overflow: hidden; 
  padding-top: 10px;

}

figure.slider { 
  position: relative; 
  width: 500%;
  font-size: 0; 
  animation: 30s slidy infinite; 
}

figure.slider figure { 
  width: 20%; 
  height: auto;
  display: inline-block;  
  position: inherit; 
}

figure.slider img { 
width: 100%; 
height: auto; 
}

figure.slider figure figcaption { 
  position: absolute; 
  bottom: 0;
  background: rgba(0,0,0,0.4);
  color: #fff; 
  width: 100%;
  font-size: 2rem; 
  padding: .6rem; 
}

.custom-af-images li {
	display: block;
	margin-left: 30%;
	margin-right: 30%;
}