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

			#constants { }
			
				#constants ul { }

					#constants ul li { 
						float: left; 
						margin-right: 19px;
						font-size:10px;
						}
	
					#constants ul a {
						text-decoration: none;
						font-weight: bold;
						color: #959595;
						}
						
						#constants ul a:hover {
							color: #c9873b;
							}
						
						

		/* Navigation with Separate Level One and Sublevel Navigation */
			#levelOneNavigation { position:absolute; z-index: 50;}

				#levelOneNavigation ul { }

					#levelOneNavigation ul li { 
						float: left; 
						margin-right: 3px;
						}
	
					#levelOneNavigation ul a {
						position: relative;
						display: block;
						padding: 6px 11px 10px 11px;
						border-bottom: none;
						font-size: 15px;
						text-decoration: none;
						color: #757575;
						z-index: 99;
						}
						
						#levelOneNavigation ul a:hover {
							padding: 3px 8px 10px 8px;
						    border: 3px solid #e3d8c7;
							border-bottom: none;
							background: #fff;
							color: #c9873b;
							}
	
						#levelOneNavigation ul ul ul {
							display: none;
						}


			#sublevelNavigation { }

				#sublevelNavigation ul {
					margin: 0 0 24px 14px;
					}

					#sublevelNavigation ul li { 
						padding: 8px 0 1px 0;
					}
	
					#sublevelNavigation ul a {
						text-decoration: none;
						font-size: 1.5em;
						color: #959595;
						}
						
						#sublevelNavigation ul a:hover {
							color: #c9873b;
							}
	
						#sublevelNavigation ul ul {
							margin: 1px 0 0 0;
							display: none;
							}
							
							#sublevelNavigation ul ul li {
								padding: 0;
								width: 207px;
								}
							
							#sublevelNavigation ul li.CMSListMenuHighlightedLI ul {
								display: block;
							}
								
							#sublevelNavigation a.CMSListMenuLinkHighlighted {
								color: #c9873b;
							}
								
								#sublevelNavigation ul ul li.CMSListMenuHighlightedLI {
									background: url(../img/navigation/bg-l3nav_li.gif) 100% 0 no-repeat;			
									}
							
							#sublevelNavigation ul ul a {
								display: block;
								padding: 5px 1px 3px 13px; 
								width: 176px;
								border: 2px solid #fff;
								border-right: none !important;
								background: #fff;
								font-size: 12px;
								}
								
								#sublevelNavigation ul ul a:hover {
									color: #c9873b;
								}
							
								#sublevelNavigation ul ul li.CMSListMenuHighlightedLI a {
									border: 2px solid #e3d8c7;
									background: #f3ede4 url(../img/navigation/bg-l3nav_a.gif) top left repeat-x;
									color: #c9873b;
								}
							
							#sublevelNavigation ul li ul li ul a
							{
								margin-left:10px;
								width: 166px;
							}

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

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

DESCRIPTION: HTML/CSS/JS Framework or Repository created by genius switch studio
in order to streamline all builds. HTML Structure is always the same, 
CSS Structure is always the same, jQuery drives everything. 

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