/* CSS Document */


/* Branding Area with Site Navigation */
	
	/* establish positioning context */
	div#branding {
		float: left;
		position: relative;
		width: 150px;
		margin: 0;
		padding: 0;
	}
	
	/* replace h1 w/ image via Phark method */
	div#branding h1#branding {
		width: 150px;
	    height: 100px;
		margin: 0px;
		padding: 0px;
		background: url(images/branding.gif) no-repeat;
		text-indent: -9999px;
	}
	
	
	
	/* clickable area for home button */
	div#branding a#logoHomeBtn {    
		display: block;
		position: absolute; /* reestablish positioning for image replacement - THIS IS A HACK FOR IE7 */
		/* position : relative;  // reestablish positioning for image replacement */
		float: left;
		width: 150px;
		height: 100px;
		margin-left: 0px;
		margin-top: 0px;
		z-index: 10;
	}
	
	
	
	
	
	
	/* tagline text in branding image, hide this text */
	div#branding blockquote {
		position: absolute;
		top: -9999px;
		margin: 0;
		padding: 0;
		z-index: 5;
	}
	
	/* move this nav list to fit in header/branding area */
	div#branding ul#nav {
		position: relative;
		width: 150px;		
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div#branding ul#nav li {
		/* float : left; */
		margin: 0 0 3px 0;
		padding: 0;
		overflow: hidden;
	}
	
	/* make anchors behave as buttons */
	div#branding ul#nav a {
		display: block;
		position: relative; /* reestablish positioning for image replacement */
		height: 26px;
		margin: 0;
		padding: 0;
		/* float : left;  Hack, IE MAC 5.2 doesn't "shrink-wrap" the floated list items bacause the anchors are set to block, so we float the anchors too */
	}
	
	/* make space for images */
	div#branding ul#nav a#wineDispensing {
		width : 150px;
	}
	
	div#branding ul#nav a#lockerRoom {
		width : 150px;
	}
	
	div#branding ul#nav a#champagneBar {
		width : 150px;
	}
	
	div#branding ul#nav a#calendar {
		width : 150px;
	}
	
	div#branding ul#nav a#fromageCave {
		width : 150px;
	}
	
	div#branding ul#nav a#retailWine {
		width : 150px;
	}
	
	div#branding ul#nav a#rareRoom {
		width : 150px;
	}
	
	div#branding ul#nav a#vault {
		width : 150px;
	}
	
	div#branding ul#nav a#giftBaskets {
		width : 150px;
	}
	
	div#branding ul#nav a#wineClasses {
		width : 150px;
	}
	
	div#branding ul#nav a#directions {
		width : 150px;
	}
	
	div#branding ul#nav a#pressRoom {
		width : 150px;
	}
	
	div#branding ul#nav a#contact {
		width : 150px;
	}
	
	div#branding ul#nav a#links {
		width : 150px;
	}
	
	div#branding ul#nav a#menu {
		width : 150px;
	}
	
	
	/* image replacment via Gilder/Levin method (needs non-semantic span in HTML but leaves text in place for useragents w/ images off) */
	div#branding ul#nav a span {
		position : absolute;
		width : 100%;
		height : 100%;
	}

	
	/* offsetting a single image for all navigation text */
	
	div#branding ul#nav a#wineDispensing span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px 0px;
	}

	div#branding ul#nav a#lockerRoom span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -29px;
	}

	div#branding ul#nav a#champagneBar span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -58px;
	}

	div#branding ul#nav a#calendar span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -87px;
	}

	div#branding ul#nav a#fromageCave span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -116px;
	}
	
	div#branding ul#nav a#retailWine span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -145px;
	}
	
	div#branding ul#nav a#rareRoom span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -174px;
	}
	
	div#branding ul#nav a#vault span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -203px;
	}
	
	div#branding ul#nav a#giftBaskets span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -232px;
	}
	
	div#branding ul#nav a#wineClasses span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -261px;
	}
	
	div#branding ul#nav a#directions span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -290px;
	}
	
	div#branding ul#nav a#pressRoom span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -319px;
	}
	
	div#branding ul#nav a#contact span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -348px;
	}
	
	div#branding ul#nav a#links span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -377px;
	}
	
	div#branding ul#nav a#menu span {
		background: url(images/nav_mainMenu.gif); 
		background-position: 0px -406px;
	}
	
	

	/* hover states */
	div#branding ul#nav a:hover#wineDispensing span {
		background-position: -150px 0px;
	}

	div#branding ul#nav a:hover#lockerRoom span {
		background-position: -150px -29px;
	}

	div#branding ul#nav a:hover#champagneBar span {
		background-position: -150px -58px;
	}

	div#branding ul#nav a:hover#calendar span {
		background-position: -150px -87px;
	}

	div#branding ul#nav a:hover#fromageCave span {
		background-position: -150px -116px;
	}
	
	div#branding ul#nav a:hover#retailWine span {
		background-position: -150px -145px;
	}
	
	div#branding ul#nav a:hover#rareRoom span {
		background-position: -150px -174px;
	}
	
	div#branding ul#nav a:hover#vault span {
		background-position: -150px -203px;
	}
	
	div#branding ul#nav a:hover#giftBaskets span {
		background-position: -150px -232px;
	}
	
	div#branding ul#nav a:hover#wineClasses span {
		background-position: -150px -261px;
	}
	
	div#branding ul#nav a:hover#directions span {
		background-position: -150px -290px;
	}
	
	div#branding ul#nav a:hover#pressRoom span {
		background-position: -150px -319px;
	}
	
	div#branding ul#nav a:hover#contact span {
		background-position: -150px -348px;
	}
	
	div#branding ul#nav a:hover#links span {
		background-position: -150px -377px;
	}
	
	div#branding ul#nav a:hover#menu span {
		background-position: -150px -406px;
	}
	 
	
	
/* 	END Branding Area with Site Navigation */