/* 
== GENERAL ====================================================================================

NORTHLAND PIONEER ATHLETICS :: MASTER GLOBAL HEADER CSS
Created by: Marketing and Communications - Creative Services


== NOTES ======================================================================================

- Global header for northlandcollege.edu/athletics


== UPDATE INFO ================================================================================

Last updated: September 08, 2010
Last update by: Chad Sperling ( Director of Creative Services )


== TABLE OF CONTENTS ==========================================================================
	
	00. MASTER HEADER STRUCTURE
	01. TOP BAR
			a) Northland College Logo
			b) Official Website Text
	02. MAIN BANNER
			a) Pioneer Athletics Logo
			b) Search Form
	03. PRIMARY NAVIGATION BAR
	
===========================================================================================================================================
===========================================================================================================================================
===========================================================================================================================================
=========================================================================================================================================== */



/*
===========================================================================================================================================
	
	00: MASTER HEADER STRUCTURE
	
===========================================================================================================================================
*/

#masterHDR {
	clear:both;
	width:100%;
	max-height:160px;
	height:160px!important;
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top: 5px solid #b60002;}
#masterHDR .wrap {
	width:982px;
	_width:982px;
	min-width:982px;
	max-width:982px;
	margin:0px auto;
	position:relative;
	padding-top:0;
	padding-bottom:0;}	
#masterHDR .topbar {
	position: relative;
	overflow:visible;
	max-height:24px;
	height:24px;
	_height:24px;
	margin-top:0px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:1px;
	border:0;
	background-image: url(../images/masterhd/toplinks-border.png);
	background-repeat: repeat-x;
	background-position: 0 24px;}
#masterHDR .topbar .left{position: absolute; top: 0; left: 0;}
#masterHDR .topbar .right{position: absolute; top: 0; right: 0;}	
#masterHDR .banner {
	position: relative;
	overflow:visible;
	max-height:96px;
	height:96px;
	_height:96px;}	
#masterHDR .primaryNAV {
	position: relative;
	z-index:9999;
	background-image: url(../images/masterhd/bg-primarynav2.png);
	background-repeat: repeat;
	max-height:40px!important;
	height:40px!important;
	_height:40px!important;
	width:982px!important;
	max-width:982px!important;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-khtml-border-top-left-radius:6px;
	-khtml-border-top-right-radius:6px;
	-khtml-border-bottom-left-radius:6px;
	-khtml-border-bottom-right-radius:6px;}


/*
===========================================================================================================================================
	
	01: TOP BAR
	
===========================================================================================================================================
*/

/* TOP BAR = Northland College Logo */
#masterHDR .topbar .northlandlogo {
	display:block;
	padding-top:1px!important;
	min-height:22px;/* can be customized on site specifc css files*/
	max-width:322px!important;/* can be customized on site specifc css files*/
	background-repeat: no-repeat!important;
	text-indent: -9000px;
	overflow:visible!important;}
#masterHDR .topbar .northlandlogo a {
	display:block;
	text-indent: -9000px;
	height:22px!important;
	min-height:22px;
	width:322px!important;
	padding:0px!important;
	margin-right: 20px!important;
	background-image: url(../images/masterhd/logo-northland.png);
	background-repeat: no-repeat!important;
	overflow:hidden!important;
	border:none!important;}
	
/* TOP BAR = Links/Official Website */
#masterHDR .topbar .right ul{
	padding:0px 0;
	margin-top: 2px;
	font-size:10px;
	width:auto;
	border:0;}
.ie6 #masterHDR .topbar .right ul{position:relative;}
#masterHDR .topbar .right li{
	font-family:Helvetica,Arial,sans-serif;
	font-size: 10px;
	font-weight: normal;
	display: inline;
	height: 20px;
	color: #FFF;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
	background-image: url(http://a1.espncdn.com/prod/assets/trans_border.png);
	background-repeat: repeat-y;
	background-position: right;}
#masterHDR .topbar .right li.last{background:none;}
#masterHDR .topbar .right li.label{
	font-size:10px;
	color:#FFF;
	background:none;
	padding-top:-1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;}
#masterHDR .topbar .right a {
	position: relative;
	color: #CCC;
	height:1%;
	padding: 0px;}
#masterHDR .topbar .right li.active a{
	margin-top:-1px;
	color:#FFF;
	font-weight:bold;
	background-image: url(http://a1.espncdn.com/prod/assets/trans_border.png);
	background-repeat: repeat-x;
	background-position: 0 10px;}
#masterHDR .topbar .right li a:hover{
	text-decoration:none;
	color:#FFF;
	border-bottom:3px #FFF solid!important;
	margin-bottom:0px;
	padding-bottom:0px;
	border-color:#666;}


/*
===========================================================================================================================================
	
	02: MAIN BANNER
	
===========================================================================================================================================
*/

/* MAIN BANNER = Pioneer Logo */
.siteLogo {
	display:block;
	padding-top:12px!important;
	min-height:72px;/* can be customized on site specifc css files*/
	max-width:982px!important;/* can be customized on site specifc css files*/
	background-repeat: no-repeat!important;
	text-indent: -9000px;
	overflow:visible!important;}
#home .siteLogo a {
	display:block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif!important;
	min-height:72px;
	overflow:visible!important;
	border:none!important;
	text-indent: -9000px;
	padding:0px!important;
	background-repeat: no-repeat!important;}
#home .siteLogo a {
	height:72px!important;
	width:360px!important;
	margin-bottom:0px!important;
	margin-left: auto!important;
	margin-right: auto!important;
	background-image: url(../images/masterhd/logo-main.png);
	background-repeat: no-repeat;
	overflow:hidden;}

/* MAIN BANNER = Search Form */
div#search {
	position: absolute;
	top: 35px;
	left: 680px;}
* html div#search { /* for IE6 */
	left: 628px;}
*:first-child+html div#search { /* for IE7 */
	left: 628px;}	
#cse-search-box{margin:0 0 0 50px;padding-top:0px;}
#cse-search-box p{float:left;margin:0 0 10px;}
#front #cse-search-box p{opacity:.6;filter:alpha(opacity = 60);}
#searchform_q{
	background:#fff;
	margin:0;
	width:170px;
	margin:0;
	padding:4px;
	border:1px solid #eee;
	border-right-width:0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	font:13px "Lucida Grande",Arial,Sans-serif;}
#searchform_q:focus{outline-width:0;border-color:#fff;}
#searchform_submit{
	margin:0;
	*padding:3px 2px;	
	border:1px solid #eee;
	outline-width:0;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	font:13px "Lucida Grande",Arial,Sans-serif;
	font-weight:bold;
	font-style:normal;
	color:#333;
	text-shadow:0 1px 0 #fff;
	background-color: #bbb;
	background-image: url(../images/masterhd/bg-btn-search.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;}
* html #searchform_submit { /* for IE6 */
	padding:2px;}
*:first-child+html #searchform_submit { /* for IE7 */
	padding:2px;}
#searchform_submit::-moz-focus-inner{padding:0;border:0;}
#searchform_submit:hover,#searchform_submit:focus{background-position:0 -5px;cursor:pointer;color:#111;}
#searchform_submit:active{background-image:none;}
.chrome-windows #searchform_submit{padding:4px 10px;}



/*
===========================================================================================================================================
	
	03: PRIMARY NAVIGATION BAR
	
===========================================================================================================================================
*/

.ddsmoothmenu {
	width: 100%;
	display: block;
	height: 40px;
	padding: 0 0px;
	position: relative;}
	
.ddsmoothmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;}
/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
	height: 40px;
	border-left: 1px solid #292929;
	border-right: 1px solid #000;}
/* HOME BUTTON */ 
.ddsmoothmenu #nav-home{ width: 21px!important;}
.ddsmoothmenu #nav-home img{position: absolute; top: 13px!important; left: 11px}
@media screen and (-webkit-min-device-pixel-ratio:0){
.ddsmoothmenu #nav-home{ width: 21px!important;}
.ddsmoothmenu #nav-home img{position: absolute; top: 13px!important; left: 11px}
}
/* MENS SPORTS BUTTON */ 
.ddsmoothmenu #nav-mens{ width: 125px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.ddsmoothmenu #nav-mens{ width: 125px!important;}
}
/* WOMENS SPORTS BUTTON */ 
.ddsmoothmenu #nav-womens{ width: 140px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.ddsmoothmenu #nav-womens{ width: 140px!important;}
}
/* ABOUT BUTTON */ 
.ddsmoothmenu #nav-about{ width: 65px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.ddsmoothmenu #nav-about{ width: 65px!important;}
}
/* RECRUITING BUTTON */ 
.ddsmoothmenu #nav-recruiting{ width: 130px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.ddsmoothmenu #nav-recruiting{ width: 130px!important;}
}
/* SCHEDULES BUTTON */ 
.ddsmoothmenu #nav-schedules{ width: 146px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.ddsmoothmenu #nav-schedules{ width: 146px!important;}
}
/* CAMPS BUTTON */ 
.ddsmoothmenu #nav-camps{ width: 175px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.ddsmoothmenu #nav-camps{ width: 175px!important;}
}


/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	height: 30px;
	text-align:center!important;
	text-shadow:0 -1px 1px rgba(0,0,0,0.9)!important;
	color: #fff;
	font-weight: bold;
	_display: inline-block;
	text-decoration: none!important;
	text-transform: uppercase!important;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 9px;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;}
.ddsmoothmenu ul li.first {
	border-left: none!important;}
.ddsmoothmenu ul li.last {
	border-right: none!important;}	
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: white;}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: black; 
	color: white;}
.ddsmoothmenu ul li.first a:hover {
	background-image: url(/001_Global/images/masterheader/programs/bg-nav-over2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0;
	text-shadow:0 -1px 1px rgba(0,0,0,0.6);
	color: #fff;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:0px;
	-khtml-border-top-left-radius:6px;
	-khtml-border-top-right-radius:0px;
	-khtml-border-bottom-left-radius:6px;
	-khtml-border-bottom-right-radius:0px;}		
.ddsmoothmenu ul li a:hover{
	background-image: url(/001_Global/images/masterheader/programs/bg-nav-over2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0;
	text-shadow:0 -1px 1px rgba(0,0,0,0.6);
	color: #fff;}
.ddsmoothmenu ul li.last a:hover {
	background-image: url(/001_Global/images/masterheader/programs/bg-nav-over2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0;
	text-shadow:0 -1px 1px rgba(0,0,0,0.6);
	color: #fff;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:6px;
	-khtml-border-top-left-radius:0px;
	-khtml-border-top-right-radius:6px;
	-khtml-border-bottom-left-radius:0px;
	-khtml-border-bottom-right-radius:6px;}	
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background:#fff;
	text-align:left!important;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-khtml-border-top-left-radius:0px;
	-khtml-border-top-right-radius:0px;
	-khtml-border-bottom-left-radius:4px;
	-khtml-border-bottom-right-radius:4px;	
	-o-box-shadow:0 0 15px #000;
	-icab-box-shadow:0 0 15px #000;
	-khtml-box-shadow:0 0 15px #000;
	-moz-box-shadow:0 0 15px #000;
	-webkit-box-shadow:0 0 15px #000;
	box-shadow:3px 3px 3px 3px #000;
	box-shadow: 0px 1px 3px #000;/* #888888 */
	border:none!important;}
* html .ddsmoothmenu ul li ul { /* for IE6 */
	position: absolute;
	z-index: 9998;}
*:first-child+html .ddsmoothmenu ul li ul { /* for IE7 */
	position: absolute;
	z-index: 9998;}	


/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
	border:none!important;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;
	border:none!important;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	width: 190px!important;
	margin: 0;
	text-align:left!important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	font-size: 12px!important;
	font-style: normal!important;
	font-weight: bold!important;
	font-variant: normal;
	color: #225DB7!important;
	text-shadow:none!important;
	padding-right: 3px;
	padding-left: 8px;}
.ddsmoothmenu ul li ul li a:hover{
	background:none!important;
	text-decoration:underline!important;}
.ddsmoothmenu ul li ul li a.last{
	border-bottom: none!important;}
	
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
	position: absolute;
	top: 16px;
	right: 15px;}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: none;}




#main-navbar {
	display: block;
	height: 40px;
	/* background: #b60002 url(http://i.cdn.turner.com/cnn/.element/img/3.0/global/header/bg-nav.c.gif) 0px -66px repeat-x; */
	padding: 0 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #A80000;}
#main-navbar .primary li {
	display: block;
	text-align:center;
	float: left;
	height: 40px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #292929;
	border-left-color: #000;}
#main-navbar .primary li.first {
	border-left: none!important;}
#main-navbar .primary li.last {
	border-right: none!important;}
#main-navbar .primary li a {
	overflow: hidden;
	line-height: 40px;	
	text-shadow:0 -1px 1px rgba(0,0,0,0.9)!important;
	color: #fff;
	font-weight: bold;
	display: block;
	_display: inline-block;
	text-decoration: none!important;
	height: 40px;
	text-transform: uppercase!important;
	/* padding-left:10px;
	padding-right:10px;*/
	background-image: url(/001_Global/images/masterheader/programs/bg-nav-off2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0;}
#main-navbar .primary li.first a:hover {
	background-image: url(/001_Global/images/masterheader/programs/bg-nav-over2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0;
	text-shadow:0 -1px 1px rgba(0,0,0,0.6);
	color: #fff;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:0px;
	-khtml-border-top-left-radius:6px;
	-khtml-border-top-right-radius:0px;
	-khtml-border-bottom-left-radius:6px;
	-khtml-border-bottom-right-radius:0px;}	
#main-navbar .primary li a:hover {
	background-image: url(/001_Global/images/masterheader/programs/bg-nav-over2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0;
	text-shadow:0 -1px 1px rgba(0,0,0,0.6);
	color: #fff;}
#main-navbar .primary li.last a:hover {
	background-image: url(/001_Global/images/masterheader/programs/bg-nav-over2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0;
	text-shadow:0 -1px 1px rgba(0,0,0,0.6);
	color: #fff;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:6px;
	-khtml-border-top-left-radius:0px;
	-khtml-border-top-right-radius:6px;
	-khtml-border-bottom-left-radius:0px;
	-khtml-border-bottom-right-radius:6px;}		
#main-navbar .primary li a:active{
	background-image: url(/001_Global/images/masterheader/programs/bg-nav-active2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0;
	text-shadow:none!important;
	color: #F2F2F2!important;
	cursor:default!important;}
#main-navbar .primary .nav-on, #main-navbar .primary .nav-on:hover{
	color: #fff;
	font-size:13px!important;
	text-shadow:none!important;
	margin-top:-3px;
	padding-top:3px;
	height: 38px!important;
	background-image: url(/001_Global/images/masterheader/programs/bg-nav-on.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;}
#main-navbar .primary .nav-on:hover{
	text-decoration:underline!important;}



/* HOME BUTTON */ 
#main-navbar .primary #nav-home{ width: 38px!important;}
#main-navbar .primary #nav-home img{position: absolute; top: 13px!important; left: 11px}
@media screen and (-webkit-min-device-pixel-ratio:0){
#main-navbar .primary #nav-home{ width: 38px!important;}
#main-navbar .primary #nav-home img{position: absolute; top: 13px!important; left: 11px}
}
/* MENS BUTTON */ 
#main-navbar .primary #nav-mens{ width: 130px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#main-navbar .primary #nav-mens{ width: 130px!important;}
}
/* WOMENS BUTTON */ 
#main-navbar .primary #nav-womens{ width: 160px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#main-navbar .primary #nav-womens{ width: 160px!important;}
}
/* ABOUT BUTTON */ 
#main-navbar .primary #nav-about{ width: 70px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#main-navbar .primary #nav-about{ width: 70px!important;}
}
/* FUTURE BUTTON */ 
#main-navbar .primary #nav-future{ width: 135px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#main-navbar .primary #nav-future{ width: 135px!important;}
}
/* SCHEDULES BUTTON */ 
#main-navbar .primary #nav-schedules{ width: 155px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#main-navbar .primary #nav-schedules{ width: 155px!important;}
}
/* CAMPS BUTTON */ 
#main-navbar .primary #nav-camps{ width: 195px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#main-navbar .primary #nav-camps{ width: 195px!important;}
}


/* SUB NAVIGATION BAR */
#sub-navbar {
	border-bottom: 0px solid #000;
	overflow:hidden!important;
	display: block;
	height: 30px;
	padding: 0 0px;}
#sub-navbar .menu {
	display:block; 
	margin:0 auto; 
	width: 982px; 
	height: 30px; 
	/* border-left: 1px solid #b60002*/}
#sub-navbar .menu li {
	display: block;
	font-size:11px!important;
	margin-top:0px;
	text-align:center;
	float: left;
	height: 30px;}
#sub-navbar .menu li a {
	overflow: hidden;
	background:none;
	line-height: 5px;
	color: #FFF;
	font-weight: bold;
	display: block;
	_display: inline-block;
	text-decoration: none!important;
	height: 30px;
	text-transform: capitalize!important;
	padding-left:21px;
	padding-right:21px;}
#sub-navbar .menu li.first a {
	padding-left:10px!important;}
#sub-navbar .menu li.last a {
	padding-right:10px!important;}	
#sub-navbar .menu li a:hover {
	text-decoration:underline!important;
	text-shadow: none!important;
	color: #fff;}	
	
	
	
	
/* GLOBALHEADER */
#globalheader { width: 982px; height: 38px; margin: 18px auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; zoom: 1; width: 100%;}
#globalheader #globalnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 103px; height: 0; padding-top: 38px; overflow: hidden; background-image: url(http://images.apple.com/global/nav/images/globalnavbg.png); _background-image: url(http://images.apple.com/global/nav/images/globalnavbg.gif); background-repeat: no-repeat; }
#globalheader #globalsearch { background-image: url(http://images.apple.com/global/nav/images/globalnavbg.png); _background-image: url(http://images.apple.com/global/nav/images/globalnavbg.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-apple a { background-position: 0 0; }
#globalheader #globalnav li#gn-store a { background-position: -103px 0; }
#globalheader #globalnav li#gn-mac a { background-position: -206px 0; }
#globalheader #globalnav li#gn-ipod a { background-position: -309px 0; }
#globalheader #globalnav li#gn-iphone a { background-position: -412px 0; }
#globalheader #globalnav li#gn-ipad a { background-position: -515px 0; }
#globalheader #globalnav li#gn-itunes a { background-position: -618px 0; }
#globalheader #globalnav li#gn-support a { background-position: -721px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-apple a:hover { background-position: 0 -38px; }
#globalheader #globalnav li#gn-store a:hover { background-position: -103px -38px; }
#globalheader #globalnav li#gn-mac a:hover { background-position: -206px -38px; }
#globalheader #globalnav li#gn-ipod a:hover { background-position: -309px -38px; }
#globalheader #globalnav li#gn-iphone a:hover { background-position: -412px -38px; }
#globalheader #globalnav li#gn-ipad a:hover { background-position: -515px -38px; }
#globalheader #globalnav li#gn-itunes a:hover { background-position: -618px -38px; }
#globalheader #globalnav li#gn-support a:hover { background-position: -721px -38px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-apple a:active { background-position: 0 -76px; }
#globalheader #globalnav li#gn-store a:active { background-position: -103px -76px; }
#globalheader #globalnav li#gn-mac a:active { background-position: -206px -76px; }
#globalheader #globalnav li#gn-ipod a:active { background-position: -309px -76px; }
#globalheader #globalnav li#gn-iphone a:active { background-position: -412px -76px; }
#globalheader #globalnav li#gn-ipad a:active { background-position: -515px -76px; }
#globalheader #globalnav li#gn-itunes a:active { background-position: -618px -76px; }
#globalheader #globalnav li#gn-support a:active { background-position: -721px -76px; }

/* ON STATES */
#globalheader.home #globalnav li#gn-apple a:hover { background-position: 0 0; cursor: default; }
#globalheader.store #globalnav li#gn-store a { background-position: -103px -114px !important; }
#globalheader.mac #globalnav li#gn-mac a { background-position: -206px -114px !important; }
#globalheader.ipod #globalnav li#gn-ipod a { background-position: -309px -114px !important; }
#globalheader.iphone #globalnav li#gn-iphone a { background-position: -412px -114px !important; }
#globalheader.ipad #globalnav li#gn-ipad a { background-position: -515px -114px !important; }
#globalheader.itunes #globalnav li#gn-itunes a { background-position: -618px -114px !important; }
#globalheader.support #globalnav li#gn-support a { background-position: -721px -114px !important; }