/* #################################################################### 
[REMI Drop Down Stylesheet]

Project:	REMI.com
Version:	0.1
Last change:	05/14/08 []
Assigned to:	Brian Hayes bh
Primary use:	REMI.COM typography
	

[Color codes]
------------------------------------------------------------------------
Red:		#8c172c
Grey:		#464646 *default
Lt. Blue: 	#accecb
Tan:		#d5cfbc



#################################################################### */

/* !!!!!!!!  

All top level li tags are id by their page alais and MUST have widths

*/

#home				{width:35px !important;}
#about-us		{width:58px !important;}
#model			{width:95px !important;}
#products		{width:52px !important;}
#resources	{width:60px !important;}
#events			{width:41px !important;}
#clients		{width:42px !important;}
#contact		{width:68px !important;}

/*General Dropdown styles*/
#nav {
	position:relative;
	z-index:9999;
	width:562px;
	height:20px;
	margin:0 0 0 3px;
}
#nav a {
	width: auto;
	height: 12px;
	display: block;
	text-align:center;
}

#nav li {
	float: left;
	height: 12px;
	width:auto;
	padding:0 5px;
	border-right:1px solid #8C172C;
}

#nav li:hover {
	background: #ffffff;
}

#nav li h3{
	text-align:center;
}

#nav li ul {
	position: absolute;
	left: -999em;
	width: 175px;
	z-index:9999;
	margin:0px 0 0 -5px;
	padding-top:4px;
}
	*html #nav li ul {
		position: absolute;
		left: -999em;
		width: 175px;
		z-index:9999;
		margin:0px 0 0 -5px;
	}


#nav li ul li {
	height:20px;
	width: 175px;
	border-right: none;
	border-top: none;
	text-transform: none;
	background: #ffffff;
	border-bottom:1px solid #8C172C;
	padding:0 0 0 0;
	margin:0 0 0 0 !important;
}
	#nav li ul li a {
		text-align:left;
		height:12px;
		width: 160px;
		border-right: none;
		border-top: none;
		text-transform: none;
		background: #ffffff;
		border-bottom:1px solid #8C172C;
		padding:4px 5px 4px 10px;
	}
	#nav li ul li h3 {
		text-align:left;
		height:12px;
		width: 160px;
		border-right: none;
		border-top: none;
		text-transform: none;
		background: #ffffff;
		border-bottom:1px solid #8C172C;
		padding:4px 5px 4px 10px;
	}

#nav li ul li a:hover{
	border-top: none;
	background: #d5cfbc;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}