.main 
	{
		position: fixed;
		top: 10px;
		margin: auto;
		align: center;
		width: 90%;
	}
	

	#Box_Container
	{
		position: fixed;
		display: flex;
		flex-direction: column;
		align-items: center;
  		justify-content: center;


		width: 100%;
		height: 100%;
			
		margin: auto;
		//background-color: rgba(218, 255, 10, 0.15);

		background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 100%);

		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}


	
	#Box_Main 
	{
		
		//width: 99%;
		height: 780px;
			
		margin: auto;
		top: 100px;
		background-color: rgba(10,200,255,0.15);
	}
	
	#Box_Center 
	{
		position: relative;
		width: 1100px;
		
		height: 640px;
		background-color: rgba(50,50,50,0.75);
		margin: auto;
		top: -90px;
		//margin-top: -10px;
		margin-bottom: 10px;
		
		text-align: left;
	}
	

	
	#wrapper {
		width: 30000px;
		transform: translate3d(0, 0, 0);
		transition: transform .5s ease-in-out;
	}

	.panel {
		float: left;
		width: 1024px;
		height: 550px;
		white-space: normal;
		background-repeat: no-repeat;
	}
	#contentContainer {
		width: 1024px;
		height: 550px;
		border: 2px black solid;
		overflow: hidden;
		margin: auto;
		margin-top: 10px;
	}
	#itemOne {
		background-color: rgba(5,5,5,0.25);
		
		 background-size:     contain;
		background-repeat:   no-repeat;
		background-position: center center; 

		cursor: pointer;
	}

	#navLinks {
		text-align: center;
		width: 800px;
		height: 70px;
		margin: auto;
		margin-top: 0px;
		margin-bottom: 50px;
		//background-color: #FF9911;

		
	}
	#navLinks ul {
		margin: 0px;
		padding: 0px;
		display: inline-block;
		margin-top: 6px;

		height: 64px;
		//background-color: #FF9911;
	}
	#navLinks ul li {
		float: left;
		text-align: center;
		margin: 10px;
		list-style: none;
		cursor: pointer;
		
		background-color: rgba(10,200,255,0.01);
		padding: 8px;
		border-radius: 50%;
		border: rgba(255, 255, 255, 0.25) 3px solid;

		animation: nav_Off 1s;
	}
	#navLinks ul li:hover {
		background-color: rgba(10,200,255,0.5);
	}
	#navLinks ul li.active {
		background-color: rgba(10,200,255,1);
		color:  rgba(255,255,255,1);
		border-width: 3px;
		//border: rgba(255, 255, 255, 1) 3px solid;

		background-color: rgba(10,200,255,1);
		border-color: rgba(255, 255, 255, 1);

		padding: 16px;
		animation: nav_On 1s;
	}
	#navLinks ul li.active:hover {
		background-color: rgba(200,200,255,1);
		color: #FFFFFF;
	}
	

	@keyframes nav_On {
		0% 		{
					background-color: rgba(10,200,255,0.2);
					border-color: rgba(255, 255, 255, 0.25);
					padding: 8px;
				}
		100% 	{
					background-color: rgba(10,200,255,1);
					border-color: rgba(255, 255, 255, 1);
					padding: 16px;
				}
	}

	@keyframes nav_Off {
		0% 		{
					background-color: rgba(10,200,255,1);
					border-color: rgba(255, 255, 255, 1);
					padding: 16px;
				}
		100% 	{
					
					background-color: rgba(10,200,255,0.2);
					border-color: rgba(255, 255, 255, 0.25);
					padding: 8px;
				}
	}



	
	#ContentHeader 
	{
		width: 1028px;
		//height: 50px;
		background-color: rgba(50,50,50,0.5);
		margin: auto;
		margin-top: 100px;
		font-size: 30px;
		
		text-align: center;
		background-color: rgba(10,200,255,0.15);
	}
	
	
	#Header
	{
		
		font-size: 30px;
		font-weight: normal;
		color: white;

		margin-left: 10px;
		padding-top: 15px;
		padding-bottom: 10px;
		
		//font-family: monospace, sans-serif;
		font-family: 'Chelsea Market', cursive;	
		font-family: 'Comfortaa', sans-serif;	
		color: rgba(200,200,200,1);
	}
	
	#PanelContent
	{
		width: 620px;
		//height: 125px;
		//background-color: rgba(50,50,50,0.5);
		background-color: rgba(0,0,0,0.2);
		

		margin: auto;
		margin-top: 455px;
		
		margin-left: 5px;
		
		//padding-top: 5px;
		//padding-top: 10px;

		
	}
	

	.Fades_On
	{
		animation: fadeIn 11s 1;
	}

	@keyframes fadeOut {
		0%   {opacity: 1.0;}
		100% {opacity: 0.0;}
	}
	@keyframes fadeIn {
		0%   {opacity: 0.0;}
		10%   {opacity: 0.0;}
		20%   {opacity: 1.0;}
		80% {opacity: 1.0;}
		90% {opacity: 0.0;}
		100% {opacity: 0.0;}
	}







	
	#PanelContent_Proj, #PanelContent_Desc
	{
		//position: static;
		
//		font-family: Gill Sans Extrabold, sans-serif;
//		font-family: cursive;



		font-weight: bold;
		
		margin: auto;
		margin-left: 10px;
		padding-top: 1px;
	
	
		font-size: 15px;
		color: white;	
		
		//background-color: rgba(128,128,128,0.75);
		
	
		margin-block-start: 5px;
		margin-block-end: 5px;

		text-shadow: 2px 2px black;


		font-family: 'Comfortaa', sans-serif;	
		font-weight: normal;
	}

	#PanelContent_Proj
	{
		font-size: 20px;
		//color: gray;
		

		border-top: 5px solid rgba(255,255,255,0.25);
		border-top: 5px solid rgba(0,0,0,0.5);

		margin-bottom: 5px;


	}
	

	#PanelContent_Desc
	{
		//position: relative;
		//background-color: rgba(255,10,10,1);
		
		//margin-block-end: 0px;
		//margin-block-start: 00px;

		font-size: 10px;
	}














	.Info_ProjName
	{
		//color: rgb(255, 230, 0);
		//font-size: 20px;
		//border-top: 5px solid rgba(0,0,0,0);
		//border-left: 10px solid rgba(0,0,0,0);
		//background-color: blue;
		//border-top: 0px;
		margin: auto;
	}


	p{
		margin-block-end: 0px;
		margin-block-start: 0px;
	}




	.Info_ProjDesc
	{
		margin-block-start: 5px;
		border-bottom: 5px solid rgba(0,0,0,0);
	}


	#spacer
	{
		width: 600px;
		//margin-top: 50px;
		margin-left: 10px;
		
		background-color: rgba(120,120,120,0.75);
		background-color: rgba(0,0,0,0.5);
	}
	
	
	#Info_Box
	{
		width: 1100px;
		
		margin: auto;
		//background-color: rgba(120,120,120,0.75);
		background-color: rgba(50,50,50,0.5);
		
		top: 130px;
		margin-top: -45px;
	}
	

	
	
	#Info_Text, #Info_Text a:link, #Info_Text a:visited 
	{
		
		padding-top: 10px;
		color: rgba(120,120,120,1);
		
		font-family: 'Chelsea Market', cursive;	
		font-size: 20px;	
		//background-color: rgb(195, 255, 0);
	}
	
	
	
	
	
	.embededContent
	{
		display: block;
		position: fixed;

		width: 100%;
		height: 100%;
		background-color: rgba(255, 0, 255, 50);
		background-blend-mode: screen;
		z-index: -100;
		opacity: 0.5;
	}
	
	
	
	
	
/* =============================  info center (bottom)  =============================*/

	#Info_Center
	{
		width: 1028px;
		height: 50px;
		background-color: rgba(50,50,50,0.5);
		margin: auto;
		
		//background-color: rgba(120,120,120,0.75);
		background-color: rgba(10,200,255,0.15);

		display: flex;
		flex-direction: row;
		align-items: center;
  		justify-content: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	
	
	
	
	.contactOption{

		width: 100px;
		min-width: 100px;

		height: 50px;
		min-height: 50px;
	
		//font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;

		background-size: cover;
		clear:both;
		
		opacity: 25%;
	}
	
	a:hover{
		opacity: 100%;
	}

	
	
	
	
	
	#imdb	{	background-image: url("./Content/fx/imgs/contact_IMDB.png");	margin-right: 50px;}
	#email	{	background-image: url("./Content/fx/imgs/contact_email.png");	margin-right: 30px;}
	#insta	{	background-image: url("./Content/fx/imgs/contact_insta.png");	}