/*	
	======================================================================

	public/template.css

	======================================================================
*/

	
/* ----------------------------------------------------
   document
   ---------------------------------------------------- */

	body {

		background-color: #316FB0;
	}


/* ----------------------------------------------------
   template
   ---------------------------------------------------- */

	#uber_background_green {
	
		position: fixed;			
		height: 100%;
		width: 50%;
		
		left: 0;
		top: 0;

		z-index: 10;
		
		background-color: #A4C34E;
		margin: 0;
		padding: 0;
	}

	#uber_background_blue {

		position: fixed;			
		height: 100%;
		width: 50%;

		top: 0;
		left: 50%;

		z-index: 10;
		
		background-color: #316FB0;
		margin: 0;
		padding: 0;
	}
	
	#top_green_stripe {
	
		position: relative;			
		height: 30px;
		width: 100%;

		z-index: 15;
		
		background-color: #A4C34E;
	}

	#bottom_blue_stripe {

		box-sizing: border-box;

		position: absolute;			
		bottom: 0;
		height: 35px;
		width: 100%;
		margin: 0;

		padding: 3px 0 0 50px;

		font-size: 1.8rem;
		
		background-color: #316FB0;
		
		text-align: left;

		pointer-events: auto;
		z-index: 9999;
	}

	#content_wrapper {
	
		position: relative;
		margin: 0 auto 0 auto;
		width: 100%;
		max-width: 1200px;
		min-height: 100%;
		z-index: 10;
		padding: 0;
		background-color: white;
		box-sizing: border-box;
		overflow: clip;
	}
	
	#green_swoop {
	
		position: absolute;
		top: 30px;
		left: 0;
		width: 360px;
		height: 400px;
		z-index: 12;
		margin: 0;
		padding: 0;
		text-align: left;
		pointer-events: none;
	}
	
	#blue_swoop {
	
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 430px;
		z-index: 100;
		text-align: right;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		pointer-events: none;
	}
	
	#blue_swoop_image {
	
		width: 360px;
		height: 400px;
		pointer-events: none;
 	}
	
	#green_swoop_image {
	
		width: 360px;
		height: 400px;
		pointer-events: none;
 	}
	
	#content {
	
		position: relative;
		margin: 170px auto 0px auto;
		width: 70%;
		min-width: 600px;
		max-width: 900px;
		z-index: 20;
		padding: 0 0 120px 0;
		text-align: left;
		box-sizing: border-box;
	}
	
/* ----------------------------------------------------
   logo
   ---------------------------------------------------- */

	#logo {

		display: block;
		position: absolute;	
		top: 70px;
		left: 170px;
		text-align: left;
		z-index: 30;
	}
	
	#logo_lettering {

		display: none;
		position: absolute;	
		top: 70px;
		left: 50px;
		width: 
		text-align: left;
		z-index: 30;
	}
	
	#logo_bob {

		display: none;
		position: absolute;	
		top: 15px;
		right: 30px;
		text-align: left;
		z-index: 30;
	}
	

/* ----------------------------------------------------
   top navigation
   ---------------------------------------------------- */

	#top_bar {
	
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;

		color: white;
		z-index: 900;
		margin-top: 2px;

		opacity: 0.5;
	}
	
	#server_notice {
	
		float: left;
		margin-left: 10px;
		width: 250px;
		text-align: left;
		color: #FFF;
		font-size: 2.0rem;
		font-weight: bold;
		margin-top: 3px;
	}