/* BASIC
*/
<style type="text/css">
html, body {
	height: 100%;
}
</style>

	#content{  top:0px; left:0px;  width:100%; text-align:left; background-color: #ccc;}

	#content p {width: inherit;}

	#content img {background: none; background-color: none; color: none;}

			
	#content2{ position:absolute; top:0px; left:0px; background:#111; background:rgba(0,0,0,0.0); width:100%; text-align:left; }
			.stamp{ float: right; margin: 15px 30px 0 0; }	
			
			

#header {padding: 0px 0px;
		color: #666;
		background-color: #111;
		text-align: left;
		font: normal 1 em Helvetica, Arial, sans-serif;	
		float: center;
		z-index:9000; 
		}

#header:hover {
		background-color:#333;
 			-webkit-transition: background 0.8s linear;
			-moz-transition: background 0.8s linear;
			-o-transition: background 0.8s linear;
			transition: background 0.8s linear;			
		}			

#grey_space {
		background-color:#ccc;
		text-align: left;
		height: 100px;
		}	

#grey_space:hover {
		background-color:#ccc;
		opacity: 90%
		-moz-opacity: 90%;
		}			
	

* { margin:0; padding:0; }
body { background: rgba(0,0,0,0.00);}
	img{ border:none; }
	img a:hover{ border:none; background-color: #fff; color: #fff; background: none;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;	
	}
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; 
	background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }

#supersized5 { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; 
			padding-top: 67px; float: center; background-color: #fff;
			}

		#supersized5 a:link{ background-color:#fff; border-color:#fff; color:#000; }	
			#supersized5 a:active{ background-color:#fff; border-color:#ccc; color:#000; }	
			#supersized5 a:hover{ background-color:#000; border-color:#fff; color:#fff; text-decoration:none;}		



		
#content_pages { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; padding-top: 0px;}

		#content_pages  a:link{ background-color:#none; border-color:#fff; color:#000; }	
			#content_pages  a:active{ background-color:#none; border-color:#ccc; color:#fff; }	
			#content_pages  a:hover{ background-color:#none; border-color:#fff; color:#fff; text-decoration:none;
			}	



			
#supersized3 { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:1000px; width:100%; padding-top: 60px;}

		#content_pages  a:link{ background-color:#none; border-color:#fff; color:#000; }	
			#content_pages  a:active{ background-color:#none; border-color:#ccc; color:#fff; }	
			#content_pages  a:hover{ background-color:#none; border-color:#fff; color:#fff; text-decoration:none;}	
								

#page {   overflow:hidden; z-index:8; width:100%; height: 1000px;
		margin-top: 0%; margin-bottom: 0%; float: center; padding-left: 0px;
		background-color:#fff;
		opacity: 10%
		-moz-opacity: 10%;
		
		}

#page:hover {
		background-color:#fff;
		opacity: 100%
		-moz-opacity: 100%;

background-image: repeating-linear-gradient(180deg, transparent, transparent 4px, rgba(0,0,0,.0) 4px, rgba(0,0,0,.0) 8px);
		
		-webkit-transition: background 0.8s linear;
		-moz-transition: background 0.8s linear;
		-o-transition: background 0.8s linear;
		transition: background 0.8s linear;				
		}
		
#page_work {   overflow:hidden; z-index:8; width:100%; height: 1200px;
		margin-top: 0%; margin-bottom: 0%; float: center; padding-left: 0px;
		background-color:rgba(255,255,255,0.0);
		background-color:#fff;
		opacity: 10%
		-moz-opacity: 10%;
		
		}

#page_work:hover {
		background-color:#fff;
		opacity: 100%
		-moz-opacity: 100%;
			-webkit-transition: background 0.8s linear;
			-moz-transition: background 0.8s linear;
			-o-transition: background 0.8s linear;
			transition: background 0.8s linear;				
		}

#home {   overflow:hidden;  width:100%; height: 100%;
margin-top: 0%;float: center; 
/*
background:
radial-gradient(black 15%, transparent 15%) 0 0,
radial-gradient(black 15%, transparent 15%) 3px 3px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 40%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 40%) 8px 9px;
background-color:none;
background-size:3px 3px;
*/

}

#home2 {   overflow:hidden;  width:100%; height: 1000px;
margin-top: 0%;float: center; 
/*
background-image: linear-gradient(transparent 10%, rgba(255,255,255,.1) 50%);
background-size: 3px 3px;*/
}

	#scroll_down { 
			padding-bottom: 0px; margin:0 auto; 
			width:100%; 
			bottom:0; left:0; z-index:2000; 
			background: none; 
			}
	
			
	/*Controls Section*/
	#fullscreen { 	
			padding-bottom: 0px;  padding-left: 0px;
			margin-top: 60px;
			margin-right: 60px;
			z-index:10000; 
			bottom:0; right:0; 
			float: right;
			background: none; 
			opacity: .7;
			}
	
		#fullscreen a:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
		
		#fullscreen:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
			
		#fullscreen img:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}

	#controls-wrapper { 
			padding-bottom: 0px; margin:0 auto; 
			height:40px; width:100%; 
			bottom:0; left:0; z-index:200; 
			background: none; 
			position:fixed; 
			}
		
		#controls { overflow:hidden; height:100%; text-align:left; z-index:200; 
					padding-bottom: 0px; /* Increase padding to give thumbnails room */ }

			
			#slidecounter { background-color: rgba(0,0,0,0.0); padding-left:60px; float:left; margin:19px 10px 18px 20px;
			color:#000; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0;
			}
			
			#slidecaption2 { margin-top: 0px; padding-top: 5px; padding-left:200px; padding-right: 60px; padding-bottom: 15px;
			color:#ccc; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:300; text-shadow:#000 0 .5px 0; 
			z-index: -2000; overflow:hidden; float:left; 
			background-color: rgba(0,0,0,0.0); 
			}
			
			#navigation_left { 
			background-color: rgba(0,0,0,0.0); 
			padding-top: 50px; 
			padding-bottom: 50px; 
			padding-left: 70px; 
			padding-right: 0px; 
			margin-left: 0px; margin-bottom: 0px; margin-top: 0px;  margin-right: 0px;
			z-index: 5000; 
			bottom: 0; left:0; 
			position:fixed; 
			float:left; text-align: left; 
			opacity: .6;			
			}	
			
		#navigation_left a:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
		
		#navigation_left:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
			
		#navigation_left img:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}	
			
			#navigation_right { 
			background-color: rgba(0,0,0,0.0); 
			padding-top: 50px; 
			padding-bottom: 50px; 
			padding-left: 0px; 
			padding-right: 70px; 
			margin-left: 0px; margin-bottom: 0px; margin-top: 0px;  margin-right: 10px;
			z-index: 5000; 
			bottom: 0; right:0; 
			position:fixed; 
			float:right; text-align: right; 
			opacity: .6;			
			}	
			
		#navigation_right a:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
		
		#navigation_right:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
			
		#navigation_right img:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}			

			#navigation_center { 
			background-color: rgba(0,0,0,0.0); 
			padding-top: 50px; 
			padding-bottom: 50px; 
			padding-left: 0px; 
			padding-right: 0px; 
			margin-left: 49%;
			z-index: 5000; 
			bottom: 0;  
			position:fixed; 
			float:center; text-align: center; 
			opacity: .3;			
			}	
			
		#navigation_center a:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
		
		#navigation_center:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
			
		#navigation_center img:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
			
			#slidecaption { 
			background-color: rgba(0,0,0,0.0);padding-top: 0; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; 
			margin-bottom: 0px; margin-top: 0px; margin-left: 0px;
			overflow:hidden; float:left; text-align: left; left:0;  text-decoration: none;  line-height: 48px;
			color:#fff; font: "Georgia", Times, serif; font-size: 62px; font-weight:400; text-shadow:#000 0 .5px 0; margin:0px 0px 0px 0; 
			border-bottom:0px solid #000; border-top:0px dotted #000; z-index: 2000;
			}			

			#slidecaption a:active { border-bottom:0px dotted #000; border-top:0px dotted #000;
			}	
			#slidecaption a { margin-left: 0px; border-bottom:3px solid #ccc; border-top:3px dotted #fff; color:#444; background-color: none; 
			padding-right: 6px; padding-left: 6px; padding-top: 0px; padding-bottom: 6px;
			}
			#slidecaption a:hover { margin-left: 0px; border-bottom:3px solid #ccc; border-top:3px dotted #fff; color:#fff; background-color: #111; 
			padding-right: 6px; padding-left: 6px; padding-top: 0px; padding-bottom: 6px;
			 
			 -webkit-transition: background 0.6s linear;
			-moz-transition: background 0.6s linear;
			-o-transition: background 0.6s linear;
			transition: background 0.6s linear;	

			}			

			#slidecaption a:link { text-decoration: none; border-bottom:0px dotted #000; border-top:0px dotted #000;
			}				


			#slidecaption_bottom { background-color: rgba(0,0,0,0.0);padding-top: 20; padding-left: 90px; padding-right: 60px; padding-bottom: 150px; 
			overflow:hidden; float:left; text-align: left; bottom:0; left:0; position:fixed; 
			color:#ccc; font:35px Georgia, serif; font-style: italic; font-weight:500; text-shadow:#000 0 .5px 0; margin:0px 0px 0px 0; }			
			

	/*Thumbnail Navigation*/	
	#nextthumb,#prevthumb {padding-right: 60px; z-index:6; display:none; position:fixed; bottom:12px; height:20px; width:100px; overflow:hidden; background:none; border:2px solid #fff; -webkit-box-shadow:0 0 5px #000; }
		#nextthumb { right:12px; }
		#prevthumb { left:12px; }
			#nextthumb img, #prevthumb img { width:150px; height:auto;  }
			#nextthumb:active, #prevthumb:active { bottom:10px; }
			#navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; }		
			
	/*BOTTOM BAR*/
	#bottom-wrapper { margin:0 auto; height:10px; width:100%; bottom:0; left:0; z-index:4; background-color: #fff; background:none; }
		
		#controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding-top:0px; /* Increase padding to give thumbnails room */ }
			
			#slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }



	#controls-wrapper3 { padding-bottom: 0px; margin:0 auto; height:30px; width:100%; bottom:0; left:0; z-index:4; 
	background:/*url(../img/nav-bg.png) repeat-x*/ rgba(0,0,0,0.0) 0%; position:fixed; }
	
	#controls-wrapper3 figure a img { background:none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

	#controls-wrapper3 figure a:hover img {background:none;
	-webkit-transform: scale( 1.5 );
	-moz-transform: scale( 1.5 );
	-o-transform: scale( 1.5 );
	transform: scale( 1.5 );
	
	-webkit-box-shadow: 4px 4px 10px rgba( 0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba( 0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba( 0, 0, 0, 0.5);
}
	
	#left { padding-bottom: 0px; margin:0 auto; height:100%; width:10px; bottom:0; left:0; top: 0px; 	box-shadow: #777 0px 0px 0px;
	background: #111111; position:fixed; float: left; z-index: 2000; }

	#right { padding-bottom: 0px; margin:0 auto; height:100%; width:4px; bottom:0; right:0; 	box-shadow: #777 2px 2px 2px;
	background: #ccc; position:fixed; float: right;}

	#top { padding-bottom: 0px; margin:0 auto; height:10px; width:100%; left:0; top: 0px; 	box-shadow: #777 0px 0px 0px;
	background: #111111; position:fixed; float: left; z-index: 2000; }

	#bottom { padding-bottom: 0px; margin:0 auto; height:5px; 
	width:100%; bottom:0; left:0; z-index:4; 
	background: #ccc; position:fixed; float: left; 
	box-shadow: #777 2px 2px 2px;
	}
	
	

#scale figure a img, #rotate figure a img, #skews figure a img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#scale figure a:hover img {
	-webkit-transform: scale( 1.5 );
	-moz-transform: scale( 1.5 );
	-o-transform: scale( 1.5 );
	transform: scale( 1.5 );
	
	-webkit-box-shadow: 4px 4px 10px rgba( 0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba( 0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba( 0, 0, 0, 0.5);
}			
			
figure { }
figure figcaption {  }			
						
			
	
	#right-wrapper { float: right; height:100%; margin-left: 99.2%; width:20px; bottom:0; left:0; z-index:4; background:none; position:fixed; }
						
	#left-wrapper { float: left; margin:0 auto; height:100%; width:10px; bottom:0; left:0; z-index:4; background-color: #fff; background:none; position:fixed; }



		#project{ padding-top:100px; padding-bottom:300px; padding-left:0px; margin-bottom:300px; color:#777; 
				font:12pt 'Abel', sans-serif; font-weight: 200;
				text-shadow: #000 0.2px 0.0px 0.2px; line-height:175%; 
				
				float: center; display: inline-block;
 				letter-spacing:0.00em;				
				}
		
		#project img{ padding-top:10px; padding-bottom:10px; padding-left:0px; padding-right:90px; color:#777; 
				font:12pt 'Abel', sans-serif; font-weight: 200;
				text-shadow: #000 0.2px 0.0px 0.2px; line-height:175%; 
				float: left;		
				}		
				
		#project a:link{ 
				background-color:none; 
				border-color:none; 
				color:#777; 
				text-decoration: underline; 
				}	
				
		#project a:active{ 
				background-color:none; 
				border-color:none; 
				color:#777; 
				text-decoration: underline; 
				}	
				
		#project a:hover{ 
				background-color:#000; color:#fff; 
				-webkit-transition: background 0.8s linear;
				-moz-transition: background 0.8s linear;
				-o-transition: background 0.8s linear;
				transition: background 0.8s linear;		
				}	
	
	
	
	#about_image{
 		padding-top: 0px;
 		padding-left: 0px;
		float: right;
		width: 100%;
		height: 100%;
		margin-left: 0px;
		font: normal 100%/250% Helvetica, Arial, sans-serif;
		background-color: /*rgba(0,0,0,0.02)*/ #fff;
		background:url(../assets/home_image_clear.png) no-repeat; position:fixed; }		
	}
	

		#about_work{
 		padding-top: 0px;
 		padding-left: 0%;
		float: right;
		width: 60%;
		height: 100%;
		margin: 0px 0px 0px 0px;
		font: normal 100%/250% Helvetica, Arial, sans-serif;
		background-color:rgba(0,0,0,0.0);
	}

	
		

	#about_head {padding-left: 60px; padding-right: 60px; padding-top: 8px; padding-bottom: 8px; color:#ddd; 
				/*font-size:11pt; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; */
				 font:18pt Georgia, Arial, serif; font-style:italic; margin-right: 0px;
				text-shadow: #000 0px 1px 0px; /*line-height:500%; */ float: left;
				background: rgba(0,0,0,0.7); /*-moz-linear-gradient(left, rgba(0,0,0,0.695) 0%, rgba(0,0,0,0.72) 25%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.78) 75%, rgba(0,0,0,0.82) 100%);*//* FF3.6+ */
				
				/*background:rgba(0,0,0,0.6) /*#454545 #2c2c2c*/; 
	/*			border-bottom:3px solid rgba(0,0,0,0.4); */
				border-right:3px solid rgba(0,0,0,0.6);
				-moz-border-radius-topleft:0px;
    			-webkit-border-top-left-radius:0px;
    			-moz-border-radius-topright:0px;
    			-webkit-border-top-right-radius:0px;
    			-moz-border-radius-bottomleft:0px;
    			-webkit-border-bottom-left-radius:0px;
    			-moz-border-radius-bottomright:34px;
    			-webkit-border-bottom-right-radius:34px;  
    			/*width: 100%;*/
				}		


	#container_misc {
   		margin: auto;
    	width: 70%;
		}
	#container_misc_02 {
    	margin: 20px auto 0;
		}
	
	.box {
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    float: left;
    margin: 0 5px 5px 0;
    min-height: 100px;
    overflow: hidden;
    width: 200px;
	}
	.box a:hover {