/* -------------------------------------------------------------- 
	
	navigation.css	
	* Styles for navigation elements
	
-------------------------------------------------------------- */

/* Constants Navigation */

#constants ul
{
}

#constants ul li
{
    float: left;
}

#constants ul a
{
    color: #646464;
    text-decoration: none;
}
#constants ul a:hover
{
    color: #FC9317;
}
#constants ul li#levelOneSelected a
{
    color: #0080A0;
}

#constants a strong
{
    color: #9E0B0F;
    font-weight: normal;
}

#constants a:hover strong
{
    color: #FC9317;
}

#constants ul span
{
    padding: 0 15px 0 12px;
    color: #0080A0;
}


/* Main Navigation */

#navigation ul
{
}

#navigation ul li
{
    border-bottom: 2px solid #fff;
}

#navigation ul a
{
    display: block;
    padding: 4px 0 2px 7px;
    height: 16px;
    background: url(images/navigation/bg-mainnav.jpg) 0 0 repeat-y;
    font-weight: bold;
    font-size: 1.3em;
    text-decoration: none;
    color: #fff;
}
#navigation ul a:hover
{
    background: url(images/navigation/bg-mainnav.jpg) -250px 0 repeat-y;
}

#navigation ul li#navSelected a
{
    background: url(images/navigation/bg-mainnav.jpg) -252px 0 repeat-y;
}


/* Focus Navigation */

#focusNav ul { }

	#focusNav ul li {
	    float: left;
	}
	
	#focusNav ul a {
	    display: block;
	    height: 40px;
		}
	
		#focusNav a#firstLink {
		    width: 166px;
		    background: url(images/navigation/focus-nav.gif);
			background-position: 0 -6px;
			}
		
			#focusNav a#firstLink:hover {
			    background: url(images/navigation/focus-nav.gif);
				background-position: 0 -52px;
			}
			
			#focusNav a#firstLink.focusSelected {
			    background: url(images/navigation/focus-nav.gif);
				background-position: 0 -98px !important;
			}
			
		#focusNav a#secondLink {
		    width: 187px;
		    background: url(images/navigation/focus-nav.gif);
			background-position: -167px -6px;
			}
			
			#focusNav a#secondLink:hover {
			    background: url(images/navigation/focus-nav.gif);
				background-position: -167px -52px;
			}
			
			#focusNav a#secondLink.focusSelected {
			    background: url(images/navigation/focus-nav.gif);
				background-position: -167px -98px !important;
			}
			#focusNav a#secondLink.focusSelected2 {
			    background: url(images/navigation/focus-nav.gif);
				background-position: -167px -92px !important;
			}
			
		#focusNav a#thirdLink {
		    width: 121px;
		    background: url(images/navigation/focus-nav.gif);
			background-position: -357px -6px;
			}
			
			#focusNav a#thirdLink:hover {
			    background: url(images/navigation/focus-nav.gif);
				background-position: -357px -52px;
			}
			
			#focusNav a#thirdLink.focusSelected {
			    background: url(images/navigation/focus-nav.gif);
				background-position: -357px -98px !important;
			}
			#focusNav a#thirdLink.focusSelected2{
			    background: url(images/navigation/focus-nav.gif);
				background-position: -357px -92px !important;
			}
			
		#focusNav a#fourthLink {
		    width: 198px;
		    background: url(images/navigation/focus-nav.gif);
			background-position: -479px -6px;
			}
			
			#focusNav a#fourthLink:hover {
			    background: url(images/navigation/focus-nav.gif);
				background-position: -479px -52px;
			}
			
			#focusNav a#fourthLink.focusSelected {
			    background: url(images/navigation/focus-nav.gif);
				background-position: -479px -98px !important;
			}
			#focusNav a#fourthLink.focusSelected2 {
			    background: url(images/navigation/focus-nav.gif);
				background-position: -479px -92px !important;
			}

/* ====== sublevel ====== */

		#sublevel #focusNav ul a {
		    height: 46px;
			}
			/*First Link */
			#sublevel #focusNav a#firstLink {
				background-position: 0 -0px;
			}
			
			#sublevel #focusNav a#firstLink:hover {
				background-position: 0 -46px;
			}
		
			#sublevel #focusNav a#firstLink.focusSelected {
				background-position: 0 -92px !important;
			}
			/* Second Link */
			#sublevel #focusNav a#secondLink {
				background-position: -167px -0px;
			}
			
			#sublevel #focusNav a#secondLink:hover {
				background-position: -167px -46px;
			}
		
			#sublevel #focusNav a#secondLink.focusSelected {
				background-position: -167px -92px;
			}
			/*Third Link */
			#sublevel #focusNav a#thirdLink {
				background-position: -357px -0px;
			}
			
			#sublevel #focusNav a#thirdLink:hover {
				background-position: -357px -46px;
			}
			
			#sublevel #focusNav a#thirdLink.focusSelected {
				background-position: -357px -92px;
			}
			/*Fourth Link */
			#sublevel #focusNav a#fourthLink {
				background-position: -479px -0px;
			}
			
			#sublevel #focusNav a#fourthLink:hover {
				background-position: -479px -46px;
			}
			
			#sublevel #focusNav a#fourthLink.focusSelected {
				background-position: -479px -92px;
			}
	
/* ====== end sublevel ====== */

	
	
	
	
#focusNav ul a span
{
    display: none;
}


/* Selected States */
#levelOneSelected
{
}

#levelTwoSelected
{
}

#sublevelSelected
{
}

#navSelected
{
}


/* Rollover Menus */
#dhtmlEnvelope
{
    display: none;
}

.dhtmlMenu
{
    position: absolute;
    visibility: hidden;
    z-index: 5;
}
.dhtmlMenu ul
{
}
.dhtmlMenu li
{
}
.dhtmlMenu a, .dhtmlMenu a:link, .dhtmlMenu a:visited
{
}
.dhtmlMenu a:hover, .dhtmlMenu a:active
{
}





/*******************************************************************************************

TITLE: the genius development framework

VERSION: 1.0.0
URI: http://www.geniusswitchstudio.com/
AUTHOR: Christian Alexander Seeber, Principal + User Experience Architect
COPYRIGHT: 2009 genius switch studio llc

DISCLAIMER: Of course the copyright is not worth much to me, 
please feel free to borrow, steal, learn, critique (not critisize). I certainly
borrowed from countless bits i've accumulated over the years to reach this level, and 
i'm sure we'll be making updates as time goes on. I think the world of web dev is a 
great place to share and teach each other, not get pissy about who owns what... That said
we're proud of this framework, and hope if you're reading this far down, that you're gaining 
something here. Metta!

DESCRIPTION: HTML/CSS/JS Framework or Repository created by genius switch 
in order to streamline all our builds. HTML Structure is always the same, 
CSS Structure is always the same, jQuery drives everything. 
Our Markup is nearly identical on every build except for the content, 
our stylesheets, elements and classes are structured nearly identically 
every time with the only difference being the actual stylings.

**********************************************************************************************/