/* 
	Mair Designs Global Navigation Bar CSS
	
	This is the CSS code for styling the global navigation bar on the
	website. It utilizes the "Pixy Method" for the various states all
	contained within a single image
	
	Creation Date: 2009.02.21

 */
 
/* GLOBAL HEADER */

#md_globalheader 
{ 
	position: absolute;
	left: 506px;
	top:  108px;
	width: 275px; 
	height: 20px; 
	z-index: 9998;
	padding: 0;
	margin: 0;
	background-color: orange;
}

/* GLOBAL NAVIGATION BAR */

#md_globalheader #md_globalnavbar 
{ 
	position: absolute;
	padding: 0;
	margin: 0;
	width: 275px; 
	height: 20px; 
	background: url(../images/md_main_nav.gif) no-repeat;
}

/* GLOBAL NAVIGATION BAR LIST */

#md_globalheader #md_globalnavbar li 
{ 
	float: left; 
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}

/* GLOBAL NAVIGATION BAR ELEMENT */

#md_globalheader #md_globalnavbar li a 
{ 
	position:  absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block; 
	height: 20px; 
	background: url(../images/md_main_nav.gif) no-repeat;
	text-indent: -9999px;
	background-color: transparent;
	overflow: hidden;
}

/* GLOBAL NAVIGATION BUTTONS - NORMAL STATE 
*/

#md_globalheader #md_globalnavbar li#navbar_home a 
{ 
	left: 0;
	width: 93px;
	background-position: 0 0;
}

#md_globalheader #md_globalnavbar li#navbar_settings a 
{ 
	left: 95px;
	width: 94px;
	background-position: -95px 0;
}

#md_globalheader #md_globalnavbar li#navbar_about a 
{ 
	left: 191px;
	width: 81px;
	background-position: -191px 0; 
}

/* GLOBAL NAVIGATION BUTTONS - ROLLOVER STATE 
*/

#md_globalheader #md_globalnavbar li#navbar_home a:hover 
{ 
	background-position: 0 -20px; 
}

#md_globalheader #md_globalnavbar li#navbar_settings a:hover 
{ 
	background-position: -95px -20px; 
}

#md_globalheader #md_globalnavbar li#navbar_about a:hover 
{ 
	background-position: -191px -20px; 
}

/* GLOBAL NAVIGATION BUTTONS - PRESSED STATE 
*/

#md_globalheader #md_globalnavbar li#navbar_home a:active 
{ 
	background-position: 0 -40px; 
}

#md_globalheader #md_globalnavbar li#navbar_settings a:active 
{ 
	background-position: -95px -40px; 
}

#md_globalheader #md_globalnavbar li#navbar_about a:active 
{ 
	background-position: -191px -40px; 
}

/* GLOBAL NAVIGATION BUTTONS - ON STATE 
*/

#md_globalheader #md_globalnavbar li#navbar_home a#selected 
{ 
	background-position: 0 -60px; 
}

#md_globalheader #md_globalnavbar li#navbar_settings a#selected 
{ 
	background-position: -95px -60px; 
}

#md_globalheader #md_globalnavbar li#navbar_about a#selected 
{ 
	background-position: -191px -60px; 
}