/*
	Starkey - Color Palette
	
	#f5f5f5   background grey
	#fbba07		yellow?
	#b5194c		red
	#1B5A8D		blue
	#F0AB00		yellow
	#c7c7c7		dark grey

*/


* {
	margin:0;
	padding:0;
}

body {
	/*background-color:#f5f5f5;*/
	background-color:#eceded;
	font-family:Arial, Helvetica, sans-serif;
	color:#232323;
	font-size:69%; /* Sets base font size to 11pt */
}

#wrapper {
	width:958px;
	margin:0 auto;
}


/* Corporate Navigation (Header) --------------------------------------------------------------------------- */
		
#header {
	/*border:1px solid #00FF33;*/
	margin:12px 25px 0 23px;
	z-index:3;
}
	
	#header li {
		float:left;
		position:relative;
		list-style:none;
		margin:0; /* removes base margin set in global.css */
		padding:0 0 10px 0;
		border-bottom:4px solid #eceded;
	}
	
		#header li.home a {
			padding:6px 10px 0 0;
			border-left:0;
		}
		
		#header li.login {
			margin:0 0 0 30px;
		}
				
		#header li.right {
			float:right;
			padding:0 0 0 0;
		}
			
			#header li.right a {
				padding:6px 0 0 8px;
				border-left:0;
				text-transform:uppercase;
			}
		
		#header li.active {
			border-bottom:4px solid #fbba07;	/* Adds yellow bar for active state */
		}
		
		#header li ul {
			display:none;
			position:absolute;
			top:0;
			left:0;
			margin:0;
			width:12em;
			background-color:#ccc;
			z-index:9;
		}
		
			#header li ul li {
				width:100%;
			}
		
		#header li:hover ul {
			display:block;
		}
			
	#header a {
		display:block;
		padding:6px 20px 0 8px;
		font-size:1em;
		font-weight:normal;
		color:#838383;
		text-decoration:none;
		border-left:1px solid #c2c2c2;
	}

		#header a:hover {
			/*color:#fbba07;*/
			color:#0083be;
		}
	
#about #header li.about_us, #innovation #header li.innovation, #news #header li.news, #contact_us #header li.contact_us, #career_opportunities #header li.careers, #experience li.experience {
	border-bottom:4px solid #fbba07;	/* Adds yellow bar for active state */
}

#about #header li.about_us a, #innovation #header li.innovation a, #news #header li.news a, #contact_us #header li.contact_us a, #career_opportunities #header li.careers a, #experience #header li.experience a {
	color:#0083be; /* makes text blue for active state */
}


/* Main --------------------------------------------------------------------------------------------------- */	
		
#main {
	clear:both;
	/* position:relative;	needs to be relative to position primary navigation */
	/*background:#fff url(/public/images/bkgd_starkey_logo.gif) no-repeat 820px 4px;*/
	background:#fff url(/public/images/bkgd_main.gif) top left repeat-y;
	padding:20px 25px 8px 23px;
	z-index:-1;
}


/* Main Navigation ------------------------------------------------------------------------------------- */


		
/* Footer Navigation ---------------------------------------------------------------------------------------- */

#footer {
	clear:both;
	/*margin:14px 20px 12px 20px;*/
	margin:0;
	background:url(/public/images/bkgd_footer.gif) top left no-repeat;
	padding:30px 25px 12px 23px;
}
	
	#footer li {
		float:right;
		list-style:none;
	}
	
	#footer p {
		color:#777;
		line-height:normal;	/* removes applied line-height on the p tag (content.css) */
		padding:0 0 0 10px;
	}
		
	#footer a {
		color:#777;
		text-decoration:none;
		font-weight:bold;
		padding:0 10px;
		border-right:1px solid #c2c2c2;
	}

		#footer a:hover {
			color:#0083be;
		}
		

		
/* Alsett Clearing Method ----------------------------------------------------------------------------------- */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */