@charset "UTF-8";
/* CSS Document */

/******************************************************
********************* NAVIGATION **********************
*******************************************************/

#navcontainer {
	background-color:#404041; 
	width:860px; 
	height:30px; 
	margin: 0 auto; 
	margin-bottom: 10px; 
	z-index:1; 
	left: 0px; 
	top: 0; 
}
#navcontainer ul, #navcontainer li, #navlist { 
	list-style:none;} /*all ul's and li's in mainnav and subnav have no style*/
#navcontainer li { 
	display:inline;} /*li's in mainnav and subnav display horizontally*/
#navcontainer a { 
	display:block; 
	height:30px;
	float:left; 
	margin-left: 30px; 
	text-decoration:none;} /*all links in the mainnav are block elements with a specific height*/
#navcontainer a.design {
	background: url(../_images/nav1.png) no-repeat 0 0; 
	width:77px;} /*UX Design image*/
#navcontainer a.reading {
	background: url(../_images/nav2.png) no-repeat 0 0;
	width:144px;} /*Resources & Reading image*/
#navcontainer a.community {
	background: url(../_images/nav3.png) no-repeat 0 0;
	width:85px;} /*Community image*/
#navcontainer a.tutorials {
	background: url(../_images/nav4.png) no-repeat 0 0;
	width:119px;} /*Tutorials & Tools image*/
#navcontainer a.career {
	background: url(../_images/nav5.png) no-repeat 0 0;
	width:55px;} /*Career image*/
#navcontainer a:hover { 
	background-position: 0 -30px;} /*on hover moves all link images up 30px to reveal rollover*/
#navcontainer #active a#current { 
	background-position: 0 -30px;} /*on hover moves all link images up 30px to reveal rollover*/
#navcontainer span { 
	visibility:hidden;} /*hides text used in navlist*/