body {
	background: #b4c3cc url(images/body.jpg) no-repeat center 0;
	color:#303030;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:76%; /* font sizing in ems */
}
p {
	font-size:1.0em;
	line-height:1.6em;
	margin:10px 0 15px 10px;
	text-align:left;
}

A,
A:link,
A:visited,
A:active					{
	color:#3a4c01;
	TEXT-DECORATION:underline;
	font-weight: bold;
}
A:hover						{TEXT-DECORATION:none;}

a.button {
	display:block;
	text-align:left;
	text-indent:-9999px;
	z-index:9000;
}
a#fs-logo {
	background:transparent url(images/fruitandsaladco.png) repeat scroll 0 0;
	margin:0 0 0 -50px;
	padding:0;
	position:absolute;
	width:190px;
	height:166px;
}
img, a img {
	background:none;
	border:0;
	margin:0;
	padding:0;
}
ul {
	list-style-type:none;
	margin:10px 0 20px 10px;
	padding:0;
}
li {
	margin:0;
	padding:0;
}
h1 {
	color:#3a4c01;
	font-size:2.0em;
	font-weight:normal;
}
h2 {
	color:#3a4c01;
	font-size:1.7em;
	font-weight:normal;
}
h3 {
	color:#3a4c01;
	font-size:1.2em;
	font-weight:normal;
	margin:10px 0 0 0;
}
h4 {
	font-size:1.2em;
	font-weight:bold;
}
h5 {
	font-size:1.0em;
	font-weight:bold;
}
h6 {
	font-size:0.8em;
	font-weight:bold;
}
strong {
	font-weight:bold;
}


#wrapper {
	margin:0 auto 100px auto;
	padding:0;
	width:960px;
}
#header {
	position:relative;
	width:960px;
	z-index:890;
}
#nav {
	background:#fff;
	left:0px;
	margin:0;
	padding:0;
	position:absolute;
	top:55px;
	width:960px;
	z-index:900;
	
	/*outset*/
	border-top:1px solid #607e00; /*green*/
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #bfbfbf;
	border-left:1px solid #d1d1d1;
}
#container {
	background:#ffffff;
	padding:10px 10px 0 10px;
	position:relative;
	top:88px;
	width:940px;
	z-index:499;
	
	/*outset*/
	border-top:1px solid #f2f2f2;
	border-right:1px solid #d1d1d1;
	border-bottom:none;
	border-left:1px solid #d1d1d1;
}
.BannerPane {
	background:#f2f2f2;
	height:275px;
	margin:0 0 10px 0;
	padding:0;
	width:938px;/*-22px*/
	z-index:500;
	
	/*inset*/
	border-top:1px solid #b7b7b7;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #d8d8d8;
}
#banner_overlay {
	padding:0;
	position:absolute;
	width:940px;/*-20px*/
	z-index:600;
}
#main {
	position:relative;
	height:100%;
}
.ContentPane {
	margin:0;
	padding:0;
	float:left;
	width:620px;
	z-index:605;
}
#yrail {
	margin:0;
	padding:0 0 0 10px;
	position:absolute;
	top:0px;
	right:0px;
	width:310px;/*-10px*/
	z-index:590;
}
#yrail-bg {
	background: url(images/mural-308.jpg) repeat-y right top;
	width:310px;
	height:100%;
	z-index:0;
	position:absolute;
	top:0px;
	right:2px;
}
.spacer {
	background-color:#ffffff;
	margin:0;
	padding:0;
	width:310px;
	height:10px;
}
#clear {
	background-color: #f2f2f2;
}
#yrail p, ul {
	margin:10px;
	padding:0;
	list-style:none;
	font-size:1.0em;
	line-height:1.3em;
}
#clear {
	clear:both;
}
#footer {
	background:#ffffff;
	position:relative;
	top:80px;
	width:940px;/*-20px*/
	margin:0;
	padding:10px 10px 12px 10px;
	
	/*outset*/
	border-top:none;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #bfbfbf;
	border-left:1px solid #d1d1d1;
}
#copyright {
	background:#f2f2f2;
	margin:0;
	padding:8px 10px;
	color:#808080;
	font-size:0.9em;
	text-align:center;
	
	/*inset*/
	border-top:1px solid #b7b7b7;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #d8d8d8;
}
#copyright a {
	background:none;
	color:#808080;
}

/* NAV BAR */
#nav ul {
	margin:0;
	float:right;
	list-style:none;
}
#nav ul li {
	background:#ffffff;
	padding:1px 10px 0px 10px;/*exception*/
	display:block;
	float:left;
	position:relative;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;


	border-right:1px solid #eee;
	border-bottom:4px solid #ffffff;
}
#nav ul li.active {
	border-bottom:4px solid #f79401;
}
#nav ul li.nav {
	border-bottom:4px solid #f79401;
}
#nav ul li:hover {
	border-bottom:4px solid #607e00;
}
#nav a, a:hover {
	background:none;
	color:#3a4c01;
	text-decoration:none;
}
#nav ul li ul {
	background-color:#ffffff;
	display:none;
}


#nav li.parent:hover ul {
	display: block;
	position: absolute;
	top:21px;
	left:0;
}
#nav li.parent ul li.active {
	background-color: #ffffff;
}
#nav li.parent:hover ul li {
	display: block;
	padding-top:2px;
	width:100px;
}
#nav li.parent ul li:hover {
	display: block;
	background-color:#f2f2f2;
	border-bottom:4px solid #607e00;
	padding-top:2px;
}
#nav li.parent:hover ul li a {
	display: block;
}
#nav li.parent ul li:hover a {
	display: block;
}


/** Page Content **/
.main-hed {
	background:#d8d8d8 url(http://www.fruitandsaladco.comimages/hed-content.png) repeat-x left top;
	margin:0;
	padding:7px 10px 3px 10px;
	width:598px;/*-22px*/
	
	/*inset*/
	border-top:1px solid #b7b7b7;
	border-right:1px solid #d8d8d8;
	border-bottom:none;	
	border-left:1px solid #d8d8d8;
}
.main-box {
	background:#f2f2f2;
	float:left;
	margin:0;
	padding:0 10px;
	width:598px;/*-22px*/
	
	/*inset*/
	border-top:1px solid #b7b7b7;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #d8d8d8;
}
.y-hed {
	background:#3a4c01 url(http://www.fruitandsaladco.comimages/hed-yrail.png) repeat-x left top;
	margin:0;
	padding:3px 5px 2px 5px;
	width:299px;/*-11px*/
	color:#ffffff;
	font-size:1.2em;
}
.y-box {
	background:#FFFFFF;
	margin:0;
	padding:0;
	width:307px;/*-3px*/
	
	/*inset*/
	border-top:1px solid #b7b7b7;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #d8d8d8;
}

/** menu **/
#menu p {
	padding:0 50px 0 50px;
	letter-spacing:1px;
	line-height:1.3em;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu li { /* Section Items */
	margin:8px 10px 0 40px;
}
#menu h3 { /* Section Title */
	border-bottom:1px solid #3a4c01;
	font-size:1.2em;
	font-weight:normal;
	margin:30px 10px 0 0px;
}
#menu h4 { /* Section Subtitle */
	font-size:1.0em;
	font-style:italic;
	font-weight:normal;
	margin:3px 10px 2px 20px;
}
#menu h5 { /* Menu Item */
	display:inline;
	font-size:1.0em;
	font-weight:bold;
}
#menu h6 { /* Footnote */
	font-size:0.9em;
	font-weight:normal;
	margin:15px 0;
	text-align:center;
}
#location h3 {
	margin:0 0 20px 0;
	text-align:center;
}
#map {
	height:275px;
	width:938px;/*-22px*/
	z-index:610;
}
#map_bubble {
	background: url(images/fs-google-map.jpg) no-repeat center top;
	height:90px;
	width:200px;
}
#map_bubble a {
	color:#0000ff;
}
#map_bubble p {
	font-size:1.2em;
	padding:70px 0 0 0;/*exception*/
}


/** contact **/
#tea img {
	float:left;
	display:block;
	margin:0 20px 5px 0;
	padding:0;
}
#espresso img {
	float:left;
	display:block;
	margin:0 20px 5px 0;
	padding:0;
}
#smoothie img {
	float:left;
	display:block;
	margin:0 20px 5px 0;
	padding:0;
}

/** classes **/
.hide {
	display:none;
}
.inset {
	border-right:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	border-bottom:1px solid #f2f2f2;
	border-top:1px solid #b7b7b7;
}
.outset {
	border-right:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	border-bottom:1px solid #b7b7b7;
	border-top:1px solid #f2f2f2;
}

/**************TEMP*/
#blanket {
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
	background:url(images/fill-black65.png) repeat left top;
}
#popup-menu-1 {
	position:relative;
	width:800px;
	margin:0 auto 10px auto;
	padding:5px 12px 12px 12px;
	top:30px;
	z-index:9900;
	background:url(images/fill-white80.png) repeat left top;
}
#popup-tea {
	height:1318px;
	z-index:9901;
	background:url(images/fs-tea.jpg) no-repeat left top;
}
#popup-coffee {
	height:1318px;
	z-index:9901;
	background:url(images/fs-coffee.jpg) no-repeat left top;
}
#popup-smoothies {
	height:1318px;
	z-index:9901;
	background:url(images/fs-smoothie.jpg) no-repeat left top;
}
#button-close {
	position:absolute;
	padding:0;
	right:-20px;
	top:-20px;
	z-index:9905;
}
#popup-feedback {
	position:relative;
	width:450px;
	margin:0 auto 10px auto;
	padding:5px 12px 12px 12px;
	top:100px;
	z-index:9900;
	background:url(images/fill-white80.png) repeat left top;
}
#form-feedback {
	margin:0 10px 0 10px;
	padding:0;
}
#form-feedback p {
	margin:5px 0 0 0;
	padding:0;
}
#form-feedback h3 {
	margin:5px 0 5px 0;
	padding:0;
}


/* ==========================
    CSS STYLES FOR JDMenu
   ==========================
*/

 
ul.jd_menu, 
ul.jd_menu_vertical {margin: 0px; padding: 0px; list-style: none; float: right;
 
}
ul.jd_menu ul,ul.jd_menu_vertical ul {
      display: none;
      
}
ul.jd_menu li {
      float: left;
}
 
/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul { position: absolute; display: none; list-style: none; margin: 0px; float: left;}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
      float: none;
      margin: 0px;
	  padding:0px;
}
 
/* Main Menu Background */
ul.jd_menu { 
      
}
 
 
/* Main Memu LEFT */
ul.jd_menu li, ul.jdmenu li.haschild  { cursor: pointer; list-style-type:none; padding:1px 5px 0px 5px;  text-align: center; text-transform: lowercase;  border-bottom:4px solid #ffffff; border-right:1px solid #eee; }
 
/*Main Menu RIGHT*/
ul.jd_menu a
{ text-decoration: none; text-align: center; color: #3a4c01; font-size:12px; font-weight:normal;}
 

/*Main Hover Menu */
ul.jd_menu li.jdm_hover{ border-bottom:4px solid #607e00; }
ul.jd_menu li.jdm_hover a{ color:#3a4c01; text-decoration: none; text-align:center;  }
 
 /* Main Active Menu*/
ul.jd_menu li.activetab{border-bottom: 4px solid #f79401;}
 
ul.jd_menu li.activetab a{ color:#3a4c01; text-decoration:none; text-align: center;   }
 
 
/*Sub Menu*/
ul.jd_menu ul li a{font-size:11px; font-weight:normal; background:transparent; text-decoration:none; color:#3a4c01; white-space: normal; }
 
 
/*Sub menu Dropdown Background*/
ul.jd_menu ul {
      background-color:#f2f2f2;
      border:1px #3a4c01 solid;
	  margin:0px; padding:0px;
}
ul.jdmenu li.haschild  ul{ padding:0px; margin:0px;}
/* Sub Menu Left */
ul.jd_menu ul li { padding:3px 7px 3px 5px; margin:0px;  background:transparent; border: none; text-align: left; border-right:none!important;}
 
/* Sub Menu Right */
ul.jd_menu li.jdm_hover ul li a,
ul.jd_menu li.jdm_active ul li a{ background:transparent; padding:0px; margin:0px; text-align:left; color:#AD826C; font-size:11px; font-weight:normal;
text-decoration:none;
border:none; width:auto!important; width:200px; min-height:200px!important;white-space:nowrap;
}
 
/* Sub Menu Hover */
ul.jd_menu ul li.jdm_active,
ul.jd_menu ul li.jdm_hover { text-align:left; padding:3px 7px 3px 5px;margin:0px; background:#3a4c01;border:none;}
ul.jd_menu li ul li.jdm_hover a,
ul.jd_menu li ul li.jdm_active a { padding: 0px; margin:0px; text-align:left; color:#fff; font-size:11px; font-weight:normal; text-decoration:none;border:none; width:auto!important; width:200px; min-height:200px!important; white-space:nowrap;
}
 
/*Sub Menu High Light*/
ul.jd_menu li.haschild ul.jdm_events li.jdm_active ul li a{ color:#AD826C}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_active a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li a{ color:#AD826C}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover a{ color:#fff}
 
ul.jd_menu li.haschild ul.jdm_events li.jdm_active ul li ul li a{ color:#AD826C}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_active ul li.jdm_active a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_active ul li a{ color:#AD826C}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover a{ color:#fff}  
 
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active ul li a{ color:#AD826C}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active a{ color:#fff}  
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active ul li a{ color:#AD826C}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active a{ color:#fff} 


#FooterPane {
	background:#f2f2f2;
	margin:0;
	padding:8px 10px;
	color:#808080;
	font-size:0.9em;
	text-align:center;
	
	/*inset*/
	border-top:1px solid #b7b7b7;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #d8d8d8;

}
.Normal
{
	font-size:13px;
	line-height:1.6em;		
	
}

.SmoothieTitle
{

	font-size: 50px;
	letter-spacing: 20px;
	font-smooth: always;
	line-height: 80px;
	


}

.SmoothieText
{
	font-size: 20px;
	font-weight: normal;
	font-smooth: always;	
	line-height: 20px;
	

}

.SmoothieSmallText
{
	font-size: 17px;
	font-weight: normal;
	font-smooth: always;	

}

.TeaTitle
{
	font-size: 20px;
}

.TeaText
{
	font-size: 14px;
}

.CoffeeHeader
{
	font-size: 20px;
	font-weight: bold;
}
.CoffeeTitle
{
	font-size: 14px;
	font-weight: bold;
}

.CoffeeText
{
	font-size: 13px;
}

.CoffeeSmallText
{
	font-size: 10px;
}