@charset "utf-8";
/* CSS Document */

/* ================================================================ 
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 {
	height:30px;
	position:relative;
	z-index:100;
	background:#fff url(image_drop/image_drop_back.gif) repeat-x;
	padding-left:20px;
	border:1px solid #000;
	border-width:0 1px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
/* 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/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/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/image_drop_0a.gif) right top;
	padding:0 25px 0 0;
}
.menu li a#home b.b_top {
	background:transparent url(image_drop/home.gif) no-repeat center center;
}
.menu li a#about b.b_top {
	background:transparent url(image_drop/people.gif) no-repeat center center;
}
.menu li a#products b.b_top {
	background:transparent url(image_drop/folder.gif) no-repeat center center;
}
.menu li a#services b.b_top {
	background:transparent url(image_drop/monitor.gif) no-repeat center center;
}
.menu li a#contacts b.b_top {
	background:transparent url(image_drop/links.gif) no-repeat center center;
}
.menu li a#shop b.b_top {
	background:transparent url(image_drop/info.gif) no-repeat center center;
}
.menu li a#people b.b_top {
	background:transparent url(image_drop/people.gif) no-repeat center center;
}
.menu li a#enquiry b.b_top {
	background:transparent url(image_drop/edit.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/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/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/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(image_drop/transparent.gif);
	padding:3px 0 0 0;
	white-space:nowrap;
	width:300px;
	height:auto;
}
.menu :hover ul.sub li {
	display:block;
	float:left;
}
.menu :hover ul.sub li a {
	display:block;
	float:left;
	height:25px;
	width:300px;
	line-height:25px;
	color:#000;
	text-decoration:none;
	padding:0;
	background: url(image_drop/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(image_drop/drop_0.gif) right top;
	height:25px;
	width:250px;
	padding:0 10px 0 5px;
	font-weight:normal;
	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(image_drop/dropb_0.gif) right top;
	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(image_drop/dropba_1.gif) no-repeat;
	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(image_drop/drop_1.gif) right top;
	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(image_drop/dropb_1.gif) right top;
	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(image_drop/dropba_1.gif) no-repeat;
	color:#fff;
}
.menu :hover ul li:hover > a.fly span {
	background:url(image_drop/dropb_1.gif) right top;
	color:#fff;
}
/* Style the images to the left of each link */
.menu ul.sub b {
	display:block;
	float:left;
	background:transparent url(image_drop/book.gif) no-repeat center center;
	height:25px;
	width:25px;
}
.menu ul.sub b.key {
	background:transparent url(image_drop/key.gif) no-repeat center center;
}
.menu ul.sub b.cog {
	background:transparent url(image_drop/cog.gif) no-repeat center center;
}
.menu ul.sub b.folder {
	background:transparent url(image_drop/stop.gif) no-repeat center center;
}
.menu ul.sub b.monitor {
	background:transparent url(image_drop/monitor.gif) no-repeat center center;
}
.menu ul.sub b.paint {
	background:transparent url(image_drop/paint.gif) no-repeat center center;
}
.menu ul.sub b.house {
	background:transparent url(image_drop/house.gif) no-repeat center center;
}
.menu ul.sub b.people {
	background:transparent url(image_drop/people.gif) no-repeat center center;
}
.menu ul.sub b.info {
	background:transparent url(image_drop/info.gif) no-repeat center center;
}
.menu ul.sub b.shop {
	background:transparent url(image_drop/shop.gif) no-repeat center center;
}
.menu ul.sub b.email {
	background:transparent url(image_drop/email.gif) no-repeat center center;
}
.menu ul.sub b.world {
	background:transparent url(image_drop/world.gif) no-repeat center center;
}
.menu ul.sub b.text {
	background:transparent url(image_drop/text.gif) no-repeat center center;
}
.menu ul.sub b.qmark {
	background:transparent url(image_drop/qmark.gif) no-repeat center center;
}
.menu ul.sub b.stop {
	background:transparent url(image_drop/stop.gif) no-repeat center center;
}
.menu ul.sub b.edit {
	background:transparent url(image_drop/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(image_drop/transparent.gif);
	padding:5px 5px 5px 0;
	white-space:nowrap;
	width:120px;
	z-index:200;
	height:auto;
}