/*

	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:15px;
}

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:5px 2px 0px 10px;	
	margin-bottom:0;
}

ul.nav li.selected a{
	opacity: 0.30;
	-moz-opacity: 0.30; /* older Gecko-based browsers */
	filter:alpha(opacity=30); /* For IE6&7 */
}


ul.nav li a:hover{
	opacity: 0.60;
	-moz-opacity: 0.60; /* older Gecko-based browsers */
	filter:alpha(opacity=60); /* For IE6&7 */
}






	
/* 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;
}


.hide {display:none;}

#nav_studios {
	width:95px;
	height:29px;
	background:url(imgs/nav_studios.png) top left no-repeat;
}

#nav_equipment {
	width:112px;
	height:29px;
	background:url(imgs/nav_equipment.png) top left no-repeat;
}

#nav_gallery {
	width:106px;
	height:29px;
	background:url(imgs/nav_gallery.png) top left no-repeat;
}

#nav_clients {
	width:96px;
	height:29px;
	background:url(imgs/nav_clients.png) top left no-repeat;
}

#nav_contact {
	width:93px;
	height:29px;
	background:url(imgs/nav_contact.png) top left no-repeat;
}


	
/* 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;
}