/* main site navigation
==============================================================================*/

#nav {
	position: absolute;
	right: 0;
	top: 71px;
	height: 79px;
	list-style: none;
	}
#nav li {
	float: right;
	height: 79px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 79px;
	width: 80px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#nav01, #nav01 a { background: url("../images/nav/2009/main_nav_01.gif") no-repeat; position: relative; }
	#nav02, #nav02 a { background: url("../images/nav/2009/main_nav_02.gif") no-repeat; }
	#nav03, #nav03 a { background: url("../images/nav/2009/main_nav_03.gif") no-repeat; }
	#nav04, #nav04 a { background: url("../images/nav/2009/main_nav_04.gif") no-repeat; }
	#nav05, #nav05 a { background: url("../images/nav/2009/main_nav_05.gif") no-repeat; }
	#nav06, #nav06 a { background: url("../images/nav/2009/main_nav_06.gif") no-repeat; }
	#nav07, #nav07 a { background: url("../images/nav/2009/main_nav_07.gif") no-repeat; }
	#nav08, #nav08 a { background: url("../images/nav/2009/main_nav_08.gif") no-repeat; }
	#nav09, #nav09 a { background: url("../images/nav/2009/main_nav_09.gif") no-repeat; }
#nav li a:hover {
	background-position: 0 -79px;
	}
	#nav li a.active,
	#nav li a.active:hover {
		background-position: 0 -79px;
		}