/* -

	Vineland Estates Winery
	sm / CHDS, 2008

	toc
	---
	1 - home page - main menu
	

--------------------- */

/* 1 - home page - main menu
--------------------- */
body.home #container,
body.home #container #nav { }
body.home #site_sections {
	width: 800px;
	background: #fff;
	}
body.home #container ul#site_sections {
	margin: 0 auto; padding: 0 0 0 54px;
	display: block;
	list-style-type: none;
	text-align: center;
	width: 746px; height: 235px;
	background: transparent url("/images/cb_nav_home.jpg") repeat-y center top;
	}
	body.home #site_sections li {
		margin: 0; padding: 0;
		display: block;
		float: left;
		}
	body.home #site_sections li a {
		border: none;
		}
		body.home #site_sections li a img {
			}

	/* 2C - pop-out sub-menu - home
	--------------------- */
	
	body.home #container ul#site_sections ul,
	body.home #container ul#site_sections ul li ul { display: none; }

	body.home #container ul#site_sections li { display: block;  }
	body.home #container ul#site_sections li a { display: block; }

	body.home #container ul#site_sections ul,
	body.home #container ul#site_sections ul li ul {
		padding: 0 0 0 0;
		border: none;
		background: #302502 url("/images/drop_down_bg.jpg") repeat-x top left;
		width: 144px;
		border: 3px double #4b3e15;
		z-index: 6000;
		}
	
	body.home #container ul#site_sections ul li,
	body.home #container ul#site_sections ul li ul li {
		margin: 0; padding: 0;
		width: 144px; 
		float: left;
		height: auto;
		background: transparent;
		border: none;
		text-align: left;
		border-top: 1px solid #3a3011;
		position: relative;
		}
		
	body.home #container ul#site_sections ul li a,
	body.home #container ul#site_sections ul li ul li a {
		margin: 0;	padding: 5px 13px 5px 7px;
		display: block;
		position: relative;
		width: 120px;
		text-align: left;
		line-height: 100%;
		}
		
		/* 
		:hover pseudo classes in the following section cause issues with IE 6
		the source of the problem is specificity.
		*/

		body.home #container ul#site_sections ul li a:hover,
		body.home #container ul#site_sections ul li ul li:hover {
			background: url("/images/drop_down_bg_on.jpg") repeat-x top left; 
			}
		
		body.home #container ul#site_sections ul li span,
		body.home #container ul#site_sections ul li ul li span {
			width: auto;
			background: none;
			}

	body.home #container ul#site_sections ul, 
	body.home #container ul#site_sections ul ul, 
	body.home #container ul#site_sections ul ul ul {
		z-index: 6000;
		}

	body.home #container ul#site_sections li:hover ul ul, 
	body.home #container ul#site_sections ul li:hover ul ul, 
	body.home #container ul#site_sections ul ul li:hover ul ul { display: none; }

	body.home #container ul#site_sections ul li:hover, 
	body.home #container ul#site_sections ul ul li:hover { 
		border-top: 1px solid #4b3e15;
		}
	body.home #container ul#site_sections li:hover ul {
	/*	display: block;
		position: absolute;
		top: 40px;
		left: 11px;
		z-index: 6000;
		}
		/* positioning each pop-up menu for each category -- workaround for IE z-index - relative bug */
		
		body.home ul#site_sections li#site_section_property:hover ul 	{ top: 271px; left: 73px; } /* top: 91 to line up with top of img */
		body.home ul#site_sections li#site_section_wine:hover ul 		{ top: 271px; left: 246px; }
		body.home ul#site_sections li#site_section_dine:hover ul 		{ top: 271px; left: 419px; }
		body.home ul#site_sections li#site_section_entertain:hover ul 	{ top: 271px; left: 592px; }
/*		
	body.home #container ul#site_sections ul li:hover ul {
		display: block;
		position: absolute;
		top: -4px;
		left: 144px;
		z-index: 6000;
		}
	body.home #container ul#site_sections ul ul li:hover ul {
		display: block;
		position: absolute;	
		width: auto;
		top: 0;
		left: 151px;
		z-index: 6000;
		}
*/