/* CSS Document */

/*Main Declarations*/

/*Structure*/
body 
	{
	background-image: url(images/Background_Main.png);
	background-repeat: repeat;
	background-position: center top;
	margin: 0;
	padding: 0;
	}
	#container
		{
		width: 775px;
		margin: 0 auto;
		padding: 0;
		background-color: cc0001;
		position:relative;
		}
		#header {
			position:relative;
			width:799px;
			height: 185px;
			background-image: url(images/Header_BG.png);
			background-repeat: no-repeat;
			background-position: left top;
			padding: 0;
			margin: 0 0 0 -23px;
			overflow: visible;
			z-index:10;
			}
		#MainContent
			{
			margin: 0;
			padding: 10px;
			display: block;
			overflow:visible;
			z-index:10;
			width:532px;
			min-height:300px;	
			float:left;
			clear:both;
			}
		#Sidebar 
			{
			clear:none;
			float:left;
			padding:0px;
			width: 179px;
			}
		#Footer
			{
			clear:both;
			width: 775px;
			height: 14px;
			background: #750101 url(images/Footer.gif) repeat-x center top;
			margin: 0 auto 0 auto;
			padding:120px 0 15px 0;
			display: block;
			bottom: 0px;
			text-align: center;
			vertical-align: bottom;
			border-top-width: 5px;
			border-right-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-top-style: solid;
			border-right-style: none;
			border-bottom-style: none;
			border-left-style: none;
			border-top-color: #000000;

			}
			
			
/* Typography */
body 
	{
	font-family: Trebuchet, "Trebuchet MS";
	font-size:100%;
	line-height:1em; /* 16×1.125=18 */
	color:#fff;
	}
	p
		{
	padding: 0 0 0 0;
	margin: 0;
	text-align: center;
		}		
	a:link, a:visited
		{
		color: #FFCC00;
		}
	a:hover
		{
		color: #FFF;
		}		
	#container
		{
		font-size:0.75em;
		}
	#Footer
		{
		color:#fff;
		font-size:.65em
		}
		#header h1
			{
			background: no-repeat bottom left;
			height: 125px;
			width: 463px;
			position: absolute;
			text-indent: -10000px;
			padding:0;
			margin:0;
			top: 0;
			left: 145px;
			}
		h3{
			color:#fff;
			font-size:1em;
			text-transform:uppercase;
			}		
		
			
/* Navigation */
#navigation{
	padding:0;
	margin:0;
	display:block;
	position:relative;
	}
#navigation li
	{
	list-style-type: none;
	margin:0;
	padding:0;
	position:absolute;
	display:block;
	overflow:hidden
	}
#navigation li li:hover
	{
	background-color:#4C391F;
	}
	#navigation li a
		{
		text-indent:-1000px;
		display:block;
		overflow:hidden;
		}
	#navigation li ul
		{
		background:url(images/navigation_subnav_BG.png) no-repeat right top;
		display:none;
		margin:-5px 0 0 0;
		padding:0;
		padding-top:1.25em;
		max-width:212px;
		overflow:visible;
		}
	#navigation li:hover ul
		{
		display:block;
		}
	#navigation li ul li
		{
		padding:.25em 1em;
		margin:0 4px 0 0;
		position:relative;
		overflow:visible;
		}
	#navigation li ul li a
		{
		text-decoration:none;
		color:#fff;
		text-indent:0;
		height:.75em;
		position:relative;
		display:block;
		}
	#navigation li ul li:hover a
		{
		color: #FFCC00;
		}		
	#navigation #homeNav
		{
		background:url(images/navigation_home.png) no-repeat;
		top:118px;
		left:140px;
		}
		#navigation #homeNav a
			{
			width:55px;
			height:38px;
			}
		
	#navigation #coffee101Nav
		{
		background:url(images/navigation_coffee.png) no-repeat;
		top:114px;
		left:195px;
		}
		#navigation #coffee101Nav a
			{
			width:89px;
			height:38px;
			}
#navigation #coffee101Nav .submenu a
			{
			width:100%;
			height:auto;
			}

	#navigation #specialtyCoffeeNav
		{
		background:url(images/navigation_signatureCoffees.png) no-repeat;
		top:106px;
		left:284px;
		}
		#navigation #specialtyCoffeeNav a
			{
			width:132px;
			height:38px;
			}

		
	#navigation #letsChatNav
		{
		background:url(images/navigation_letsChat.png) no-repeat;
		top:91px;
		left:416px;
		}
		#navigation #letsChatNav a
			{
			width:89px;
			height:38px;
			}
		#navigation #letsChatNav .submenu a
			{
			width:100%;
			height:auto;
			}
			
	#navigation #locateUsNav
		{
		background:url(images/navigation_locateUs.png) no-repeat;
		top:82px;
		left:505px;
		}
		#navigation #locateUsNav a
			{
			width:84px;
			height:38px;
			}
			
	#navigation #shopOnlineNav
		{
		background:url(images/navigation_shopOnline.png) no-repeat;
		top:72px;
		left:589px;
		}
		#navigation #shopOnlineNav a
			{
			width:93px;
			height:38px;
			}
			
	#navigation #wholesaleNav
		{
		background:url(images/navigation_wholesale.png) no-repeat;
		top:64px;
		left:682px;
		}
		#navigation #wholesaleNav a
			{
			width:78px;
			height:38px;
			}





		
/* Homepage Specific */

#container.home 
	{
	background: url(images/home_MainContent_BG.gif) repeat-y center; 
	color:#663300;
	}
	.home #MainContent
		{
		width: 775px;
		min-height:300px;
		margin: 0 auto;
		margin-top:-50px;
		padding: 0 10px;
		float:none;
		}
	/*Product Highlight Section */
	/*Structure */	
		

#MainContent #highlightedproduct
		{
/*		background-image: url(images/home_highlight_gradient.png); */
		background-repeat: repeat-x;
		background-position: center 75px;
		width: 402px;
		padding:0 10px;
		margin-left: 259px;
		position:relative;
		}

		#MainContent #highlightedproduct #productImage
			{
			float: right;
			z-index: 25;
			margin-top: -105px;
			}
			
	/*Typeography */
		#MainContent #highlightedproduct a#buyOnline
			{
	background-image: url(images/home_Frank_BuyOnline.gif);
	display: block;
	height: 272px;
	width: 246px;
	position: absolute;
	text-indent: -10000px;
	top:+30px;
	/* commented backslash hack v2 for ie Mac \*/
			bottom: -120px;
	/* end hack */
			left: -238px;
			}

#MainContent #highlightedproduct h2
			{
			background-image: url(images/home_highlightHeadline.gif);
			background-repeat: no-repeat;
			background-position: left top;
			text-indent: -10000px;
			height: 86px;
			margin: 0;
			margin-bottom: .5em;
			padding: 0px;
			}
						
	/*Wholesale Login Section */
	/*Structure*/
	.home #wholesaleLogin
		{
		bottom: 0;
		min-height:250px;
		background-image: url(images/home_wholesale_BG.gif);
		padding: 0 300px 0 25px;
		margin: 0 10px 0 -10px;
		position: relative;
		border-top-width: 5px;
		border-top-style: solid;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		border-top-color: #000000;
		}
		.home #wholesaleLogin #loginBox{
			width:200px;
			display:block;
			float:left;
			padding:0 15px 0 0;
			margin:0 15px 0 0;
			vertical-align:top;
			border-right:solid 1px #FFF;
		}
	/*Typeography*/
	.home #wholesaleLogin,
	#Sidebar
		{
		color: #E4E1B2;
		}
		.home #wholesaleLogin h2
			{
			background-image: url(images/headline_BSWholesaleCustomers.gif);
			text-indent: -10000px;
			display: block;
			height: 46px;
			width: 373px;
			background-repeat: no-repeat;
			}

	
/*Interior Pages*/
#container
	{
	background-image: url(images/rightBar_MainContent_BG.gif);
	}
 
#MainContent .subhead1
	{
	background-repeat: no-repeat;
	height:63px;
	width:532px;
	text-indent:-1000px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
#Sidebar #locations
	{
	margin:0;
	padding: 0;
	list-style:none
	}
	#Sidebar #locations li a,
	#Sidebar #coffeesMenu li a
	{
		display:block;
		margin: .5em 0;
		text-decoration:none;
	}
	#Sidebar #locations li span
	{
		line-height: .75em;
		font-size: .75em;
	}
/*Page Headlines*/
.home #header h1
	{
	background-image: url(images/home_mainHeadline.gif);
	}
	
.coffee101 #header h1
	{
	background-image: url(images/coffee101_mainHeadline.gif);
	}
.coffee101 .subhead1
	{
	background: url(images/coffee101_subHead.gif);
	} 
	
.wholesale #header h1
	{
	background-image: url(images/wholesale_mainHeadline.gif);
	}
.wholesale .subhead1
	{
	background-image: url(images/wholesale_subHead.gif);
	}	
	
.signature #header h1
	{
	background-image: url(images/signature_mainHeadline.gif);
	}
.signature .subhead1
	{
	background: url(images/signature_subHead.gif);
	} 	
	
#header.letsChat h1
	{
	background-image: url(images/letsChat_mainHeadline.gif);
	}
.locateUs #header h1
	{
	background-image: url(images/locateUs_mainHeadline.gif);
	}
.locateUs .subhead1
	{
	background-image: url(images/locateUs_subHead.gif);
	}
.locateUs .subhead1#airportSubhead
	{
	background-image: url(images/airport_subHead.gif);
	}
.locateUs .subhead1#downtownSubhead
	{
	background-image: url(images/downtown_subHead.gif);
	}	
.locateUs .subhead1#englewoodSubhead
	{
	background-image: url(images/englewood_subHead.gif);
	}
.locateUs .subhead1#oakwoodSubhead
	{
	background-image: url(images/oakwood_subHead.gif);
	}		
.locateUs .subhead1#centervilleDLMSubhead
	{
	background-image: url(images/centervilleDLM_subHead.gif);
	}	
.locateUs .subhead1#springboroSubhead
	{
	background-image: url(images/springboro_subHead.gif);
	}
.locateUs .subhead1#nightAndDaySubhead
	{
	background-image: url(images/nightAndDay_subHead.gif);
	}			
.locateUs .subhead1#centervilleSubhead
	{
	background-image: url(images/centerville_subHead.gif);
	}
.locateUs .subhead1#headquartersSubhead
	{
	background-image: url(images/headquarters_subHead.gif);
	}
	#wholesale_car
		{
		float: right;
		}
#Sidebar #addressInfo
	{
	background-image: url(images/sidebar_overlay.png);
	background-position: bottom;
	line-height: 1em;
	color: #FFFFFF;
	margin: -10px;
	padding: 10px;
	padding-bottom: 20px;
	}

.coffee101 #Sidebar,
.signature #Sidebar
	{
	background-image: url(images/sidebar_overlay.png);
	background-position: bottom;
	color: #FFFFFF;
	padding-bottom: 20px;
	}
.coffee101 #cuppingPhoto
	{
	position:relative;
	top:-60px;
	margin-bottom:-60px;
	}
	.coffee101 blockquote
		{
		background:url(images/leftquotes.gif) no-repeat top left;
		padding: 5px 0 0 25px;
		font-style:italic;
		text-align:justify;
		margin:0;
		margin-left:-5px;
		}
		.coffee101 blockquote p
			{
			background:url(images/rightquotes.gif) no-repeat right bottom;
			padding: 0 20px 10px 0;
			}
			.coffee101 #frankSumatraQuote
				{
				float:right;
				}
	.signature #coffeesMenu
		{
	list-style:none;
	background: url(images/signature_frankimage.png) no-repeat right bottom;
	padding:0;
	padding-bottom:235px;
	margin:0;
	margin-bottom:-00px;	
		}
		.signature #coffeesMenu li
			{
			padding:0;
			margin:0;
			}
	.signature #coffeesMenu li a
		{
		color:#fff;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFFFFF;
		padding-bottom:5px;
		}
	.signature #coffeesMenu li a:hover
		{
		color:#FFCC00;
		}
	.signature #coffeesMenu li a.lastItem
		{
		border:none;
		}
	.signature #Sidebar
		{
		margin-bottom:100px;
		}.signature #nextButtons {
	float: right;
}
	
			#bboard
			{
	background-color:black;
	background-image: url(images/chalk.jpg);
	position: absolute;
	left: -248px;
	top: 329px;
	width: 225px;

			}
			#bboard ul
			{
			text-align: left;
			}
			.bboard:link {
			color:white;
			}
			#bboard h1 {
			color:yellow;
			}
			#bboard_bottom
			{
			height: 20px;
			width: 225px;
			background-image: url(images/chalk_foot.jpg);
			
			}
			
			#home-right
			{
	position: absolute;
	left: 157px;
	top: 554px;
	width: 127px;
	height: 90px;
	color: white;
			}
			#home-right a:link
			{
			color: white;
			}
			#home-right a:visited
			{
			color: white;
			}
			#home-right a:hover
			{
			color: gray;
			}

			#sch
			{
	position: absolute;
	left: -20px;
	top: 619px;
	width: 265px;
	}
	#sch a:link { color #ffcc00}
	#sch a:visited { color #ffcc00}