/*

	nav.css
	downtown music studios
	
*/

/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* The primary navigation */

ul.nav,ul.nav * {
	margin:0;
	padding:0;
}

ul.nav {
	position:relative;
	max-width:100%;
	height:2.5em;
	margin-top:10px;
}

ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}

ul.nav li.caption {
	cursor:pointer;
	float:left;
	text-align:left;
	list-style-type:none;
	font-weight:normal;
}

ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	background-position:0 0!important;
	left:-9000px;
}

ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}

ul.nav li a {
	color:#FFF;
	xbackground:white;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:1em 1em 1.3125em;
	xheight:1.3125em;
	line-height:.5em;
	text-shadow:0 1px 0 #000;
}

ul.nav li.selected a {
	color:#000;
	background:#FFF;
	padding:17px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-topleft-radius:5px;
	border-topright-radius:5px;
	border-bottomleft-radius:5px;
	border-bottomright-radius:5px;
	xbackground:white;
	text-shadow:none;
}

ul.nav li ul li a {
	position:relative!important; /* ie Mac */
	cursor:pointer!important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
	color:#666;
	background-position:0 50%!important;
}

ul.nav li a:hover,ul.nav li a:focus {
	color:#AAA;
	xbackground:#ccc;
}


	
/* Changed from #000 for colored top bar */
ul.nav li a:active {
	color:#666;
	xbackground:#fff;
}

ul.nav li:hover ul {
	left:0;
	z-index:10;
}

ul.nav li ul,ul.nav li {
}

ul.nav li:hover ul li a {
	color:#444;
}

ul.nav li:hover ul li a:hover {
	color:#000;
	background:#fff;
}

ul.nav li:hover ul li a:active {
	color:#666;
	background:#fff;
}


	
/* This gets a li in the primary over on the right site of the screen
----------------------------------------------- */
ul.nav li.secondary {
	float:right;
	color:#cde;
	background:transparent!important;
	margin:0;
	padding:0;
}

ul.nav li.secondary a:hover {
	color:#AAA;
}

ul.nav li.secondary a  {
	margin:0;
	padding:0 0 0 20px;
	display:block;
	width:100px;
	text-align:left;
}

span.contact_phone {
	background:url(imgs/phone_16.png) center left no-repeat;
	padding-left:20px;
	font-size:.8125em;
	color:#FFF;
	float:left;
	font-weight:bold;
}

a.contact_email {
	background:url(imgs/mail_16.png) center left no-repeat;
	xpadding-left:20px;
}

ul.nav li.secondary a {
	font-size:.8125em;
	line-height:1.6154em;
}