:root {
	--background: black;
	--accent: #454545;
	--text: lightgray;
};

html {
	height: 100%;
}

body {
	height: 100%;
	background-color: var(--background);
	font-size:12px;
	font-family:Helvetica, Georgia, Arial;
	padding:0px;
	margin:0px;
	color:black;
	text-align:center;
	overflow-x:hidden;
	}

h1 {
	text-align:left;
	}

h2 {
	color:white;
	font-size:8px;
	font-family:Georgia, Arial;
	text-align:center;
	}

p {
	color: var(--text);
	font-size:12px;
	font-family:Georgia, Arial;
	text-align:center;
	}

.center {
	margin-left:auto;
	margin-right:auto;
	color:white;
	font-size:18px;
	font-family:Georgia, Arial;
	text-align:center;
	}

.thumb	{
	max-width:400px;
	max-height:300px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	}

a.black:link		{color:black;}
a.black:visited		{color:black;}
a.black:hover		{color:#eeeeee;}
a.black:active		{color:black;}

#dvp {
	color:black;
}

#header {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px 0 10px;
	width: auto;
}
	
#hidden	{
	height:1px;
	width:1px;
	display:none;
}

#logo {
	padding: 0 10px 20px 0;
	width: 40%;
	max-width: 700px;
	min-width: 420px;
}

#logo p {
  	font-family: arial;
  	margin: 0;
  	font-weight: bold;
}

#menu {
	display: flex;
	margin: auto 0 0;
}

.flex-span {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.flex-span.one {
	font-size: 100px;
	line-height: 80px;
}

.flex-span.two {
	font-size: 80px;
	line-height: 70px;
}

.flex-span.three {
	font-size: 50px;
	line-height: 40px;
}

.menuitem {	
	padding: 20px 10px 20px 20px;
	white-space: nowrap;
}	

.menuitem a, #footer a {
	color: var(--text);
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	font-size: 20px;
	line-height: 20px;
}	
	
.slideshow {
    width: 100%;
}

#current {
	border:5px;
	border-style:solid;
	border-color:transparent transparent black;
	height:40px;
	float:left;
	position:relative;
	margin:-5px
}	
		
#container {
	background-color:black;
  	position:relative;
	top:-6px;
	width:100%;
	height:auto;
	overflow-x:hidden;
	overflow-y:hidden;
}

#main {
	padding: 5px 0 15px;
	height:498px;
  	white-space: nowrap;
	overflow-x:auto;
	overflow-y:hidden;
}

#main img {
  	padding-top:5px;
  	padding-right:10px;
	max-height:480px;
	text-align:left;
	vertical-align:middle;
}

#main img:last-child {
	padding-right: 0;
}

#maingrid {
	padding: 5px 0;
	height:auto;
	overflow-y:hidden;
  	white-space: nowrap;
}

.grid	{
	vertical-align: middle;
	padding: 0 10px 0 0;
	display: table-cell;

}

.grid img {
	padding: 0 5px 5px 0;
	max-height: 600px;
	max-width: 100%;

}
	
#store {
	border-top:10px solid black;
	border-bottom:10px solid black;
  	position:relative;
	top:-6px;
	width:auto;
	min-width:1066px;
	background-color:#777777;	
	color:black;
	overflow:auto;
	text-align:center;
	}

#store img {
  	padding:20px 10px 0 10px;
	max-height:320px;
	text-align:left;
	vertical-align:middle;
  	}

#container.contact {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 10px 0;
}

#container.contact img {
	width: auto;
    height: 100%;
}

#container.contact img:first-child {
	padding-right: 10px;
}

#container.contact img:last-child {
	padding-left: 10px;
}

#contact-form {
	padding: 0 10px;
	width: 480px;
}

#contact-top {
	background-color: #999999;
	height :80px;
}
	
#contact-bottom {
	margin-top:3px;
	background-color:#777777;
	height:357px;
}

.contact-box {
  	padding: 10px;
  	width: 460px;
	color:white;
	font-size:18px;
	font-family:Georgia, Arial;
	text-align:center;
}

#about	{
	background-color:black;
	background-image:url('images/sIMG_2175x.jpg');
	background-repeat:repeat-x;
	height:520px;
	width:auto;
	text-align:center;
	overflow-y:hidden;
	margin-left:auto;
	margin-right:auto;
}

#left	{
	float:left;	
	}

#right	{
	float:right;	
	}

#blurb	{
	margin-top:3px;
	background-color:#999999;
	width:1038px;
	height:170px;
  	padding:10px 10px 0 10px;
	color:white;
	font-size:18px;
	font-family:Georgia, Arial;
	text-align:center;
	}

#print	{
	background-color:#999999;
	width:330px;
	height:500px;
  	padding:10px;
	color:white;
	font-size:18px;
	font-family:Georgia, Arial;
	text-align:center;
	}
	
#four	{
	border-top:10px solid black;
  	padding-top:10px;
  	padding-right:10px;
	height:470px;
	text-align:left;
	vertical-align:middle;
	background-color:#999999;
	}

#five	{
	width:auto;
	margin-left: auto;
	margin-right: auto;
  	text-align:center;	
	}

#five img {
	padding:0;
	border:5px solid black;
	max-width:400px;
	max-height:300px;
	margin-left: auto;
	margin-right: auto;
  	text-align:center;
	}

#footer {
	height:70px;
	width: 100%;
  	text-align:right;
}	
	
#footer a {
	padding-right:30px;
}	
	
#copy {
	width: 100%;
}	
	
#copy p {
	color: dimgray;
	font-size: 10px;
	font-family: arial;
	text-align: center;
}