/* Flash.css contains all Flash releated elements and the CSS for the home page.

   Rather than create a new home page css and have the developers re-engineer it into the site,
	 it was easier to add the functionality to this CSS>. 
*/

/* Flash Content > Home Page
*/

object 
{
  outline: none;
}

#flashContent
{
    width: 946px;
    height: 603px;
    display: block;
    clear: both;
		z-index: 1;
		position: relative;
		top: 0px; 
		left: 0px;
}


/* HTML > Home page
*/
#flashContent .homePage
{
  width: 946px;
  height: 603px;
  display: block;
	position: relative;
	text-align: left;
	background: #fff url("../images/home/main_coffee.jpg") 0px -70px no-repeat;		
}
#flashContent .homePage .mainNav
{
  position: absolute;
	top: 50px;
	left: 35px;
	width: 270px;
	display: block;
}
#flashContent .homePage .mainNav ul
{
  margin: 0px;
	padding: 0px;
}
#flashContent .homePage .mainNav li
{
  margin: 0px;
	padding: 0px;
	list-style: none;
}
#flashContent .homePage .mainNav li a
{
  text-decoration: none;
	font-size: 1.13em;
	color: #fff;
	display: block;
	padding: 5px 0px 5px 18px;
	width: 270px;
	background-image: url("../images/home/bg_mainnav_default.png");
	background-position: 0px 0px;
	background-repeat: repeat-x;		
}
#flashContent .homePage .mainNav li a:hover
{
	background-image: url("../images/home/bg_mainnav_over.gif");
	background-position: 0px 0px;
	background-repeat: repeat-x;		
}
#flashContent .homePage .welcomeText
{
  position: absolute;
	top: 265px;
	left: 0px;
  width: 946px;
	display: block;
	background-image: url("../images/layout/white_overlay.png");
	padding: 20px 50px 10px 50px;	
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 846px;
}
html > body #flashContent .homePage .welcomeText
{
    width: 846px;
}
#flashContent .homePage .welcomeText h1
{
  margin: 0px;
	padding: 0px;
	width: 65%;
	font-size: 1.38em;
}
#flashContent .homePage .welcomeText p
{
  margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 65%;
	font-size: 0.69em;	
	color: #666666;
}
#flashContent .homePage .welcomeText p a
{
	color: #666666;
  font-weight: bold;
}
#flashContent .homePage .welcomeText p a:hover
{
    color: #d61d24;
}		
#flashContent .homePage .features
{
  position: absolute;
	top: 435px;
	left: 370px;
  width: 565px;
	display: block;
}

#flashContent .homePage .features .featureItem
{
  width: 139px;
	height: 75px;
	display: block;
	float: left;
	margin-right: 2px;
}
#flashContent .homePage .features .featureItem h3
{
  margin: 0px;
	padding: 0px 0px 0px 5px;
	width: 138px;
	heigh: 41px;
	display: block;	
	background-image: url("../images/home/feature_bg.png");
	background-position: 0px 0px;
	background-repeat: repeat-x;				
	margin-bottom: 1px;
  font-size: 0.69em;
	color: #fff;
	padding: 2px 0px 3px 5px;	
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 134px;
}
html > body #flashContent .homePage .features .featureItem h3
{
	width: 134px;
}
#flashContent .homePage .features .featureItem img 
{
  display: block;
}
#flashContent .homePage .features .featureItem a img
{
  border: 0px;
}
#flashContent #footer
{
  position: absolute;
	top: 500px;
}


/* Flash Content > About Us Timeline
*/ 
#timelineAboutUs
{
    width: 650px;
    height: 266px;
    display: block;
		margin-bottom: 100px;
}