html
{
    width:100%;
    height:100%;
	margin:auto;
	font-family: Arial;
}

body
{
	background-color:white;
	width:90%;
	margin-left:5%;
	margin-right:5%;
}

/*Header*/
#navDiv
{
	background-color:black;
	margin-top:15px;
}

#navDiv a 
{
	color:white;
	text-decoration:none;
	font-size:3em;
	width:24.65%;
	text-align:center;
	display: inline-block;
}

#navDiv a:hover
{
	color:#CC9933;
}

table
{
	margin:auto;
}

#titleBar
{
	width:100%;
}

#titleLogo
{
	width:70%;
	min-height:80%;
	max-height:100%;
	float:left;
}

.titleTd
{
	text-align:center;
	font-size:1.5em;
}

#logoTable
{
	width:100%;
}

#bottomLogo
{
	width:75px;
	margin-top:0;
	vertical-align:middle;
}

.bottomCell
{
	width:25%;
}

#bottomLogoCell
{
	width:9%;
}

#insideJoke
{
	color:black;
}

#bottomTable
{
	float:left;
}

#videoDiv
{
	width:33%;
	float:right;
	margin-top:30px;
}

#frontQuote
{
	font-size:4vw;
	text-align:center;
	vertical-align:middle;
}

#slideAndVideoDiv
{
	display:block;
}

#introParagraph
{
	font-size:2vw;
}

#paragraphWrapper
{
	margin-top:49%;
	display:block;
	margin-bottom:3%;
}

#storefront
{
	width:100%;
}

#pageBottom
{
	float:left;
	background-color:black;
	color:white;
	width:100%;
	height:80px;
	margin-top:2%;
}











/* Slideshow*/
#slideshowContainer 
{
	float:left;
	width:65%;
	position: relative;
	margin: auto;
}

.mySlides 
{
	display: none;
	margin-top:30px;
}

#prev, #next 
{
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	background-color:rgba(0,0,0,0.8);
}

#next 
{
	right:0;
	border-radius: 3px 0 0 3px;
}

#prev
{
	left:0;
}

.fade 
{
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade 
{
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade 
{
  from {opacity: .4}
  to {opacity: 1}
}