/*
		File: 	nav.css
		Date: 	2011
		Auth:	Creativeink Design Group | web@creativeink.ca
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*---------------------------------------------------------------------------- 
TOP NAVIGATION
-----------------------------------------------------------------------------*/
.navigation { 
	position:relative;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:30px;
	letter-spacing:0.075em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:0px 5px 0px 5px;
	padding:0px 5px 0px 5px;
}


/*---------------------------------------------------------------------------- 
SIDE NAVIGATION
-----------------------------------------------------------------------------*/

#nav, #nav ul {
	margin:0; padding:0;
	list-style-type:none;
	position:relative;
	
	text-transform:uppercase; 
	font-family: 'Michroma', arial, serif;
	font-weight:bold;
	font-size:9px;
	letter-spacing:0.2em;
	text-align:center;
	
	display:inline; /* HORIZONTAL */
}

#nav a{
	display:block;
	margin:0px;
	padding:0;
	text-decoration:none;
	vertical-align:middle;
}

#nav li{
	float:left;
	position:relative;
}

#nav ul {
	position:absolute;
	display:none;
}

#nav li ul{
	width:auto;
	float:left;
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:12em;
	margin:0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}

/*------------------------
   VARIABLES
--------------------------*/
#nav a, #nav li ul a, .nav_selected {
	width:200px;
	height:30px; line-height:30px;
}