/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {
   top:2px;  
   height:30px;
   position:relative;
   width:100%;
   z-index:100;
   background:#fff url(image_drop_back.gif) repeat-x;
 /*  padding-left:20px; */
   border:1px solid #000;
   border-width:0 1px;
   }

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu, .menu ul {
   list-style-type:none;
   padding:0;
   margin:0;
   font-family:arial,
   sans-serif;
   font-size:11px;
   }

/* Set up the size of the list items and float left to place inline */
.menu li.top {
   display:block;
   float:left;
   position:relative;
   }

/* Style and position the table so it takes no part in the menu function.
   The font size is necessary for IE5.5 */
.menu table {
   border-collapse:collapse;
   width:0;
   height:0;
   position:absolute;
   top:0;
   left:0;}

/* Default link styling */
.menu li.top a.top_link {
   display:block;
   float:left;
   height:30px;
   line-height:30px;
   text-decoration:none;
   color:#fff;
   background: url(image_drop_1a.gif);
   padding:0;
   }

.menu li.top a.top_link span.span_top {
   display:block;
   float:left;
   height:30px;
   background: url(image_drop_1a.gif) right top;
   padding:0 15px 0 0;
   }

.menu li.top a.top_link b.b_top {
   display:block;
   float:left;
   height:30px;
   width:26px;
   }

.menu li.top a.top_link span.drop {
   background: url(image_drop_0a.gif) right top;
   padding:0 25px 0 0;
   }

.menu li a#home b.b_top {
   background:transparent url(home.gif) no-repeat center center;
   }

.menu li a#products b.b_top {
   background:transparent url(page.gif) no-repeat center center;
   }

.menu li a#people b.b_top {
   background:transparent url(people.gif) no-repeat center center;
   }

.menu li a#stop b.b_top {
   background:transparent url(stop.gif) no-repeat center center;
   }

.menu li a#services b.b_top {
   background:transparent url(monitor.gif) no-repeat center center;
   }

.menu li a#contacts b.b_top {
   background:transparent url(links.gif) no-repeat center center;
   }

.menu li a#shop b.b_top {
   background:transparent url(info.gif) no-repeat center center;
   }

.menu li a#privacy b.b_top {
   background:transparent url(page.gif) no-repeat center center;
   }

.menu li a#info b.b_top {
   background:transparent url(info.gif) no-repeat center center;
   }

.menu li a#contact b.b_top {
   background:transparent url(links.gif) no-repeat center center;
   }

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {
   visibility:visible;
   cursor:pointer;
   position:relative;
   }

.menu li:hover {
   position:relative;
   z-index:200;}

/* Style the top level links */
.menu li.top a.top_link:hover,
.menu li.top:hover a.top_link {
   background: url(image_drop_1b.gif);
   }

.menu li.top a.top_link:hover span.span_top,
.menu li.top:hover a.top_link span.span_top {
   background: url(image_drop_1b.gif) right top;
   }

.menu li.top a.top_link:hover span.drop,
.menu li.top:hover a.top_link span.drop {
   background: url(image_drop_0b.gif) right top;
   }

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
   position:absolute;
   left:-9999px;
   top:-9999px;
   width:0;
   height:0;
   }

/* Style the drop down sub level links */
.menu :hover ul.sub {
   left:0;
   top:30px;
   background: transparent url(transparent.gif);
   padding:3px 0 0 0;
   white-space:nowrap;
   width:135px;
   height:auto;
   }

.menu :hover ul.sub li {
   display:block; float:left;
   }

.menu :hover ul.sub li a {
   display:block;
   float:left;
   height:25px;
   width:135px;
   line-height:25px;
   color:#000;
   text-decoration:none;
   padding:0;
   background: url(dropa_0.gif) no-repeat;
   }

/* All this lot is for IE6, believe it or not, to style the fly outs */
.menu :hover ul.sub li a span,
.menu :hover ul.sub li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span {
   display:block;
   float:left;
   background: url(drop_0.gif) right top;
   height:25px;
   width:92px;
   padding:0 10px 0 5px;
   font-weight:normal;
   background-color:#808080;
   color:#000;
   }

.menu :hover ul.sub li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span {
   background: url(dropb_0.gif) right top;
   background-color:#808080;
   color:#000;
   }

.menu :hover ul.sub li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover {
   background: url(dropba_1.gif) no-repeat;
   background-color:#CCCCCC;
   color:#fff;
   }

.menu :hover ul.sub li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span {
   background: url(drop_1.gif) right top;
   background-color:#CCCCCC;
   color:#fff;
   }

.menu :hover ul.sub li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span {
   background:url(dropb_1.gif) right top;
   background-color:#CCCCCC;
   color:#fff;
   }

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.menu :hover ul li:hover > a.fly {
   background:url(dropba_1.gif) no-repeat;
   color:#fff;
   background-color:#CCCCCC;
   }

.menu :hover ul li:hover > a.fly span {
   background:url(dropb_1.gif) right top;
   color:#fff;
   background-color:#CCCCCC;
   }

/* Style the images to the left of each link */
.menu ul.sub b {
   display:block;
   float:left;
   background:transparent url(book.gif) no-repeat center center;
   height:25px;
   width:25px;
   }

.menu ul.sub b.key {
   background:transparent url(key.gif) no-repeat center center;
   }

.menu ul.sub b.cog {
   background:transparent url(cog.gif) no-repeat center center;
   }

.menu ul.sub b.folder {
   background:transparent url(folder.gif) no-repeat center center;
   }

.menu ul.sub b.monitor {
   background:transparent url(monitor.gif) no-repeat center center;
   }

.menu ul.sub b.paint {
   background:transparent url(paint.gif) no-repeat center center;
   }

.menu ul.sub b.page {
   background:transparent url(page.gif) no-repeat center center;
   }

.menu ul.sub b.house {
   background:transparent url(house.gif) no-repeat center center;
   }

.menu ul.sub b.people {
   background:transparent url(people.gif) no-repeat center center;
   }

.menu ul.sub b.info {
   background:transparent url(info.gif) no-repeat center center;
   }

.menu ul.sub b.shop {
   background:transparent url(shop.gif) no-repeat center center;
   }

.menu ul.sub b.email {
   background:transparent url(email.gif) no-repeat center center;
   }

.menu ul.sub b.world {
   background:transparent url(world.gif) no-repeat center center;
   }

.menu ul.sub b.text {
   background:transparent url(text.gif) no-repeat center center;
   }

.menu ul.sub b.qmark {
   background:transparent url(qmark.gif) no-repeat center center;
   }

.menu ul.sub b.stop {
   background:transparent url(stop.gif) no-repeat center center;
   }

.menu ul.sub b.edit {
   background:transparent url(edit.gif) no-repeat center center;
   }

/* Position the flyouts */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
   left:107px;
   top:0;
   background:transparent url(transparent.gif);
   padding:5px 5px 5px 0;
   white-space:nowrap;
   width:120px;
   z-index:200;
   height:auto;
   }

#page {
   background-color: white;
   }