@charset "utf-8";



/*--begin home page--*/

	/*--begin body--*/

		body {
	
	background-color: #1B222D;
			
		}
		.splash_page {
	width: 100%;
	min-width: 100px;
	max-width: 1200px;
	margin-top: -150px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/splash.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 1000px;
		}


	/*--begin navigation--*/

		.navigation {
			list-style-image: none;
			list-style-type: none;
		}
		.navigation_container {
	width: 50%;
	margin-left: auto;
	margin-top: -200px;
	height: 200px;
	margin-right: auto;
		}
		
		.navigation_container .navigation .shim {
			width: 22%;
			height: 20px;
			float: left;
		}		

		
		
				ul.navigation li.index a{
			display: block;
			background-image: url(../images/home_button_white.png);
			background-repeat: no-repeat;
			float: left;
			width: 19%;
			height: 250px;
			background-size: contain;
			margin-right: auto;
			margin-left: auto;
			
				}
		
				ul.navigation li.index a:hover{
			display: block;
			background-image: url(../images/home_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			width: 19%;
			height: 250px;
			background-size: contain;
			margin-left: auto;
			
				}
		
				ul.navigation li.index a:active{
			display: block;
			background-image: url(../images/home_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			height: 250px;
			width: 19%;
			background-size: contain;
			margin-left: auto;
				}
		
		
		
		
				ul.navigation li.gallery a{
			display: block;
			background-image: url(../images/gallery_button_white.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;
			height: 250px;
			width: 20%;
			background-size: contain;
				
				}
		
				ul.navigation li.gallery a:hover{
			display: block;
			background-image: url(../images/gallery_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 250px;
			width: 20%;
			background-size: contain;
				}
		
				ul.navigation li.gallery a:active{
			display: block;
			background-image: url(../images/gallery_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 250px;
			width: 20%;
			background-size: contain;
				}
				
				
				
				
				ul.navigation li.bio a{
			display: block;
			background-image: url(../images/bio_button_white.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;
			height: 245px;
			width: 12.5%;
			background-size: contain;
				
				}
		
		
		
				ul.navigation li.bio a:hover{
	display: block;
	background-image: url(../images/bio_button_active.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 245px;
	width: 12.5%;
	background-size: contain;
				}
		
		
		
				ul.navigation li.bio a:active{
			display: block;
			background-image: url(../images/bio_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 245px;
			width: 12.5%;
			background-size: contain;
				}
				
				
				
				ul.navigation li.contact a{
			background-image: url(../images/contact_button_white.png);
			background-repeat: no-repeat;
			float: left;
			height: 245px;
			width: 20%;
			list-style-type: none;
			display: block;
			background-size: contain;
			
				}
		
		
		
		
				ul.navigation li.contact a:hover{
			display: block;
			background-image: url(../images/contact_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 245px;
			width: 20%;
			background-size: contain;
				}
		
				ul.navigation li.contact a:active{
			display: block;
			background-image: url(../images/contact_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 245px;
			width: 20%;
			background-size: contain;
				}
				
		/*--end full size home--*/
		
		
				@media screen and (max-width:1300px) {
					
				
					
				.splash_page {
				width: 100%;
				min-width: 600px;
				max-width: 900px;
				margin-top: -250px;
			}	
					
				.navigation_container {
				width: 80%;
				margin-top: -300px;
					
			}	}
	
					@media screen and (max-width:800px) {
						
					.splash_page {
					min-width: 900px;
					margin-top: -250px;
					margin-left: -40px;	
				}	
						
					.navigation_container {
					width: 100%;
					margin-top: -300px;
						
				}	

					.navigation_container .navigation .shim {
						float: left;
						height: 1000px;
						width: 25%;
					}
							
						}
	
	
	
	
						@media screen and (max-width:400px) {
							
						.splash_page {
						min-width: 500px;
						margin-top: -350px;
						width: 500px;
						margin-left: -75px;
					}	
							
						.navigation_container {
	margin-top: -350px;
	width: 300px;
					}	
					
					.navigation_container .navigation .shim {
						float: left;
						height: 150px;
						width: 20%;
					}
					
					ul.navigation li.index a{
						
						float: left;
						height: 150px;
						width: 50%;
						
							}
					
							ul.navigation li.index a:hover{
						float: left;
						height: 150px;
						width: 50%;
						
							}
					
							ul.navigation li.index a:active{
						float: left;
						height: 150px;
						width: 50%;
							}
					
					
					
					
							ul.navigation li.gallery a{
	float: left;
	height: 150px;
	width: 50%;							
							}
					
							ul.navigation li.gallery a:hover{
						float: left;
						height: 150px;
						width: 50%;
						
							}
					
							ul.navigation li.gallery a:active{
						float: left;
						height: 150px;
						width: 50%;
						
							}
							
							
							
							
							ul.navigation li.bio a{
	float: left;
	height: 150px;
	width: 50%;
	margin-left: 65px;
							}
					
					
					
							ul.navigation li.bio a:hover{
						float: left;
						height: 150px;
						width: 50%;
						margin-left: 65px;	
							}
					
					
					
							ul.navigation li.bio a:active{
						float: left;
						height: 150px;
						width: 50%;
						margin-left: 65px;	
							}
							
							
							
							ul.navigation li.contact a{
	float: left;
	height: 150px;
	width: 50%;
	margin-left: 50px;						
						
							}
					
					
					
					
							ul.navigation li.contact a:hover{
						float: left;
						height: 150px;
						width: 50%;
						margin-left: 50px;
							}
					
							ul.navigation li.contact a:active{
						float: left;
						height: 150px;
						width: 50%;
						margin-left: 50px;
							}
							
						}
						
						
		/*--end home page--*/				
						
						
						
.light_skull_tile {
	background-image: url(../images/wallpaper_skulls_light.jpg);
	background-repeat: repeat;
	height: 2000px;
	width: 100%;
	background-size: contain;
	clear: both;
	float: left;
}
.dark_skull_tile {
	background-image: url(../images/wallpaper_skulls_dark.jpg);
	background-repeat: repeat;
	height: 1200px;
	width: 100%;
	background-size: contain;
	clear: both;
	float: left;
}

/*--begin full size bio--*/

.bio_navigation_container {
	width: 80%;
	margin-top: 50px;
	height: 100px;
	}
ul.navigation li.dark_gallery a {
	display: block;
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 20%;
	background-size: contain;
	background-image: url(../images/gallery_button.png);
}
		
				ul.navigation li.dark_gallery a:hover{
	display: block;
	background-image: url(../images/gallery_button_glow.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 20%;
	background-size: contain;
				}
		
				ul.navigation li.dark_gallery a:active{
	display: block;
	background-image: url(../images/gallery_button_glow.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 20%;
	background-size: contain;
				}
				
				
				
				
				ul.navigation li.dark_bio a{
	display: block;
	background-image: url(../images/bio_button_active.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 245px;
	width: 12.5%;
	background-size: contain;
				}
		
		
		
				ul.navigation li.dark_bio a:hover{
			display: block;
			background-image: url(../images/bio_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 245px;
			width: 12.5%;
			background-size: contain;
				}
		
		
		
				ul.navigation li.dark_bio a:active{
			display: block;
			background-image: url(../images/bio_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 245px;
			width: 12.5%;
			background-size: contain;
				}
				
				
				
				ul.navigation li.dark_contact a{
	background-image: url(../images/contact_button.png);
	background-repeat: no-repeat;
	float: left;
	height: 245px;
	width: 20%;
	list-style-type: none;
	display: block;
	background-size: contain;			
				}
		
		
		
		
				ul.navigation li.dark_contact a:hover{
			display: block;
			background-image: url(../images/contact_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 245px;
			width: 20%;
			background-size: contain;
				}
		
				ul.navigation li.dark_contact a:active{
	display: block;
	background-image: url(../images/contact_button_active.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 245px;
	width: 20%;
	background-size: contain;
				}
			
	.bio_navigation_container {
	width: 80%;
	margin-top: 50px;
	height: 100px;
	}
		.crow {
	background-image: url(../images/crow.png);
	display: block;
	width: 25%;
	float: left;
	height: 275px;
	background-repeat: no-repeat;
	margin-left: 20px;
	background-size: contain;
	margin-top: 50px;
}
.bio_word {
	background-image: url(../images/bio_black.png);
	height: 100px;
	background-repeat: no-repeat;
	margin-left: 20px;
	background-size: contain;
	margin-top: 200px;
	width: 15%;
	float: left;
}
.kurt {
	background-image: url(../images/bio_pic.png);
	background-repeat: no-repeat;
	height: 800px;
	width:50%;
	background-size: contain;
	float: left;
	margin-top: -300px;
	margin-left: 0px;
	clear: both;
	
}

.bio_text p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 18px;
}


.bio_text {
	width: 40%;
	float: left;
	margin-top: -0px;
	
}


/*--end full size bio--*/

@media screen and (max-width:1300px) {

.bio_navigation_container {
	width: 80%;
	margin-top: 50px;
	height: 100px;
	}	
	
	
	
	
_container {
	width: 75%;
	margin-top: 50px;
		
	}
	
	.bio_word {

	
	height: 100px;
	
	margin-left: 0px;
	
	margin-top: 150px;
	width: 15%;
	
}
	
	
	
}







	@media screen and (max-width:800px) {
		
	.bio_navigation_container {
	width: 80%;
	margin-top: 50px;
	height: 100px;
	}	
			.crow {
	
	width: 25%;
	float: left;
	height: 275px;
	
	margin-left: 20px;
	
	margin-top: 0px;
}
		
		
		
		.bio_word {

	
	height: 100px;
	
	margin-left: 0px;
	
	margin-top: 75px;
	width: 15%;
	
}
		
		
		.kurt {
	
	height: 800px;
	width: 50%;
	
	margin-top:-300px;
	margin-left: 0px;

}

.bio_text p {
	
	font-size: 14px;
}



.bio_text {
	width: 40%;
	float: left;
	margin-top: -100px;
	
}

		
		

	}
	
	
		@media screen and (max-width:400px) {
	.bio_navigation_container {
	width: 100%;
	margin-top: 50px;
	height: 100px;
	}
	
	ul.navigation li.dark_gallery a{
	height: 100px;
	width: 30%;
		
				}
		
				ul.navigation li.dark_gallery a:hover{
			height: 100px;
	width: 30%;
				}
				ul.navigation li.dark_gallery a:active{
			height: 100px;
	width: 30%;
				}
				
				ul.navigation li.dark_bio a{
	
	height: 100px;
	width: 18%;
					
				}
		
		
		
				ul.navigation li.dark_bio a:hover{
			height: 100px;
	width: 18%;
				}
		
		
		
				ul.navigation li.dark_bio a:active{
			height: 100px;
	width: 18%;
				}
				
				ul.navigation li.dark_contact a{
	
	
	height: 245px;
	width:30%;
	
				
				}
		
		
		
		
				ul.navigation li.dark_contact a:hover{
			height: 245px;
	width:30%;
				}
		
				ul.navigation li.dark_contact a:active{
			height: 245px;
	width:30%;
				}
				
				
				
			.kurt_two {
	visibility: visible;
	height: 425px;
	width: 100%;
	background-image: url(../images/bio_pic.png);
	float: left;
	background-size: contain;
	margin-top: -400px;
}		
	
	
	
		.crow {
	
	visibility: hidden;
}

.bio_word {
	
	visibility: hidden;	
}
.kurt {
	visibility: hidden;	
	
}
.kurt_two {
	visibility: visible;
	
	
}







.bio_text {
	width: 80%;
	float: left;
	margin-top: -925px;
	margin-left: 25px;	

	
	




	}
		
		}
		
		
	/*--end bio--*/	
		
		
.light_octo_tile {
	background-image: url(../images/WallpaperOctopus-lite.jpg);
	background-repeat: repeat;
	clear: both;
	float: left;
	height: 1000px;
	width: 100%;
	background-size: contain;
}
.dark_octo_tile {
	background-image: url(../images/WallpaperOctopus-dark.jpg);
	background-repeat: repeat;
	clear: both;
	float: left;
	height: 100%;
	width: 100%;
	background-size: contain;
}
.fake_dark_octo_tile {
	background-image: url(../images/WallpaperOctopus-dark.jpg);
	background-repeat: repeat;
	clear: both;
	float: left;
	height: 5000px;
	width: 100%;
	background-size: contain;
}



/*--begin full size contact--*/




.contact_navigation_container {
	width: 75%;
	margin-top: 50px;
		
	}	
	
ul.navigation li.contact_gallery a {
	display: block;
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 20%;
	background-size: contain;
	background-image: url(../images/gallery_button.png);
}

		
				ul.navigation li.contact_gallery a:hover{
	display: block;
	background-image: url(../images/gallery_button_glow.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 20%;
	background-size: contain;
				}

		
				ul.navigation li.contact_gallery a:active{
	display: block;
	background-image: url(../images/gallery_button_glow.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 20%;
	background-size: contain;
				}

ul.navigation li.deviant a {
	display: block;
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 30%;
	background-size: contain;
	background-image: url(../images/planet_x.png);
}

ul.navigation li.deviant a:hover {
	display: block;
	background-image: url(../images/planet_x_hover.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 30%;
	background-size: contain;
}
ul.navigation li.deviant a:active {
	display: block;
	background-image: url(../images/gallery_button_glow.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 15%;
	background-size: contain;
}

				
				
				
				
				ul.navigation li.contact_bio a{
	display: block;
	background-image: url(../images/bio_button.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 245px;
	width: 12.5%;
	background-size: contain;
				}
		
		
		
				ul.navigation li.contact_bio a:hover{
			display: block;
			background-image: url(../images/bio_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 245px;
			width: 12.5%;
			background-size: contain;
				}
		
		
		
				ul.navigation li.contact_bio a:active{
	display: block;
	background-image: url(../images/bio_button_active.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 245px;
	width: 12.5%;
	background-size: contain;
				}
				
				
				
				ul.navigation li.contact_contact a{
	background-image: url(../images/contact_button_active.png);
	background-repeat: no-repeat;
	float: left;
	height: 245px;
	width: 20%;
	list-style-type: none;
	display: block;
	background-size: contain;
				}
		
		
		
		
				ul.navigation li.contact_contact a:hover{
			display: block;
			background-image: url(../images/contact_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 245px;
			width: 20%;
			background-size: contain;
				}
		
				ul.navigation li.contact_contact a:active{
			display: block;
			background-image: url(../images/contact_button_glow.png);
			background-repeat: no-repeat;
			float: left;
			margin-right: auto;
			margin-left: auto;			
			height: 245px;
			width: 20%;
			background-size: contain;
				}

.contact_word {
	background-image: url(../images/contact_black.png);
	float: left;
	height: 100px;
	background-repeat: no-repeat;
	margin-left: 120px;
	background-size: contain;
	margin-top: 200px;
	width: 15%;
	visibility: hidden;	
}
.skull {
	background-image: url(../images/skull.png);
	display: block;
	width: 25%;
	float: left;
	height: 200px;
	background-repeat: no-repeat;
	margin-left: 20px;
	background-size: contain;
	margin-top: 50px;
	visibility: hidden;
}

.planet {
	background-image: url(../images/planet_x.png);
	background-repeat: no-repeat;
	height: 200px;
	width: 30%;
	background-size: contain;
	float: left;
	margin-top: 0px;
	margin-left: 50px;
	clear: both;
}


.contact_text {
	width: 40%;
	margin-top: 50px;
	margin-left: 20px;
}
.postman {
	background-image: url(../images/postman.jpg);
	height: 300px;
	width: 300px;
	float: left;
	background-repeat: no-repeat;
	background-size: contain;
}


.contact_text p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 36px;
	float: left;
}
				
	
	/*--end full size contact--*/
	
	
	
				
@media screen and (max-width:1300px) {
	.contact_navigation_container {
	width: 75%;
	margin-top: 50px;
	
	}
	
	


	.planet {
	background-image: url(../images/planet_x.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 100%;
	background-size: contain;
	float: left;
	margin-top: 0px;
	margin-left: 10px;
	clear: both;
}
	
	
			
.contact_text {
	width: 50%;
	float: left;
	margin-top: -250px;
	margin-left:100px;
}
.contact_text p {
	
	font-size: 24px;

}
}	

	@media screen and (max-width:800px) {
	.contact_navigation_container {
	width: 100%;
	margin-top: 50px;
	height: 100px;
	}	
	ul.navigation li.contact_gallery a{
	height: 250px;
	width: 20%;
				}	
			.skull {
	
	width: 25%;
	float: left;
	height: 275px;
	
	margin-left: 20px;
	
	margin-top: 0px;
}
		
		
		
		.contact_word {

	
	height: 100px;
	
	margin-left: 60px;
	
	margin-top: 75px;
	width: 15%;
	
}
		
		
		.planet {
	
	height: 800px;
	width: 50%;
	
	margin-top: -350px;
	margin-left: 20px;

}

.contact_text p {
	
	font-size: 18px;
}



.contact_text {
	width: 50%;
	float: left;
	margin-top: -650px;
	margin-left: 75px;	
}
	
		
		}
		
		

@media screen and (max-width:400px) {
	.contact_navigation_container {
	width: 100%;
	margin-top: 50px;
	height: 100px;
	}
	
	
	ul.navigation li.contact_gallery a{
	height: 100px;
	width: 30%;
		
				}
		
				ul.navigation li.contact_gallery a:hover{
			height: 100px;
	width: 30%;
				}
				ul.navigation li.contact_gallery a:active{
			height: 100px;
	width: 30%;
				}
				
				ul.navigation li.contact_bio a{
	
	height: 100px;
	width: 18%;
					
				}
		
		
		
				ul.navigation li.contact_bio a:hover{
			height: 100px;
	width: 18%;
				}
		
		
		
				ul.navigation li.contact_bio a:active{
			height: 100px;
	width: 18%;
				}
				
				ul.navigation li.contact_contact a{
	
	
	height: 245px;
	width:30%;
	
				
				}
		
		
		
		
				ul.navigation li.contact_contact a:hover{
			height: 245px;
	width:30%;
				}
		
				ul.navigation li.contact_contact a:active{
			height: 245px;
	width:30%;
				}
				
				
				
				
	
	
	
		.skull {
	
	visibility: hidden;
}

.contact_word {
	
	visibility: hidden;	
}



.contact_text {
	width: 80%;
	float: left;
	margin-top: -900px;
	margin-left: 70px;	

	
	}
	
	.planet {
	height: 800px;
	width: 100%;
	margin-top: -310px;
	margin-left: -20px;
}
}



/*--end contact--*/

/*--begin black and white --*/


.gallery_navigation_container {
	width: 600px;
	margin-top: 50px;
	height: 100px;
	position: fixed;
	z-index: 1000000;
}






ul.navigation li.gallery_gallery a{
	display: block;
	background-repeat: no-repeat;
	height: 250px;
	width: 200px;
	background-image: url(../images/gallery_button_active.png);
	float: left;
	background-size: contain;
				}



		
				ul.navigation li.gallery_gallery a:hover{
	display: block;
	background-image: url(../images/gallery_button_active.png);
	background-repeat: no-repeat;
	float: left;
	height: 250px;
	width: 200px;	
				}

		
				ul.navigation li.gallery_gallery a:active{
	display: block;
	background-image: url(../images/gallery_button_glow.png);
	background-repeat: no-repeat;
	float: left;
	
	height: 250px;
	width: 200px;
	
				}

				
				
				
				
				ul.navigation li.gallery_bio a{
	display: block;
	background-image: url(../images/bio_button_white.png);
	background-repeat: no-repeat;
	height: 210px;
	width: 150px;
	float: left;
	background-size: contain;
				}
		
		
		
				ul.navigation li.gallery_bio a:hover{
			display: block;
			background-image: url(../images/bio_button_glow.png);
			background-repeat: no-repeat;
			float: left;
						
			height: 210px;
			width: 150px;
			
				}
		
		
		
				ul.navigation li.gallery_bio a:active{
	display: block;
	background-image: url(../images/bio_button_active.png);
	background-repeat: no-repeat;
	float: left;
	
	height: 210px;
	width: 150px;
	
				}
				
				
				
				ul.navigation li.gallery_contact a{
	background-image: url(../images/contact_button_white.png);
	background-repeat: no-repeat;
	height: 245px;
	width: 200px;
	list-style-type: none;
	display: block;
	float: left;
	background-size: contain;
				}
		
		
		
		
				ul.navigation li.gallery_contact a:hover{
			display: block;
			background-image: url(../images/contact_button_glow.png);
			background-repeat: no-repeat;
			float: left;
						
			height: 245px;
			width: 200px;
			
				}
		
				ul.navigation li.gallery_contact a:active{
	display: block;
	background-image: url(../images/contact_button_active.png);
	background-repeat: no-repeat;
	float: left;
	
	height: 245px;
	width: 200px;
	
				}
.gallery_word {
	background-image: url(../images/gallery_rest.png);
	float: left;
	height: 100px;
	background-repeat: no-repeat;
	margin-left: 20px;
	background-size: contain;
	margin-top: 200px;
	width: 15%;
}
.z_test {
	background-image: url(../images/image-1.jpg);
	clear: left;
	float: left;
	height: 500px;
	width: 500px;
}




ul.gallery_navigation {
	list-style-image: none;
	list-style-type: none;
	width: 840px;
	margin-top: 300px;
	margin-right: auto;
	margin-left: 45px;
}

	ul.gallery_navigation li {
	height: 50px;
	width: 200px;
	margin-right: 10px;
	}
	
		ul.gallery_navigation li a {
			
			
			height: 42px;
			width: 200px;
			color: #FFF;
			text-decoration: none;
			
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 2em;
			
			
			
		}
		
		ul.gallery_navigation li a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7D7D7D;			
		}
		
		ul.gallery_navigation li a:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 1.75em;
		}








.gallery_heading {
	background-image: url(../images/black_and_white.png);
	background-repeat: no-repeat;
	height: 90px;
	width: 100%;
	float: none;
	clear: none;
	margin-left: 0px;
	margin-top: 200px;
	background-size: contain;
}


.sub_gallery_container {
	height: 200px;
	width: 600px;
	float: left;
	clear: left;
	position: fixed;
	margin-top: 325px;
	margin-left: 32px;
}
.gallery_heading {
	background-image: url(../images/black_and_white.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 100%;
	margin-left: 0px;
	margin-top: 250px;
}

ul.navigation li.black_and_white a {
	display: block;
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-image: url(../images/black_and_white.png);
	background-size: contain;
}
ul.navigation li.home_black_and_white a {
	display: block;
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-image: url(../images/black_and_white_gray.png);
	background-size: contain;
}


ul.navigation li.black_and_white a:hover {
	display: block;
	background-image: url(../images/black_glow.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-size: contain;
}

ul.navigation li.black_and_white a:active {
	display: block;
	background-image: url(../images/black_and_white.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-size: contain;
}


ul.navigation li.color a {
	display: block;
	background-image: url(../images/color.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 25%;
	background-size: contain;
}

ul.navigation li.home_color a {
	display: block;
	background-image: url(../images/color_gray.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 25%;
	background-size: contain;
}

ul.navigation li.color a:hover {
	display: block;
	background-image: url(../images/color_glow.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 25%;
	background-size: contain;
}

ul.navigation li.color a:active {
	display: block;
	background-image: url(../images/color.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 25%;
	background-size: contain;
}

ul.navigation li.halloween a {
	background-image: url(../images/halloween.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 70%;
	list-style-type: none;
	display: block;
	background-size: contain;
}
ul.navigation li.home_halloween a {
	background-image: url(../images/halloween_gray.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 70%;
	list-style-type: none;
	display: block;
	background-size: contain;
}
ul.navigation li.halloween a:hover {
	display: block;
	background-image: url(../images/halloween_glow.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 70%;
	background-size: contain;
}
ul.navigation li.halloween a:active {
	display: block;
	background-image: url(../images/halloween.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 70%;
	background-size: contain;
}

ul.navigation li.sketchbook a {
	display: block;
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-image: url(../images/sketchbook.png);
	background-size: contain;
}
ul.navigation li.home_sketchbook a {
	display: block;
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-image: url(../images/sketchbook_gray.png);
	background-size: contain;
}
ul.navigation li.sketchbook a:hover {
	display: block;
	background-image: url(../images/sketchbook_glow.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-size: contain;
}
ul.navigation li.sketchbook a:active {
	display: block;
	background-image: url(../images/sketchbook.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-size: contain;
}

ul.navigation li.godzilla a {
	display: block;
	background-image: url(../images/godzilla.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 35%;
	background-size: contain;
}
ul.navigation li.godzilla a:hover {
	display: block;
	background-image: url(../images/godzilla_glow.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 35%;
	background-size: contain;
}
ul.navigation li.godzilla a:active {
	display: block;
	background-image: url(../images/godzilla.png);
	background-repeat: no-repeat;
	float: left;
	height: 80px;
	width: 35%;
	background-size: contain;
}
.gallery_container {
	width: 50%;
	margin-left: 700px;
	z-index: -200;
}
.gallery_heading {
	background-image: url(../images/black_and_white.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 75%;
	margin-left: 0px;
	margin-top: 250px;
}
ul.navigation li.zombies_123 a {
	background-image: url(../images/zombies_123.jpg);
	background-repeat: no-repeat;
	width: 100%;
	background-size: contain;
	float: left;
	height: 500px;
	margin-top: 50px;
}
ul.navigation li.zombies_456 a {
	background-image: url(../images/zombies_456.jpg);
	background-repeat: no-repeat;
	width: 100%;
	background-size: contain;
	float: left;
	height: 500px;
	margin-top: 50px;
}

ul.navigation li.zeadz a {
	background-image: url(../images/zeadz.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 75%;
	background-size: contain;
	float: left;
	height: 1050px;
	margin-top: 50px;	
	
}

ul.navigation li.birthday a {
	background-image: url(../images/birthday.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 700px;
	margin-top: 50px;
	
}

ul.navigation li.wolfman_01 a {
	background-image: url(../images/wolfman_01.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 475px;
	margin-top: 50px;
	
}
ul.navigation li.gary a {
	background-image: url(../images/gary.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 800px;
	margin-top: 50px;
	
}

ul.navigation li.hornbook a {
	background-image: url(../images/hornbook.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 800px;
	margin-top: 50px;	
}

ul.navigation li.customer a {
	background-image: url(../images/customer.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 600px;
	margin-top: 50px;
	
}

ul.navigation li.deserter a {
	background-image: url(../images/deserter.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 600px;
	margin-top: 50px;
	
}

ul.navigation li.insectbot a {
	background-image: url(../images/insectbot_01.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 800px;
	margin-top: 50px;
	
}

ul.navigation li.outlaw a {
	background-image: url(../images/outlaw.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 500px;
	margin-top: 50px;
	
}

ul.navigation li.munsters a {
	background-image: url(../images/munsters.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 900px;
	margin-top: 50px;
	
}

ul.navigation li.addams a {
	background-image: url(../images/addams.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 900px;
	margin-top: 50px;
	
}

ul.navigation li.mascot a {
	background-image: url(../images/mascot.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 700px;
	margin-top: 50px;
	
}

ul.navigation li.fatal a {
	background-image: url(../images/fatal.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 900px;
	margin-top: 50px;
	
}


ul.navigation li.werewolf a {
	background-image: url(../images/werewolf.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-size: contain;
	float: left;
	height: 1100px;
	margin-top: 50px;
	
}




@media screen and (max-width:1300px) {

	.gallery_navigation_container {
	width: 600px;
	margin-top: 0px;
	
	height: 10px;
}	


.gallery_container {
	width: 100%;
	margin-left: 700px;
	z-index: -200;
	
	
}
ul.navigation li.gallery_gallery a {
	height:150px;
	width: 150px;
	
	
}
ul.navigation li.gallery_gallery a:hover {
	
	height: 150px;
	width: 150px;
}
ul.navigation li.gallery_gallery a:active {
	
	height: 150px;
	width: 150px;
}
ul.navigation li.gallery_bio a{
	height: 150px;
	width: 100px;
				}
		
		
		
				ul.navigation li.gallery_bio a:hover{
			
						
			height: 150px;
			width: 100px;
			
				}
		
		
		
				ul.navigation li.gallery_bio a:active{
	
	
	height: 150px;
	width: 100px;
	
				}
				
				
				
				ul.navigation li.gallery_contact a{
	height: 150px;
	width: 150px;
				}
		
		
		
		
				ul.navigation li.gallery_contact a:hover{
			
						
			height: 150px;
			width: 150px;
			
				}
		
				ul.navigation li.gallery_contact a:active{
	
	
	height: 150px;
	width: 150px;
	
				}

.sub_gallery_container {
	height: 200px;
	width: 400px;
	margin-top: 220px;
	margin-left: 20px;
	
}

.gallery_container {
	width: 50%;
	margin-left: 500px;
	
	margin-top: -100px;
}

.gallery_heading {
	background-image: url(../images/black_and_white.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 75%;
	margin-left: 0px;
	margin-top: 250px;
}

ul.navigation li.zombies_123 a {
	height: 150px;	
	
}

ul.navigation li.zombies_456 a {
	
	height: 150px;
	
}
ul.navigation li.zeadz a {
	
	height: 300px;
	
}

ul.navigation li.birthday a {
	
	height: 300px;
	
}

ul.navigation li.wolfman_01 a {
	
	height: 225px;
	
}

ul.navigation li.gary a {
	
	height: 300px;
	
}

ul.navigation li.hornbook a {
	
	height: 300px;
	
}

ul.navigation li.customer a {
	
	height: 300px;
	
}

ul.navigation li.deserter a {
	
	height: 310px;
	
}

ul.navigation li.insectbot a {
	
	height: 350px;
	
}

ul.navigation li.outlaw a {
	
	height: 275px;
	
}

ul.navigation li.munsters a {
	
	height: 300px;
	
}

ul.navigation li.addams a {
	
	height: 300px;
	
}

ul.navigation li.mascot a {
	
	height: 300px;
	
}

ul.navigation li.fatal a {
	
	height: 300px;
	
}

ul.navigation li.werewolf a {
	
	height: 300px;
	
}


}


@media screen and (max-width:800px) {



		.gallery_navigation_container {
	width: 100px;
	margin-top: 0px;
}		
				
ul.navigation li.gallery_gallery a {
	height:100px;
	width: 100px;
}
ul.navigation li.gallery_gallery a:hover {
	
	height: 100px;
	width: 100px;
}
ul.navigation li.gallery_gallery a:active {
	
	height: 100px;
	width: 100px;
}
ul.navigation li.gallery_bio a{
	height: 100px;
	width: 100px;
				}
		
		
		
				ul.navigation li.gallery_bio a:hover{
			
						
			height: 100px;
			width: 100px;
			
				}
		
		
		
				ul.navigation li.gallery_bio a:active{
	
	
	height: 100px;
	width: 100px;
	
				}
				
				
				
				ul.navigation li.gallery_contact a{
	height: 100px;
	width: 100px;
				}
		
		
		
		
				ul.navigation li.gallery_contact a:hover{
			
						
			height: 100px;
			width: 100px;
			
				}
		
				ul.navigation li.gallery_contact a:active{
	
	
	height: 100px;
	width: 100px;
	
				}
.sub_gallery_container {
	height: 200px;
	width: 300px;
	margin-top: 350px;
	margin-left: 20px;
}
	
ul.navigation li.black_and_white a {
	
	height: 30px;
	width: 50%;
	
	
}
ul.navigation li.home_black_and_white a {
	height: 30px;
	width: 50%;
}


ul.navigation li.black_and_white a:hover {
	
	height: 30px;
	width: 50%;
	
}

ul.navigation li.black_and_white a:active {

	height: 30px;
	width: 50%;
	
}


ul.navigation li.color a {
	
	height: 30px;
	width: 25%;
	
}
ul.navigation li.home_color a {
	height: 30px;
	width: 25%;
}

ul.navigation li.color a:hover {
	
	height: 30px;
	width: 25%;
	
}

ul.navigation li.color a:active {
	
	height: 30px;
	width: 25%;
	
}

ul.navigation li.halloween a {
	
	height: 30px;
	width: 70% ;	
}

ul.navigation li.home_halloween a {
	
	height: 30px;
	width: 70% ;	
}



ul.navigation li.halloween a:hover {
	
	height: 30px;
	width: 70%;
	
}
ul.navigation li.halloween a:active {
	
	height: 30px;
	width: 70%;
	
}

ul.navigation li.sketchbook a {
	
	height: 30px;
	width: 50%;
	
	
}
ul.navigation li.sketchbook a:hover {
	
	height: 30px;
	width: 50%;
	
}
ul.navigation li.sketchbook a:active {
	
	height: 30px;
	width: 50%;
	
}

ul.navigation li.godzilla a {
	
	height: 30px;
	width: 35%;
	
}
ul.navigation li.godzilla a:hover {

	height: 30px;
	width: 35%;

}
ul.navigation li.godzilla a:active {
	
	height: 30px;
	width: 35%;
	
}
.gallery_container {
	width: 60%;
	margin-left: 250px;
	
	margin-top: -200px;
}

.gallery_heading {
	background-image: url(../images/black_and_white.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 75%;
	margin-left: 0px;
	margin-top: 250px;
	
}

ul.navigation li.zombies_123 a {
	height: 200px;	
	
}

ul.navigation li.zombies_456 a {
	
	height: 200px;
	
}
ul.navigation li.zeadz a {
	
	height: 400px;
	
}

ul.navigation li.birthday a {
	
	height: 400px;
	
}	


ul.navigation li.wolfman_01 a {
	
	height: 400px;
	
}

ul.navigation li.birthday a {
	
	height: 400px;
	
}




}


@media screen and (max-width:400px) {



		.gallery_navigation_container {
	width: 100%;
	margin-top: 0px;
	
}		
				
ul.navigation li.gallery_gallery a {
	height: 100px;
	width: 75px;
	float: left;
	margin-left: -20px;
		
}
ul.navigation li.gallery_gallery a:hover {
	
	height: 100px;
	width: 75px;
	float: left;
	margin-left: -20px;
}
ul.navigation li.gallery_gallery a:active {
	
	height: 100px;
	width: 75px;
	float: left;
	margin-left: -20px;
}
ul.navigation li.gallery_bio a{
	height: 80px;
	width: 75px;
	float: left;
	margin-left: 10px;
				}
		
		
		
				ul.navigation li.gallery_bio a:hover{
			
						
			height: 80px;
	width: 75px;
	float: left;
	margin-left: 10px;
			
				}
		
		
		
				ul.navigation li.gallery_bio a:active{
	
	
	height: 80px;
	width: 75px;
	float: left;
	margin-left: 10px;
	
				}
				
				
				
				ul.navigation li.gallery_contact a{
	height: 120px;
	width: 80px;
	float: left;
	margin-left: -10px;
				}
		
		
		
		
				ul.navigation li.gallery_contact a:hover{
			
						
			height: 120px;
	width: 80px;
	float: left;
	margin-left: -10px;
			
				}
		
				ul.navigation li.gallery_contact a:active{
	
	
		height: 120px;
	width: 80px;
	float: left;
	margin-left: -10px;
	
				}



.sub_gallery_container {
	height: 200px;
	width: 300px;
	margin-top: 350px;
	margin-left: 20px;
}
	
ul.navigation li.black_and_white a {
	
	height: 80px;
	width: 100%;
	
	
}
ul.navigation li.home_black_and_white a {

	visibility: hidden;
}


ul.navigation li.black_and_white a:hover {
	
	visibility: hidden;
	
}

ul.navigation li.black_and_white a:active {

	visibility: hidden;
}


ul.navigation li.color a {
	
	visibility: hidden;
	
}

ul.navigation li.color a:hover {
	
	visibility: hidden;
	
}

ul.navigation li.color a:active {
	visibility: hidden;
	
}

ul.navigation li.halloween a {
	
	visibility: hidden;	
}
ul.navigation li.halloween a:hover {
	
	visibility: hidden;
	
}
ul.navigation li.halloween a:active {
	
	visibility: hidden;
	
}

ul.navigation li.sketchbook a {
	
visibility: hidden;
	
	
}
ul.navigation li.sketchbook a:hover {
	
	visibility: hidden;
	
}
ul.navigation li.sketchbook a:active {
	
	visibility: hidden;
	
}

ul.navigation li.godzilla a {
	
	visibility: hidden;
	
}
ul.navigation li.godzilla a:hover {

	visibility: hidden;

}
ul.navigation li.godzilla a:active {
	
	visibility: hidden;
	
}
.gallery_container {
	width: 100%;
	margin-left: 0px;
	margin-top: -200px;
}
.gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 100%;

	
	
}
ul.navigation li.zombies_123 a {
	height: 150px;
	margin-left: -10px;
	margin-top: 0px;
}

ul.navigation li.zombies_456 a {
	height: 150px;

	margin-left: -10px;	
}
ul.navigation li.zeadz a {
	
	height: 350px;
	
}

ul.navigation li.birthday a {
	height: 200px;
	
	margin-top: 0px;
}


ul.navigation li.wolfman_01 a {
	height: 150px;
	margin-left: -10px;	
	margin-top: 50px;
}

ul.navigation li.gary a {
	height: 275px;
	margin-left: 0px;	
	margin-top: 50px;
}

ul.navigation li.hornbook a {
	height: 275px;
	margin-left: 0px;	
	margin-top: 50px;
}

ul.navigation li.customer a {
	height: 200px;
	margin-left: -10px;	
	margin-top: 50px;
}

ul.navigation li.deserter a {
	height: 200px;
	margin-left: -10px;	
	margin-top: 50px;
}

ul.navigation li.insectbot a {
	height: 250px;
	margin-left: 0px;	
	margin-top: 50px;
}

ul.navigation li.outlaw a {
	height: 150px;
	margin-left: 0px;	
	margin-top: 50px;
}

ul.navigation li.munsters a {
	height: 250px;
	margin-left: 10px;	
	margin-top: 50px;
}

ul.navigation li.addams a {
	height: 250px;
	margin-left: 10px;	
	margin-top: 50px;
}

ul.navigation li.mascot a {
	height: 200px;
	margin-left: 5px;	
	margin-top: 50px;
}

ul.navigation li.fatal a {
	height: 250px;
	margin-left: 10px;	
	margin-top: 50px;
}

ul.navigation li.werewolf a {
	height: 275px;
	margin-left: 10px;	
	margin-top: 50px;
}

}


/*--end black and white --*/




/*--begin color --*/


.color_gallery_container {
	width:50%;
	margin-left: 700px;
	
}



ul.navigation li.black_and_white a {
	display: block;
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-image: url(../images/black_and_white.png);
	background-size: contain;
}




ul.navigation li.home_color a {
	display: block;
	background-image: url(../images/color_gray.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 25%;
	background-size: contain;
}


.color_gallery_heading {
	background-image: url(../images/color.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 75%;
	margin-left: 0px;
	margin-top: 250px;
}
ul.navigation li.bunyan a {
	background-image: url(../images/bunyan.jpg);
	background-repeat: no-repeat;
	width: 600px;
	background-size: contain;
	float: left;
	height: 650px;
	margin-top: 50px;
}
ul.navigation li.wolfman a {
	background-image: url(../images/wolfman.jpg);
	background-repeat: no-repeat;
	width: 550px;
	background-size: contain;
	float: left;
	height: 550px;
	margin-top: 30px;	
}

ul.navigation li.random_one a {
	background-image: url(../images/random_one.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
	background-size: contain;
	float: left;
	height: 500px;
	margin-top: 30px;	
}

@media screen and (max-width:1300px) {






.color_gallery_container {
	width: 50%;
	margin-left: 500px;
	
	margin-top: -100px;
}



ul.navigation li.bunyan a {
	height: 300px;	
	
}

ul.navigation li.wolfman a {
	
	height: 300px;
	
}
ul.navigation li.random_one a {
	
	height: 300px;
	
}





}

@media screen and (max-width:800px) {



		

	
ul.navigation li.black_and_white a {
	
	height: 30px;
	width: 50%;
	
	
}
ul.navigation li.home_black_and_white a {
	height: 30px;
	width: 50%;
}


ul.navigation li.black_and_white a:hover {
	
	height: 30px;
	width: 50%;
	
}

ul.navigation li.black_and_white a:active {

	height: 30px;
	width: 50%;
	
}


ul.navigation li.color a {
	
	height: 30px;
	width: 25%;
	
}
ul.navigation li.home_color a {
	height: 30px;
	width: 25%;
}

ul.navigation li.color a:hover {
	
	height: 30px;
	width: 25%;
	
}

ul.navigation li.color a:active {
	
	height: 30px;
	width: 25%;
	
}

ul.navigation li.halloween a {
	
	height: 30px;
	width: 70% ;	
}
ul.navigation li.halloween a:hover {
	
	height: 30px;
	width: 70%;
	
}
ul.navigation li.halloween a:active {
	
	height: 30px;
	width: 70%;
	
}

ul.navigation li.sketchbook a {
	
	height: 30px;
	width: 50%;
	
	
}
ul.navigation li.sketchbook a:hover {
	
	height: 30px;
	width: 50%;
	
}
ul.navigation li.sketchbook a:active {
	
	height: 30px;
	width: 50%;
	
}

ul.navigation li.godzilla a {
	
	height: 30px;
	width: 35%;
	
}
ul.navigation li.godzilla a:hover {

	height: 30px;
	width: 35%;

}
ul.navigation li.godzilla a:active {
	
	height: 30px;
	width: 35%;
	
}
.color_gallery_container {
	width: 60%;
	margin-left: 250px;
	
	margin-top: -200px;
}


ul.navigation li.bunyan a {
	height: 300px;	
	
}

ul.navigation li.wolfman a {
	
	height: 300px;
	
}
ul.navigation li.random_one a {
	
	height: 300px;
	
}

	
}

@media screen and (max-width:400px) {



		




	
ul.navigation li.black_and_white a {
	
	height: 80px;
	width: 100%;
	
	
}

ul.navigation li.black_and_white a {

	visibility: hidden;
}

ul.navigation li.home_black_and_white a {

	visibility: hidden;
}


ul.navigation li.black_and_white a:hover {
	
	visibility: hidden;
	
}

ul.navigation li.black_and_white a:active {

	visibility: hidden;
}


ul.navigation li.color a {
	
	visibility: hidden;
	
}

ul.navigation li.home_color a {
	
	visibility: hidden;
	
}


ul.navigation li.color a:hover {
	
	visibility: hidden;
	
}

ul.navigation li.color a:active {
	visibility: hidden;
	
}

ul.navigation li.halloween a {
	
	visibility: hidden;	
}
ul.navigation li.halloween a:hover {
	
	visibility: hidden;
	
}
ul.navigation li.halloween a:active {
	
	visibility: hidden;
	
}

ul.navigation li.sketchbook a {
	
visibility: hidden;
	
	
}
ul.navigation li.sketchbook a:hover {
	
	visibility: hidden;
	
}
ul.navigation li.sketchbook a:active {
	
	visibility: hidden;
	
}

ul.navigation li.godzilla a {
	
	visibility: hidden;
	
}
ul.navigation li.godzilla a:hover {

	visibility: hidden;

}
ul.navigation li.godzilla a:active {
	
	visibility: hidden;
	
}
.color_gallery_container {
	width: 100%;
	margin-left: 0px;
	margin-top: -200px;
}
.color_gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 50%;
	background-size:contain;
	
	
}
ul.navigation li.bunyan a {
	height: 275px;
	margin-top: -30px;
}

ul.navigation li.wolfman a {
	height: 275px;

		
}
ul.navigation li.random_one a {
	
	height: 275px;
	
}

}


/*--end color --*/




/*--begin halloween --*/


.halloween_gallery_container {
	width:50%;
	margin-left: 700px;
	
}



ul.navigation li.black_and_white a {
	display: block;
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-image: url(../images/black_and_white.png);
	background-size: contain;
}




ul.navigation li.home_color a {
	display: block;
	background-image: url(../images/color_gray.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 25%;
	background-size: contain;
}


.halloween_gallery_heading {
	background-image: url(../images/halloween.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 75%;
	margin-left: 0px;
	margin-top: 250px;
}
ul.navigation li.pumpkin a {
	background-image: url(../images/pumpkin.jpg);
	background-repeat: no-repeat;
	width: 800px;
	background-size: contain;
	float: left;
	height: 600px;
	margin-top: 50px;
		
}
ul.navigation li.cat a {
	background-image: url(../images/cat.jpg);
	background-repeat: no-repeat;
	width: 800px;
	background-size: contain;
	float: left;
	height: 800px;
	margin-top: 50px;
	
}

ul.navigation li.scarecrow a {
	background-image: url(../images/scarecrow.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	background-size: contain;
	float: left;
	height: 800px;
	margin-top: 30px;
}

@media screen and (max-width:1300px) {



.halloween_gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 80%;
	background-size:contain;
	
	
}


.halloween_gallery_container {
	width: 50%;
	margin-left: 500px;
	
	margin-top: -100px;
}



ul.navigation li.pumpkin a {
	height: 200px;	
	
}

ul.navigation li.cat a {
	
	height: 200px;
	
}
ul.navigation li.scarecrow a {
	
	height: 200px;
	
}





}

@media screen and (max-width:800px) {

.halloween_gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 100%;
	background-size: contain;
		
	
}

		

	
ul.navigation li.black_and_white a {
	
	height: 30px;
	width: 50%;
	
	
}
ul.navigation li.home_black_and_white a {
	height: 30px;
	width: 50%;
}


ul.navigation li.black_and_white a:hover {
	
	height: 30px;
	width: 50%;
	
}

ul.navigation li.black_and_white a:active {

	height: 30px;
	width: 50%;
	
}


ul.navigation li.color a {
	
	height: 30px;
	width: 25%;
	
}
ul.navigation li.home_color a {
	height: 30px;
	width: 25%;
}

ul.navigation li.color a:hover {
	
	height: 30px;
	width: 25%;
	
}

ul.navigation li.color a:active {
	
	height: 30px;
	width: 25%;
	
}

ul.navigation li.halloween a {
	
	height: 30px;
	width: 70% ;	
}
ul.navigation li.halloween a:hover {
	
	height: 30px;
	width: 70%;
	
}
ul.navigation li.halloween a:active {
	
	height: 30px;
	width: 70%;
	
}

ul.navigation li.sketchbook a {
	
	height: 30px;
	width: 50%;
	
	
}
ul.navigation li.sketchbook a:hover {
	
	height: 30px;
	width: 50%;
	
}
ul.navigation li.sketchbook a:active {
	
	height: 30px;
	width: 50%;
	
}

ul.navigation li.godzilla a {
	
	height: 30px;
	width: 35%;
	
}
ul.navigation li.godzilla a:hover {

	height: 30px;
	width: 35%;

}
ul.navigation li.godzilla a:active {
	
	height: 30px;
	width: 35%;
	
}
.halloween_gallery_container {
	width: 60%;
	margin-left: 250px;
	
	margin-top: -200px;
}


ul.navigation li.pumpkin a {
	height: 200px;	
	
}

ul.navigation li.cat a {
	
	height: 200px;
	
}
ul.navigation li.scarecrow a {
	
	height: 200px;
	
}

	
}

@media screen and (max-width:400px) {



		




	
ul.navigation li.black_and_white a {
	
	height: 80px;
	width: 100%;
	
	
}

ul.navigation li.black_and_white a {

	visibility: hidden;
}

ul.navigation li.home_black_and_white a {

	visibility: hidden;
}


ul.navigation li.black_and_white a:hover {
	
	visibility: hidden;
	
}

ul.navigation li.black_and_white a:active {

	visibility: hidden;
}


ul.navigation li.color a {
	
	visibility: hidden;
	
}

ul.navigation li.home_color a {
	
	visibility: hidden;
	
}


ul.navigation li.color a:hover {
	
	visibility: hidden;
	
}

ul.navigation li.color a:active {
	visibility: hidden;
	
}

ul.navigation li.halloween a {
	
	visibility: hidden;	
}

ul.navigation li.home_halloween a {
	
	visibility: hidden;	
}



ul.navigation li.halloween a:hover {
	
	visibility: hidden;
	
}
ul.navigation li.halloween a:active {
	
	visibility: hidden;
	
}

ul.navigation li.sketchbook a {
	
visibility: hidden;
	
	
}

ul.navigation li.home_sketchbook a {
	
visibility: hidden;
	
	
}

ul.navigation li.sketchbook a:hover {
	
	visibility: hidden;
	
}
ul.navigation li.sketchbook a:active {
	
	visibility: hidden;
	
}

ul.navigation li.godzilla a {
	
	visibility: hidden;
	
}

ul.navigation li.home_godzilla a {
	
	visibility: hidden;
	
}

ul.navigation li.godzilla a:hover {

	visibility: hidden;

}
ul.navigation li.godzilla a:active {
	
	visibility: hidden;
	
}
.halloween_gallery_container {
	width: 100%;
	margin-left: 0px;
	margin-top: -200px;
}
.halloween_gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 100%;
	background-size:contain;
	
	
}
ul.navigation li.pumpkin a {
	height: 175px;
	margin-top: -30px;
}

ul.navigation li.cat a {
	height: 300px;
	margin-top: 30px;		
}
ul.navigation li.scarecrow a {
	
	height: 300px;
	
}

}


/*--end halloween --*/




/*--begin sketchbook --*/


.sketchbook_gallery_container {
	width:50%;
	margin-left: 700px;
	
}



ul.navigation li.black_and_white a {
	display: block;
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-image: url(../images/black_and_white.png);
	background-size: contain;
}




ul.navigation li.home_color a {
	display: block;
	background-image: url(../images/color_gray.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 25%;
	background-size: contain;
}


.sketchbook_gallery_heading {
	background-image: url(../images/sketchbook.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 75%;
	margin-left: 0px;
	margin-top: 250px;
}
ul.navigation li.superhero a {
	background-image: url(../images/superhero.jpg);
	background-repeat: no-repeat;
	width: 800px;
	background-size: contain;
	float: left;
	height: 600px;
	margin-top: 50px;		
}
ul.navigation li.krampus_1 a {
	background-image: url(../images/krampus_1.jpg);
	background-repeat: no-repeat;
	width: 800px;
	background-size: contain;
	float: left;
	height: 800px;
	margin-top: 50px;	
}

ul.navigation li.christmas_goat a {
	background-image: url(../images/christmas_goat.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	background-size: contain;
	float: left;
	height: 800px;
	margin-top: 30px;
}

@media screen and (max-width:1300px) {



.sketchbook_gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 80%;
	background-size:contain;
	
	
}


.sketchbook_gallery_container {
	width: 50%;
	margin-left: 500px;
	
	margin-top: -100px;
}



ul.navigation li.superhero a {
	height: 300px;	
	
}

ul.navigation li.krampus_1 a {
	
	height: 300px;
	
}
ul.navigation li.christmas_goat a {
	
	height: 300px;
	
}





}

@media screen and (max-width:800px) {

.sketchbook_gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 100%;
	background-size: contain;
		
	
}

		

	
ul.navigation li.black_and_white a {
	
	height: 30px;
	width: 50%;
	
	
}
ul.navigation li.home_black_and_white a {
	height: 30px;
	width: 50%;
}


ul.navigation li.black_and_white a:hover {
	
	height: 30px;
	width: 50%;
	
}

ul.navigation li.black_and_white a:active {

	height: 30px;
	width: 50%;
	
}


ul.navigation li.color a {
	
	height: 30px;
	width: 25%;
	
}
ul.navigation li.home_color a {
	height: 30px;
	width: 25%;
}

ul.navigation li.color a:hover {
	
	height: 30px;
	width: 25%;
	
}

ul.navigation li.color a:active {
	
	height: 30px;
	width: 25%;
	
}

ul.navigation li.halloween a {
	
	height: 30px;
	width: 70% ;	
}
ul.navigation li.halloween a:hover {
	
	height: 30px;
	width: 70%;
	
}
ul.navigation li.halloween a:active {
	
	height: 30px;
	width: 70%;
	
}

ul.navigation li.sketchbook a {
	
	height: 30px;
	width: 50%;
	
	
}


ul.navigation li.home_sketchbook a {
	
	height: 30px;
	width: 50%;
	
	
}
ul.navigation li.sketchbook a:hover {
	
	height: 30px;
	width: 50%;
	
}
ul.navigation li.sketchbook a:active {
	
	height: 30px;
	width: 50%;
	
}

ul.navigation li.godzilla a {
	
	height: 30px;
	width: 35%;
	
}
ul.navigation li.godzilla a:hover {

	height: 30px;
	width: 35%;

}
ul.navigation li.godzilla a:active {
	
	height: 30px;
	width: 35%;
	
}
.sketchbook_gallery_container {
	width: 60%;
	margin-left: 250px;
	
	margin-top: -200px;
}


ul.navigation li.superhero a {
	height: 300px;	
	
}

ul.navigation li.krampus_1 a {
	
	height: 300px;
	
}
ul.navigation li.christmas_goat a {
	
	height: 300px;
	
}

	
}

@media screen and (max-width:400px) {



		




	
ul.navigation li.black_and_white a {
	
	height: 80px;
	width: 100%;
	
	
}

ul.navigation li.black_and_white a {

	visibility: hidden;
}

ul.navigation li.home_black_and_white a {

	visibility: hidden;
}


ul.navigation li.black_and_white a:hover {
	
	visibility: hidden;
	
}

ul.navigation li.black_and_white a:active {

	visibility: hidden;
}


ul.navigation li.color a {
	
	visibility: hidden;
	
}

ul.navigation li.home_color a {
	
	visibility: hidden;
	
}


ul.navigation li.color a:hover {
	
	visibility: hidden;
	
}

ul.navigation li.color a:active {
	visibility: hidden;
	
}

ul.navigation li.halloween a {
	
	visibility: hidden;	
}

ul.navigation li.home_halloween a {
	
	visibility: hidden;	
}



ul.navigation li.halloween a:hover {
	
	visibility: hidden;
	
}
ul.navigation li.halloween a:active {
	
	visibility: hidden;
	
}

ul.navigation li.sketchbook a {
	
visibility: hidden;
	
	
}

ul.navigation li.home_sketchbook a {
	
visibility: hidden;
	
	
}

ul.navigation li.sketchbook a:hover {
	
	visibility: hidden;
	
}
ul.navigation li.sketchbook a:active {
	
	visibility: hidden;
	
}

ul.navigation li.godzilla a {
	
	visibility: hidden;
	
}

ul.navigation li.home_godzilla a {
	
	visibility: hidden;
	
}

ul.navigation li.godzilla a:hover {

	visibility: hidden;

}
ul.navigation li.godzilla a:active {
	
	visibility: hidden;
	
}
.sketchbook_gallery_container {
	width: 100%;
	margin-left: 0px;
	margin-top: -200px;
}
.sketchbook_gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 100%;
	background-size:contain;
	
	
}
ul.navigation li.superhero a {
	height: 175px;
	margin-top: -30px;
}

ul.navigation li.krampus_1 a {
	height: 300px;
	margin-top: 30px;		
}
ul.navigation li.christmas_goat a {
	
	height: 300px;
	
}

}
/*--end sketchbook --*/




/*--begin godzilla --*/


.godzilla_gallery_container {
	width:50%;
	margin-left: 700px;
	
}



ul.navigation li.black_and_white a {
	display: block;
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-image: url(../images/black_and_white.png);
	background-size: contain;
}




ul.navigation li.home_color a {
	display: block;
	background-image: url(../images/color_gray.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 25%;
	background-size: contain;
}
ul.navigation li.home_godzilla a {
	display: block;
	background-image: url(../images/godzilla_gray.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 50%;
	background-size: contain;
}

.godzilla_gallery_heading {
	background-image: url(../images/godzilla.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 75%;
	margin-left: 0px;
	margin-top: 250px;
}
ul.navigation li.winter_1 a {
	background-image: url(../images/winter_1.jpg);
	background-repeat: no-repeat;
	width: 800px;
	background-size: contain;
	float: left;
	height: 600px;
	margin-top: 50px;
}
ul.navigation li.winter_2 a {
	background-image: url(../images/winter_2.jpg);
	background-repeat: no-repeat;
	width: 800px;
	background-size: contain;
	float: left;
	height: 800px;
	margin-top: 50px;
}

ul.navigation li.winter_3 a {
	background-image: url(../images/winter_3.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	background-size: contain;
	float: left;
	height: 800px;
	margin-top: 30px;
}

@media screen and (max-width:1300px) {



.godzilla_gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 80%;
	background-size:contain;
	
	
}


.godzilla_gallery_container {
	width: 50%;
	margin-left: 500px;
	
	margin-top: -100px;
}



ul.navigation li.winter_1 a {
	height: 300px;	
	
}

ul.navigation li.winter_2 a {
	
	height: 300px;
	
}
ul.navigation li.winter_3 a {
	
	height: 300px;
	
}





}

@media screen and (max-width:800px) {

.godzilla_gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 100%;
	background-size: contain;
		
	
}

		

	
ul.navigation li.black_and_white a {
	
	height: 30px;
	width: 50%;
	
	
}
ul.navigation li.home_black_and_white a {
	height: 30px;
	width: 50%;
}


ul.navigation li.black_and_white a:hover {
	
	height: 30px;
	width: 50%;
	
}

ul.navigation li.black_and_white a:active {

	height: 30px;
	width: 50%;
	
}


ul.navigation li.color a {
	
	height: 30px;
	width: 25%;
	
}
ul.navigation li.home_color a {
	height: 30px;
	width: 25%;
}

ul.navigation li.color a:hover {
	
	height: 30px;
	width: 25%;
	
}

ul.navigation li.color a:active {
	
	height: 30px;
	width: 25%;
	
}

ul.navigation li.halloween a {
	
	height: 30px;
	width: 70% ;	
}
ul.navigation li.halloween a:hover {
	
	height: 30px;
	width: 70%;
	
}
ul.navigation li.halloween a:active {
	
	height: 30px;
	width: 70%;
	
}

ul.navigation li.sketchbook a {
	
	height: 30px;
	width: 50%;
	
	
}


ul.navigation li.sketchbook a {
	
	height: 30px;
	width: 50%;
	
	
}
ul.navigation li.sketchbook a:hover {
	
	height: 30px;
	width: 50%;
	
}
ul.navigation li.sketchbook a:active {
	
	height: 30px;
	width: 50%;
	
}

ul.navigation li.godzilla a {
	
	height: 30px;
	width: 35%;
	
}

ul.navigation li.home_godzilla a {
	
	height: 30px;
	width: 35%;
	
}


ul.navigation li.godzilla a:hover {

	height: 30px;
	width: 35%;

}
ul.navigation li.godzilla a:active {
	
	height: 30px;
	width: 35%;
	
}
.godzilla_gallery_container {
	width: 60%;
	margin-left: 250px;
	
	margin-top: -200px;
}


ul.navigation li.winter_1 a {
	height: 300px;	
	
}

ul.navigation li.winter_2 a {
	
	height: 300px;
	
}
ul.navigation li.winter_3 a {
	
	height: 300px;
	
}

	
}

@media screen and (max-width:400px) {



		




	
ul.navigation li.black_and_white a {
	
	height: 80px;
	width: 100%;
	
	
}

ul.navigation li.black_and_white a {

	visibility: hidden;
}

ul.navigation li.home_black_and_white a {

	visibility: hidden;
}


ul.navigation li.black_and_white a:hover {
	
	visibility: hidden;
	
}

ul.navigation li.black_and_white a:active {

	visibility: hidden;
}


ul.navigation li.color a {
	
	visibility: hidden;
	
}

ul.navigation li.home_color a {
	
	visibility: hidden;
	
}


ul.navigation li.color a:hover {
	
	visibility: hidden;
	
}

ul.navigation li.color a:active {
	visibility: hidden;
	
}

ul.navigation li.halloween a {
	
	visibility: hidden;	
}

ul.navigation li.home_halloween a {
	
	visibility: hidden;	
}



ul.navigation li.halloween a:hover {
	
	visibility: hidden;
	
}
ul.navigation li.halloween a:active {
	
	visibility: hidden;
	
}

ul.navigation li.sketchbook a {
	
visibility: hidden;
	
	
}

ul.navigation li.home_sketchbook a {
	
visibility: hidden;
	
	
}

ul.navigation li.sketchbook a:hover {
	
	visibility: hidden;
	
}
ul.navigation li.sketchbook a:active {
	
	visibility: hidden;
	
}

ul.navigation li.godzilla a {
	
	visibility: hidden;
	
}

ul.navigation li.home_godzilla a {
	
	visibility: hidden;
	
}

ul.navigation li.godzilla a:hover {

	visibility: hidden;

}
ul.navigation li.godzilla a:active {
	
	visibility: hidden;
	
}
.godzilla_gallery_container {
	width: 100%;
	margin-left: 0px;
	margin-top: -200px;
}
.godzilla_gallery_heading {
	margin-left: 0px;
	margin-top: 350px;
	width: 100%;
	background-size:contain;
	
	
}
ul.navigation li.winter_1 a {
	height: 200px;
	margin-top: -20px;
}

ul.navigation li.winter_2 a {
	height: 200px;
	margin-top: 30px;		
}
ul.navigation li.winter_3 a {
	
	height: 200px;
	
}

}
