/* STYLES FOR THE "HOME" AND "CONTACT US" LINKS */

#floatNav {
	position: relative;
	float: right;
	top: -50px;
	right: 16px;
	color: #fff;
}

#floatNav a {
	color: #fff;
	text-decoration: none;
}

/* STYLES FOR THE MAIN NAVIGATION */

#nav {
	position: absolute;
	top: 88px;
	left: 380px;
	z-index: 40;
	font-size: 90%;
}

#nav, #nav ul, #nav li {
    margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav li {
	float: left;
	margin-right: 15px;
}

#nav li a {
	padding-bottom: 9px;
	padding-left: 10px; /* makes room for the nav arrow on the left of a :hover link */
	padding-right: 10px; /* just equalizing spacing on the other side */
	color: #fff;
	text-decoration: none;
	display: block;
}

#nav li a:hover {
	background: url(../images/nav_arrow.gif) no-repeat 0px 4px;
}

#nav li a.last {
	border-bottom-style: none;
}

#nav li a.first {
	border-top-style: none;
}

#nav li ul {
	position: absolute;	
	padding: 2px;
	text-align: left;
	border-top: 1px solid #6C83B3;
	border-right: 1px solid #23313A;
	border-bottom: 1px solid #23313A;
	border-left: 1px solid #6C83B3;
	background: #4A618F;
}

#nav li ul ul {
	margin: 0 ;
}

#nav li ul,
#nav li:hover ul ul,
#nav li.sfhover ul ul { /* position the menus off the side of the screen */
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul,
#nav li.sfhover ul, #nav li li.sfhover ul { /* bring the menus on to the screen during a :hover event */
	left: auto;
}

#nav li ul li {
	margin: 0;
	float: none;
}

#nav li ul li a {
	margin: 0;
	padding: 3px;
	border-bottom: 1px solid #2F3F59;
	border-top: 1px solid #95A6C8;
}

#nav li ul li a:hover, #nav li ul li:hover, #nav li ul li.sfhover {
	background: #203E84 url(none);
}

#nav ul a {
	text-align: center;
}

li#company a, li#services a, li#portfolio a, li#testimonials a { /* center align the links in the main nav */
	text-align: center; 
}


/**** MENU STYLES: All the main nav bar entries have no width, to equalize the spacing
between them. The only thing we're setting from here on in are the widths of the submenus
and their left margins for centering purposes. */


/**** COMPANY MENU STYLES ****/

li#company ul, li#company li { /* The "Company" submenu */
	width: 90px;
	margin-left: -12px;
}


/**** SERVICES MENU STYLES ****/

li#services ul, li#services li { /* The "Services" submenu */
	width: 152px;
	margin-left: -42px;
}


/**** PORTFOLIO MENU STYLES ****/

li#portfolio ul, li#portfolio li { /* the "Portfolio" submenu */
	width: 155px;
	margin-left: -48px;
}

li#portfolio ul ul { /* tuck the submenu up & keep it from overlapping the parent menu */
	margin-left: 155px;
	margin-top: -2em;
}


/**** RESOURCES MENU STYLES ****/

li#resources { /* "Resources" in the main nav bar */
	margin: 0;
	padding-right: 0;
	text-align: right;
}
li#resources a {
	text-align: right; /* right alignment for "Resources" to give more visual space */
	margin-right: 0;
	padding-right: 0;
}



/* Inclusion of this fixes the "click anywhere to disable suckerfish" bug. 
   A single click somewhere on the page, and suckerfish stays open. 
   Solution found here: http://htmlfixit.com/?p=1013&from=rss */

#nav li:hover {
	background-position: 0 0 ;
}