/*******************************************
	Main Nav Dropdown System
*******************************************/



/*******************************************
	This sets up the main nav structure. 
	1. Will give you the parent level. 
	2. User SPRITES for the image rollovers
	3. Set your width and heights. 
*******************************************/
ul.main-nav, ul.secondary-nav, ul.main-nav ul{
	list-style:none;
}

ul.main-nav{
	position:relative;
	bottom:0;
	margin:0;
	padding:0 0 0 115px;
	height:50px;
	z-index:1000;
}

ul.main-nav li {
	float:left;
}


ul.main-nav li a{
	background-image:url(/images/navbar.png); background-repeat:no-repeat;
	display:block;
	height:50px;
	text-indent:-9999px;
}


ul.main-nav li a.nav-home {background-position: left top; width:166px;}
ul.main-nav li:hover a.nav-home {background-position: left bottom;}

ul.main-nav li a.nav-house {background-position: -166px top; width:107px;}
ul.main-nav li:hover a.nav-house {background-position: -166px bottom;}

ul.main-nav li a.nav-passes {background-position: -273px top; width:143px;}
ul.main-nav li:hover a.nav-passes {background-position: -273px bottom;}

ul.main-nav li a.nav-report {background-position: -416px top; width:194px;}
ul.main-nav li:hover a.nav-report {background-position: -416px bottom;}

ul.main-nav li a.nav-photo {background-position: -610px top; width:151px;}
ul.main-nav li:hover a.nav-photo {background-position: -610px bottom;}

ul.main-nav li a.nav-cam {background-position: -761px top; width:149px;}
ul.main-nav li:hover a.nav-cam {background-position: -761px bottom;}

ul.main-nav ul {display: none;}
ul.main-nav ul:hover {/*cursor:pointer;*/}