/*
*************************************************

file : vertical.css
client : Webfirm
author : Karl Brightman
date created : 9th May 2007

*************************************************
*/

#nav, #nav ul {
	list-style: none; /* hide bullet points */
	margin: 0;
	padding: 0;
	width : 103px; /* set for base nav width */
}

#nav li {
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px; /* collapse borders */
	position : relative; /* required - used to position subs */
	width: 103px; /* set to same width as base list */
}

#nav li ul {
	left: -9999em;
	margin-left : 103px;
	position : absolute; /* required - positions subs in parent list item */
	top: 0; /* align to top */
}

#nav li a {
	color : #d4bb86;
	display : block;
	font-size: 12px;
	text-decoration : none;
	padding : 4px 3px;
	width: 93px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
	background: #000000;
	border: 2px solid #1d1919;
}	
#nav li a:hover { background-color : #000000; color : #ffffff; padding : 4px 3px; }	
#nav li a:active { background-color : #000000; color : #ffffff; }

/* hasSub style used to a tags which have subs - used only to make it look good and not required */
#nav li a.hasSub { background: #1d1919; }
#nav li a.hasSub:hover, #nav li a.hasSub:active { background: #000000; color: #ffffff; }

#nav li :hover ul li a { background: #000000; color: #ffffff; }
#nav li a.hasSub:hover ul li a { background: #000000; color: #ffffff; }


/* hide subs on current list */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -9999em;
}

/* show subs on hover */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}