/*
 ################################
 #			  	#
 #   PHARFOLIO NAVIGATION CSS	#
 #				#
 ################################
 */

 @media all {


	#login-navigation { float:right;margin-top:10px;margin-right:10px;font-size:1.0em; }
	#login-navigation li{ float: left; margin: 0; padding: 0; margin-left: 0px; display: inline; }
	#login-navigation a { color: #59595B; text-decoration: none; font-size: 1.1em; position: relative; padding: 0 4px; }
	#login-navigation a:hover { border-bottom:5px solid #98BE0F; }

	#locale-navigation { font-size:1.0em; float:right; margin-top:10px; }
	#locale-navigation li { float:left; margin:0; padding:0; margin-left:0px; display:inline; }
	#locale-navigation a { color:#59595B; text-decoration:none; font-size:1.1em; position:relative; padding:0 4px }
	#locale-navigation a:hover,#locale-navigation a.selected { border-bottom:5px solid #98BE0F; }

	#main-navigation-wrap { width:100%; position:relative; }
	#main-navigation-wrap div.shadow { height:11px; width:100%; background: transparent url(../img/navigation-background.png) repeat-x top center; position:absolute; top:0; z-index:10000; }

	#main-navigation { padding:0; z-index:5000; font-size:1.2em;  z-index:1; }
	#main-navigation li { float:left; padding:0; margin:0; width:25%; display:inline; position:relative; }
	#main-navigation a { width:99%; float:left; margin:0; text-align:center; padding:18px 0;  background-color:#98BE0F; color:#ffffff; text-decoration:none; }
	#main-navigation a:hover, #main-navigation a.selected { color:#70B22F; background: #EAEAEA url(../img/navigation-background-selected.png) no-repeat bottom center; }
	#main-navigation li:last-child a { width:100%; }

	#main-navigation li ul { padding:0; z-index:5000; display:none; font-size:1em; font-weight:bold; z-index:1; position:absolute; top:54px; width:100%; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; }
	#main-navigation li li, #main-navigation li li a { display:block; float:none; clear:both; width:auto; margin:0; padding:0; position:relative; }
	#main-navigation li li { border-top: 1px solid #BBCF4C;}
	#main-navigation li li a { padding:12px 0; text-align:center; background-color:#E6EECA; color:#98BE0F; text-decoration:none; }
	#main-navigation li li a:hover, #main-navigation li li a.selected { color:#98BE0F; background-color:#e0e8c2; background-image:none; }
	#main-navigation li li:last-child a { width:100%; }
        
        .sub-navigation { margin-top: -2px; }

	#bottom-navigation { margin:80px 0 20px 0; font-size:0.95em; }
	#bottom-navigation li { padding:0 6px; border-right:1px solid #818181; margin:0; }
	#bottom-navigation li:first-child { padding:0 6px 0 0; }
	#bottom-navigation li:last-child { border-right:0; }
	#bottom-navigation a { text-decoration:none; color:#818181; }
	#bottom-navigation a:hover, #botttom-navigation a.selected { text-decoration:underline; }

	#admin-navigation { margin:10px 35px; font-size:0.95em; float:right; }
	#admin-navigation li { padding:0 15px; margin:0; display:inline; float:left; }
	#admin-navigation a { text-decoration:none; color:#818181; }
	#admin-navigation a:hover, #admin-navigation a.selected { text-decoration:underline; color:#000000; }

	#user-navigation { margin:10px 0; font-size:0.95em; position:absolute; top:0; left:0; }
	#user-navigation li { padding:0 15px; margin:0; display:inline; float:left; font-weight:bold; }
	#user-navigation a { text-decoration:none; color:#818181; }
	#user-navigation a:hover, #user-navigation a.selected { text-decoration:underline; color:#000000; }
 }