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

Title:			navigation.css
Browser(s): 	All

Created: 		9.22.08

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



/* Main nav */

div.navA {
	float: left; 
	width: 766px;
	height: 21px;
	padding: 121px 0 0 22px;
	margin: 0;
	background: url(../images/global/navABkgd.jpg) top left no-repeat;
}

div.navALink {
	float: left;
	outline: none;
	padding: 0 29px 0 0;
	margin: 0;
}

div.navAEnd {
	float: left;
	padding: 0;
	margin: 0;
}



ul.nav { 
	list-style-type: none; width:774px; height:17px; position:relative; margin: 121px 0 0 0 }
ul.nav li a { color:#fff; height:17px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none; border:0px solid red}
ul.nav li a:hover { border:none }

li.navOurWines a, li.navTheWinery a, li.navVineyards a, li.navBuyOurWine a, li.navWineClub a, li.navSustainability a { 
	background: url(../images/global/navA.gif)
}

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	up state = 0
	rollover state = 17px

	The distance from the far-left to the...

	our wines button = 0
	the winery button = 112px
	vineyards button = 232px
	buy our wine button = 343px
	wine club button = 482px
	sustainability button = 593px

	The width of the...

	our wines button = 112px
	the winery button = 120px
	vineyards button = 111px
	buy our wine button = 133px
	wine club button = 111px
	sustainability button = 147px
*/

li.navOurWines a 							{ background-position: 0 0; width:112px; left:0 }
li.navOurWines a:hover						{ background-position: 0 -17px }

li.navTheWinery a 						{ background-position:-112px 0; width:120px; left:112px }
li.navTheWinery a:hover					{ background-position:-112px -17px }

li.navVineyards a 						{ background-position:-232px 0; width:111px; left:232px }
li.navVineyards a:hover					{ background-position:-232px -17px }

li.navBuyOurWine a 						{ background-position:-345px 0; width:133px; left:343px }
li.navBuyOurWine a:hover					{ background-position:-345px -17px }

li.navWineClub a 							{ background-position: -478px 0; width:111px; left:476px }
li.navWineClub a:hover						{ background-position: -478px -17px }

li.navSustainability a 						{ background-position: -591px 0; width:147px; left:587px }
li.navSustainability a:hover					{ background-position: -591px -17px }







html.ie7 li.navOurWines a 							{ background-position: 0 0; width:112px; left:0 }
html.ie7 li.navOurWines a:hover						{ background-position: 0 -17px }

html.ie7 li.navTheWinery a 						{ background-position:-112px 0; width:120px; left:112px }
html.ie7 li.navTheWinery a:hover					{ background-position:-112px -17px }

html.ie7 li.navVineyards a 						{ background-position:-232px 0; width:111px; left:232px }
html.ie7 li.navVineyards a:hover					{ background-position:-232px -17px }

html.ie7 li.navBuyOurWine a 						{ background-position:-345px 0; width:133px; left:343px }
html.ie7 li.navBuyOurWine a:hover					{ background-position:-345px -17px }

html.ie7 li.navWineClub a 							{ background-position: -478px 0; width:111px; left:476px }
html.ie7 li.navWineClub a:hover						{ background-position: -478px -17px }

html.ie7 li.navSustainability a 						{ background-position: -591px 0; width:147px; left:587px }
html.ie7 li.navSustainability a:hover					{ background-position: -591px -17px }




/* Nav B Wines */

div#navB {
	float: left;
	width: 241px;
	padding: 22px 0 122px 0;
	margin: 0;
	background: url(../images/global/navBTop.gif) top left no-repeat;
}

div#navB p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 15px;
	color: #b6373f;
	padding: 20px 20px 14px 43px;
	margin: 0;
}

.whiteText {
	color: #f8f7f3;
}

div#navB2 {
	float: left;
	width: 241px;
	padding: 36px 0 122px 0;
	margin: 0;
	background: url(../images/global/navBTop.gif) top left no-repeat;
}

div#navB2 ul { 
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #e4d0af;
	line-height: 29px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
	
div#navB2 li { 
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 43px;
	background: url(../images/global/bullet.gif) no-repeat 27px 12px;
}
	
div#navB2 li a { 
	color: #e4d0af;
	text-decoration: none;
}
	
div#navB2 li a:hover {
	color: #7399c6;
}

div#navB ul { 
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #e4d0af;
	line-height: 29px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
	
div#navB li.amador { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconSangiovese.gif) no-repeat 11px 6px;
}

div#navB li.home { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconHome.gif) no-repeat 11px 6px;
}

div#navB li.shr { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconSHR.gif) no-repeat 11px 6px;
}

div#navB li.deaver { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconBarbera.gif) no-repeat 11px 6px;
}

div#navB li.barbera { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconBarbera.gif) no-repeat 11px 6px;
}

div#navB li.sangiovese { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconDeaver.gif) no-repeat 11px 6px;
}

div#navB li.syrah { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconSyrah.gif) no-repeat 11px 6px;
}

div#navB li.forte { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconForte.gif) no-repeat 11px 6px;
}

div#navB li.zinfandel { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconZinfandel.gif) no-repeat 11px 6px;
}

div#navB li.pinot { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconHome.gif) no-repeat 11px 6px;
}

div#navB li.moscato { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconMoscato.gif) no-repeat 11px 6px;
}

div#navB li.rose { 
	list-style-type: none;
	margin: 0;
	padding: 0 30px 0 43px;
	background: url(../images/global/iconRose.gif) no-repeat 11px 6px;
}
	
div#navB li a { 
	color: #e4d0af;
	text-decoration: none;
}
	
div#navB li a:hover {
	color: #7399c6;
}