/* Primary - 
styles for the Main Navigation
-------------------------------------------------------- */ 

div#nav { 
      width: 160px; 
      margin: 0;
      }

div#nav ul#menu { 
	margin: 0;
	padding: 0;
	}

div#nav ul#menu li { 
	display: block;
	margin: 0; padding: 0;
	list-style: none; 
	outline: none;
	}

ul#menu li, 
ul#menu a { 
	margin: 0; padding: 0;
	display: block;
	outline: none; 
	}

ul#menu li a { 
	text-decoration: none;
	display: block;
	padding-left: 10px; margin-right: 10px;
	outline: none;
	border-top: 1px solid #474747;
	}
	
	ul#menu li a:hover {
		border-top: 1px solid #666;
		margin-right: 10px;
		}


 a#aboutmenu,
 a#projectsmenu,
 a#contactmenu { 
	padding-left: 10px;
   font: normal 22px "ff-tisa-web-pro-1","ff-tisa-web-pro-2", serif;
   text-shadow: 0 1px 1px rgba(0,0,0,0.5);
   background-color: transparent;
   height: 38px;
   color: #008d8e;
   }
   
   a#aboutmenu:hover,
	a#projectsmenu:hover,
	a#contactmenu:hover,
	body.about a#aboutmenu:hover,
	body.projects a#projectsmenu:hover,
	body.contact a#contactmenu:hover { 
		font: normal 22px "ff-tisa-web-pro-1","ff-tisa-web-pro-2", serif;
		text-shadow: 0 1px 1px rgba(0,0,0,0.5);
		background-color: transparent;
		border-top: 1px solid #666;
		color: #017677;
		}

	body.about a#aboutmenu,
	body.projects a#projectsmenu,
	body.contact a#contactmenu  {
		border-top: 1px solid #666;
		font: normal 22px "ff-tisa-web-pro-1","ff-tisa-web-pro-2", serif;
		text-shadow: 0 1px 1px rgba(0,0,0,0.5);
		background-color: transparent;
		color: #1ab5b7;
		}
		



/* Subnav - 
styles for the Subnavigation
-------------------------------------------------------- */ 

div#nav ul#menu li ul.subnav {
   margin: 0; padding: 0 0 .8em 0;
   }
   
div#nav ul#menu li ul.subnav li {
	display: block;
	list-style: none;
	padding: 0; margin: 0 0 1px 0;
	line-height: 1.75em;
	font-size: 1.1em;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", serif;
	color: #999;
	}

div#nav ul#menu li ul.subnav li a { 
	height: 100%;
	text-indent: 0;
	border: none;
	display: block;
	text-decoration: none;
	line-height: 1.75em;
	letter-spacing: .02em;
	color: #999;
	padding: 0 0 0 12px; margin: 0;
	background-image: none;
	background-color: #282828;
	}

	div#nav ul#menu li ul.subnav li a:hover { 
		height: 100%;
		border: none;
		text-indent: 0;
		display: block;
		text-decoration: none;
		padding: 0 0 0 12px; margin-right: 10px;
		background: #4e4e4e url("/images/nav/hover-arrow.gif") center left no-repeat;
		color: #fff;
		}


ul#menu li ul#projectslist {
	display: none;
	}

body.projects ul#menu li ul#projectslist {
	display: block;
	}

body.tjcc div#nav ul#menu li ul.subnav li a#tjcc-menu,
body.yowie div#nav ul#menu li ul.subnav li a#yowie-menu,
	body.hob div#nav ul#menu li ul.subnav li a#hob-menu,
	body.dgm div#nav ul#menu li ul.subnav li a#dgm-menu,
	body.tot div#nav ul#menu li ul.subnav li a#tot-menu,
	body.myd div#nav ul#menu li ul.subnav li a#myd-menu,
	body.citysearch div#nav ul#menu li ul.subnav li a#cs-menu,
	body.ln div#nav ul#menu li ul.subnav li a#ln-menu,
	body.buzz div#nav ul#menu li ul.subnav li a#buzz-menu,
	body.fps div#nav ul#menu li ul.subnav li a#fps-menu,
	body.ppt div#nav ul#menu li ul.subnav li a#ppt-menu,
	body.phx div#nav ul#menu li ul.subnav li a#phx-menu,
	body.gcd div#nav ul#menu li ul.subnav li a#gcd-menu,
	body.mf div#nav ul#menu li ul.subnav li a#mf-menu,
	body.bkms div#nav ul#menu li ul.subnav li a#bkms-menu,
	body.zoo div#nav ul#menu li ul.subnav li a#zoo-menu,
	body.ffl div#nav ul#menu li ul.subnav li a#ffl-menu,
	body.mtt div#nav ul#menu li ul.subnav li a#mtt-menu,
	body.b2 div#nav ul#menu li ul.subnav li a#b2-menu,
	body.mw div#nav ul#menu li ul.subnav li a#mw-menu,
	body.alc div#nav ul#menu li ul.subnav li a#alc-menu,
	body.ht div#nav ul#menu li ul.subnav li a#ht-menu,
	body.vaisala div#nav ul#menu li ul.subnav li a#vaisala-menu,
	body.ventana div#nav ul#menu li ul.subnav li a#ventana-menu,
	body.hawaii div#nav ul#menu li ul.subnav li a#hawaii-menu,
	body.loews div#nav ul#menu li ul.subnav li a#loews-menu,
	body.logos div#nav ul#menu li ul.subnav li a#logos-menu
		{ 
		height: 100%;
		border: none;
		text-indent: 0;
		display: block;
		text-decoration: none;
		padding: 0 0 0 17px; margin: 0;
		background: #F30 url("/images/nav/on-arrow.gif") center left no-repeat;
		color: #fff;
		}