body {
	margin: 0;
	padding: 0;
	/*font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif; */
	color: #ffffff;
	text-align: left;
}

#alignleft {
   text-align: left;

}



#disappear {
   display: none; 
   
}

#fixedheight{
   height:77px;
   
   
}
            #fancymenu {  /* the about the store submenu */
                        
			position: relative;
			height: 34px; /* must be same h & w of the bg.gif */
			width: 400px; /* must be the sum of the widths */
			background: url('./images/fancymenu/bg400px.gif') no-repeat top  ;  			
                        padding: 5px;
			margin: 10px 0;
			overflow: hidden;
                                                         		}

            #fancymenu2 { /* the buzz submenu */

			position: relative;
			height: 34px; /* must be same h & w of the bg2.gif */
			width: 450px; /* must be the sum of the widths */ /* for some reason, must be longer in shop. */


//background: url('./images/fancymenu/bg2.gif') no-repeat top  ; 

background: url('./images/fancymenu/bg450px.gif') no-repeat top  ; 


			padding: 5px; // changes height at which row starts.
			margin: 10px 0;
			overflow: hidden;
                        margin-left: 50px;
                        
		}



            #fancymenu_gone {
			height:55px;
		}



		#fancymenu ul{

			padding: 0;
			margin: 0;
			margin-left: 0;
		}

		/* Don't apply padding here (offsetWidth will differ in IE)
		If you need padding add it to the child anchor */
		#fancymenu ul li{
			float: left;
			list-style: none;
			margin-left: 0px;
		}

		#fancymenu ul li a {
			text-indent: -500em;
			z-index: 10;
			display: block;
			float: left;
			height: 30px;
			position: relative;
			overflow: hidden;
			background-position:center center;
			background-repeat:no-repeat;
			margin-left: 0px;
		}





                #fancymenu2 ul{

			padding: 0;
			margin: 0;
 			margin-left: 0px;
                        
		}

		/* Don't apply padding here (offsetWidth will differ in IE)
		If you need padding add it to the child anchor */
		#fancymenu2 ul li{
			float: left;
			list-style: none;
			margin-left: 0px;
		}

		#fancymenu2 ul li a {
			text-indent: -500em;
			z-index: 10;
			display: block;
			float: left;
			height: 30px;
			position: relative;
			overflow: hidden;
			background-position:center center;
			background-repeat:no-repeat;
			margin-left: 0px;
		}

		#menu_about a {
			width: 94px;
			background-image: url('./images/fancymenu/menu_about_us.png') !important;	
			background-image: url('./images/fancymenu/menu_about_us.gif');
                        
		}

                #menu_contact a {
			width: 84px;
			background-image: url('./images/fancymenu/menu_contact.png') !important;	
			background-image: url('./images/fancymenu/menu_contact.gif');
         
		}

		#menu_location a {
			width: 146px;
			background-image: url('./images/fancymenu/menu_location.png') !important;	
			background-image: url('./images/fancymenu/menu_location.gif');
                        
		}

                #menu_blog a {
                        
			width: 56px;
			background-image: url('./images/fancymenu/menu_blog.png') !important;	
			background-image: url('./images/fancymenu/menu_blog.gif');
                        
		}

                #menu_get_buzz a {
                        
			width: 139px;
			background-image: url('./images/fancymenu/menu_get_buzz.png') !important;	
			background-image: url('./images/fancymenu/menu_get_buzz.gif');
                        
		}

                 #menu_buzzworthy a {
			
			width: 145px;
			background-image: url('./images/fancymenu/menu_buzzworthy.png') !important;	
			background-image: url('./images/fancymenu/menu_buzzworthy.gif');
                        
		}


                #menu_press a {
          		
			width: 66px;
			background-image: url('./images/fancymenu/menu_press.png') !important;	
			background-image: url('./images/fancymenu/menu_press.gif');
                        
		}

		#menu_plantatree a {
			width: 119px;
			background-image: url('./images/fancymenu/menu_plantatree.png') !important;	
			background-image: url('./images/fancymenu/menu_plantatree.gif');
		}

		#menu_travel a {
			width: 70px;
			background-image: url('./images/fancymenu/menu_travel.png') !important;	
			background-image: url('./images/fancymenu/menu_travel.gif');
		}

		#menu_rideanelephant a {
			width: 142px;
			background-image: url('./images/fancymenu/menu_rideanelephant.png') !important;	
			background-image: url('./images/fancymenu/menu_rideanelephant.gif');
		}

		#fancymenu li.background {
			background: url('./images/fancymenu/bg_menu_right.png') no-repeat top right !important;
			background: url('./images/fancymenu/bg_menu_right.gif') no-repeat top right;
			z-index: 8;
			position: absolute;
			visibility: hidden;
                  	top: 8px;  /* lowers the dark hover part if increased */
			

		}

		#fancymenu .background .left {
			background: url('./images/fancymenu/bg_menu.png') no-repeat top left !important;
			background: url('./images/fancymenu/bg_menu.gif') no-repeat top left;
			height: 30px;
			margin-right: 6px; /* 7px is the width of the rounded shape */ /* was 9 */ /* increasing number causes 2 parts of dark hover part to spread apart. however behaves differently in IE and firefox  */
     		}

                #fancymenu2 li.background {
			background: url('./images/fancymenu/bg_menu_right.png') no-repeat top right !important;
			background: url('./images/fancymenu/bg_menu_right.gif') no-repeat top right;
			z-index: 8;
			position: absolute;
			visibility: hidden;
                  	top: 8px;  /* lowers the dark hover part if increased */
			
		}

		#fancymenu2 .background .left {
			background: url('./images/fancymenu/bg_menu.png') no-repeat top left !important;
			background: url('./images/fancymenu/bg_menu.gif') no-repeat top left;
			height: 30px;
// karen changed
			margin-right: 30px; /* 7px is the width of the rounded shape */ /* was 9 */
     		}


            
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 /* common styling */
.balloon {
font-family: Arial, Verdana, sans-serif;
width:0px;
height:0px;
margin:0px 0px; // was 0px 0px;
}
.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;

}
.balloon ul li {
float:left;
margin-left:30px;//30px;
margin-top:0px;//0px;
width:122px;
height:40px;
border:0px;
}
.balloon ul li a, .balloon ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
width:120px; 
height:40px; 
color:#000; 
background:transparent;//#00A1D7;

}
.balloon ul li a img, .balloon ul li a:visited img {
border:0;

}

.balloon ul li dl {
visibility:hidden;
position:absolute;


}

.balloon table {
margin:-1px;// without this, tabs hover about 1px too high in IE (tho they work fine in Firefox)
margin-top:0px;
border:0px;
padding:0;
border-collapse:collapse;
font-size:1em;

}



.balloon dl {width:200px; padding:0 0 20px 0; background:transparent url(./images/balloon_bottom.gif) no-repeat bottom left; height:auto;}
.balloon dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000; background:transparent url(./images/balloon_top.gif) no-repeat bottom left; text-align:center;}
.balloon dd {margin:0; padding:5px 15px; color:#000; font-size:1em; border:1px solid #F3A162; border-width:0 2px ; background:#fff url(./images/balloon_arro.gif) no-repeat top right;}
.balloon dd p {padding:0; margin:10px 0; line-height:1.5em;}
.balloon dl#web2 {background:transparent url(./images/balloon_bottom.gif) no-repeat bottom left; height:auto;}
.balloon dl#web3 {background:transparent url(../sites/bottom3.gif) no-repeat bottom left; height:auto;}
.balloon dl#web4 {background:transparent url(../sites/bottom4.gif) no-repeat bottom left; height:auto;}
.balloon dl#web5 {background:transparent url(../sites/bottom5.gif) no-repeat bottom left; height:auto;}
.balloon dl#web6 {background:transparent url(../sites/bottom6.gif) no-repeat bottom left; height:auto;}
.balloon dl#web2 dt {background:transparent url(./images/balloon_top_babybuzz.gif) no-repeat top left;}
.balloon dl#web3 dt {background:transparent url(../sites/top3.gif) no-repeat top left;}
.balloon dl#web4 dt {background:transparent url(../sites/top4.gif) no-repeat top left;}
.balloon dl#web5 dt {background:transparent url(../sites/top5.gif) no-repeat top left;}
.balloon dl#web6 dt {background:transparent url(../sites/top6.gif) no-repeat top left;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
visibility:visible;
color:#000;
top:-50px;//-75px;
left:110px;
cursor:default;
}

.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
display:block;
position:absolute;
left:-33px;
top:19px;
width:34px; 
height:34px;
background:transparent url(./images/balloon_arrow.gif);
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
height:0.8em;
color:#606;
background:transparent;
text-decoration:underline;
display:inline;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
}