@font-face {
	font-family:paladins; 
	src: url('fonts/paladins.ttf');
}

@font-face {
	font-family:AdventPro; 
	src: url('fonts/AdventPro.ttf');
}

@font-face {
	font-family:Prototype; 
	src: url('fonts/Prototype.ttf');
}

@font-face {
	font-family:OpenSans; 
	src: url('fonts/OpenSans.ttf');
}
	
@font-face {
	font-family:ArialNarrow; 
	src: url('fonts/ArialNarrow.ttf');
}	

body{
	background-color:black;
	background-image: url('Pictures/Backgrounds/background.jpg');
	background-size: 100% 300px;
	background-repeat: repeat-y;
	
	font-family:ArialNarrow;
}

header{
	background-color:#030303;
	background-image:url('Pictures/Logos/clearlogo.png');
	background-repeat: no-repeat;
	background-size: 573px 150px;
	background-position: top center;
	
	
	width:100%;
	height:150px;
	min-width:573px;
	
	transition: all 1.5s ease;
	transition-delay: .80s;
}

main { 
	min-height:100px;
}




			nav{
				height:25px;
				background-color:#030303;
				font-family:paladins;
				font-size:20px;
				padding:10px 0 5px 0;
				position: sticky;
				top: 0;
				padding: 5px;
			}

			nav ul{
				margin:auto;
				list-style:none;
			}

			nav li {
				display:inline-block;
				margin:0 30px 0 0;
				transition: all 1.5s ease-in-out;
				transition-delay: .80s;
			}

			nav a:link{
				color: White;
				text-decoration:none;
				
				-webkit-transition: all .5s ease-in-out;
			}

			nav a:visited{
				color: White;
				
				-webkit-transition: all .5s ease-in-out;
			}

			nav a:hover{
				color: #e62e2e;
				
				-webkit-transition: all .5s ease-in-out;
			}
			


footer{
	background-color:#030303;
	
	text-align:left;
	font-family:arial;
	font-size:12px;
	color:white;
	
	border-right: 20px solid black;
	border-left: 20px solid black;
	
	padding:0px 0px 0px 10px;
}

footer a:link,footer a:visited{
	color:white;
}

footer a:hover{
	color:red;
}




/*Index page*/

.homeparagraph{
	color:black;
	font-size:23px;
	text-align:center;
	
	max-width:400px;
	margin:auto;
	
	padding:30px 0px 30px 0px;
}

.orderedlist{
	color:black;
	font-size:23px;
	
	max-width:500px;
	
	margin:auto;
}

.ordereditem{
	text-align:left;
	margin-left:50px;
}

.hyperlinks:link{
	color:black;
	font-weight:bold;
}
.hyperlinks:visited{
	color:black;
}
.hyperlinks:hover{
	color:red;
}

/*Location page*/
.locationmap{	
	margin:100px 0px 20px 0px;
	border:8px solid black;
	
	
	width:90%;
	height:700px;
}

/* Shop Merch */

.picdiv{
	float:left;
	width:60%;
	height:20%;
}

.textdiv{
	text-align:right;
	font-size:30px;
	font-family:paladins;
	text-align:center;
	
	padding:100px 80px 0px 0px;	
}

.clearleft{
	clear:left;
}
/* Contact */


.contact img{
	width:10%;
	
	-webkit-transition: all .5s ease-in-out;
	
	padding: 15px 40px 100px 0px;
}

.contact img:hover{
	transform:scale(1.3);
}


/* Gallery */

			#slideshow_white_chevy {
			  overflow: hidden;
			  height: 450px;
			  width: 450px;
			  margin: 0 auto;
			  padding:50px 0px 50px 0px;
			}

			.slide-wrapper {
			  width: 2912px;
			  -webkit-animation: slide 8s ease infinite;
			}

			.slide {
			  float: left;
			  height: 450px;
			  width: 450px;
			}

			.slide:nth-child(1) {
			  background-image:url('Pictures/BeforeAfter/IMG_0568.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}

			.slide:nth-child(2) {
			  background-image:url('Pictures/BeforeAfter/IMG_0569.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}


			@-webkit-keyframes slide {
			  30% {margin-left: 0px;}
			  55% {margin-left: -450px;}
			  75% {margin-left: -450px;}
			  
			}




			#slideshow_white_nissan {
			  overflow: hidden;
			  height: 450px;
			  width: 450px;
			  margin: 0 auto;
			  padding:50px 0px 50px 0px;
			}

			.slide-wrapper2 {
			  width: 2912px;
			  -webkit-animation: slide2 13s ease infinite;
			}

			.slide2 {
			  float: left;
			  height: 450px;
			  width: 450px;
			}

			.slide2:nth-child(1) {
			  background-image:url('Pictures/BeforeAfter/IMG_0572.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}

			.slide2:nth-child(2) {
			  background-image:url('Pictures/BeforeAfter/IMG_0573.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			
			.slide2:nth-child(3) {
			  background-image:url('Pictures/BeforeAfter/IMG_0574.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}


			@-webkit-keyframes slide2 {
			  20% {margin-left: 0px;}
			  40% {margin-left: -450px;}
			  50% {margin-left: -450px;}
			  70% {margin-left: -900px;}
			  80% {margin-left: -900px;}
			}



			#slideshow_black_nissan {
			  overflow: hidden;
			  height: 450px;
			  width: 450px;
			  margin: 0 auto;
			  padding:50px 0px 50px 0px;
			}

			.slide-wrapper3 {
			  width: 2912px;
			  -webkit-animation: slide3 14s ease infinite;
			}

			.slide3 {
			  float: left;
			  height: 450px;
			  width: 450px;
			}

			.slide3:nth-child(1) {
			  background-image:url('Pictures/BeforeAfter/IMG_0576.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			
			.slide3:nth-child(2) {
			  background-image:url('Pictures/BeforeAfter/IMG_0577.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			
			.slide3:nth-child(3) {
			  background-image:url('Pictures/BeforeAfter/IMG_0578.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			


			@-webkit-keyframes slide3 {
			  20% {margin-left: 0px;}
			  40% {margin-left: -450px;}
			  50% {margin-left: -450px;}
			  70% {margin-left: -900px;}
			  80% {margin-left: -900px;}
			}




			#slideshow_blue_chrysler {
			  overflow: hidden;
			  height: 450px;
			  width: 450px;
			  margin: 0 auto;
			  padding:50px 0px 50px 0px;
			}

			.slide-wrapper4 {
			  width: 2912px;
			  -webkit-animation: slide4 13s ease infinite;
			}

			.slide4 {
			  float: left;
			  height: 450px;
			  width: 450px;
			}

			.slide4:nth-child(1) {
			  background-image:url('Pictures/BeforeAfter/IMG_0571.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			
			.slide4:nth-child(2) {
			  background-image:url('Pictures/BeforeAfter/IMG_0595.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			
			.slide4:nth-child(3) {
			  background-image:url('Pictures/BeforeAfter/IMG_0596.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			


			@-webkit-keyframes slide4 {
			  20% {margin-left: 0px;}
			  35% {margin-left: -450px;}
			  50% {margin-left: -450px;}
			  65% {margin-left: -900px;}
			  80% {margin-left: -900px;}
			}



			#slideshow_red_mustang {
			  overflow: hidden;
			  height: 450px;
			  width: 450px;
			  margin: 0 auto;
			  padding:50px 0px 50px 0px;
			}

			.slide-wrapper5 {
			  width: 2912px;
			  -webkit-animation: slide5 18s ease infinite;
			}

			.slide5 {
			  float: left;
			  height: 450px;
			  width: 450px;
			}

			.slide5:nth-child(1) {
			  background-image:url('Pictures/BeforeAfter/IMG_0581.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			
			.slide5:nth-child(2) {
			  background-image:url('Pictures/BeforeAfter/IMG_0580.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			
			.slide5:nth-child(3) {
			  background-image:url('Pictures/BeforeAfter/IMG_0579.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			
			.slide5:nth-child(4) {
			  background-image:url('Pictures/BeforeAfter/IMG_0597.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			
			.slide5:nth-child(5) {
			  background-image:url('Pictures/BeforeAfter/IMG_0599.jpg');
			  background-size:100%;
			  background-repeat:no-repeat;
			  background-position:center;
			}
			


			@-webkit-keyframes slide5 {
			  10% {margin-left: 0px;}
			  20% {margin-left: -450px;}
			  30% {margin-left: -450px;}
			  40% {margin-left: -900px;}
			  50% {margin-left: -900px;}
			  60% {margin-left: -1350px;}
			  70% {margin-left: -1350px;}
			  80% {margin-left: -1800px;}
			  85% {margin-left: -1800px;}
			}






#wrapper {
	background-image:url('Pictures/Backgrounds/background4.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	
	width:80%;
	height:80%;
	min-width:950px;
	
	margin-top:50px;
	margin-right: auto;
	margin-left: auto;
	
	text-align:center;
	
	border-top: 10px solid black;
	border-right: 25px solid black;
	border-left: 25px solid black;
}