/* -----------------------------------------
 Main layout styles
 ---------------------------------------- */
/* ======= COLOR VARIABLES ==========
	NCS Blue:  #002877		
	Dark Blue: #004490  
	NCS Light Blue: #6AAADC
	NCS Gold:  #BA8B00		
	Other Gold: #F0B310
	
	Basic Text Font:   Arial, Helvetica, sans-serif;
	Basic Text Size:	0.8em;
	Title Font:
======= end color variables =====*/
#company_logo {
		position:absolute;
		z-index: 1;
		top: 10px;
		height:60;
	}

#logo_box {
		top: -150px;
		height:400;
		border: 0px solid red;
		position:relative;
}	

#logo_box_subpage {
		top: -150px;
		left: -350px;
		height:500;
		border: 0px solid green;
		position:relative;
}
	
	#circle1 {
		background: blue;
		width: 200px;
		height: 200px;
		border-radius: 50%; 
		position: absolute;
		top: 100px;
		left: 600px;
		z-index: 3;
	}
	#circle_label1 {
		font-size: 24px;
		position: absolute;
		top: 180px;
		left: 685px;
		z-index: 20;
	}
	#circle_popup1 {
		background: gray;
		width: 200px;
		height: 200px;
		border-radius: 50%; 
		font-size: 20px;
		position: absolute;
		top: 100px;
		left: 800px;
	}


	#circle2 {
		background: red;
		width: 200px;
		height: 200px;
		border-radius: 50%;
		position: absolute;
		top: 100px;
		left: 450px;
		opacity: 0.75;
		filter: alpha(opacity=75); /* For IE8 and earlier */
		z-index: 5;
	}
	#circle_label2 {
		font-size: 24px;
		position: absolute;
		top: 180px;
		left: 490px;
		z-index: 20;
	}
	#circle3 {
		background: #FFFF00;		/* Yellow */
		width: 200px;
		height: 200px;
		border-radius: 50%;
		position: absolute;
		top: 210px;
		left: 525px;
		opacity: 0.5;
		filter: alpha(opacity=50); /* For IE8 and earlier */
		z-index: 15;
	}
	#circle_label3 {
		font-size: 24px;
		position: absolute;
		top: 300px;
		left: 570px;
		z-index: 20;
	}
	
	#circle4 {
		background: #FFFF00;		/* Yellow */
		width: 200px;
		height: 200px;
		border-radius: 50%;
		position: absolute;
		top: 210px;
		left: 525px;
		z-index: 1;
	}