/* ================================================================ 
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.
=================================================================== */

#nav {
	background-color: #000;
	border-top:  10px solid #669933;
	height: 44px;
	width: 960px;
	position: relative;
	z-index: 100;
}

/* 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;
}

.menu li a {
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	padding-left: 44px;
	padding-right: 44px;
	text-align: center;
	text-decoration: none;
}

.menu li ul li a {
	text-align: left;
}

.menu li a:hover {
	color: #669933;
}

/* Default link styling */


/* Home */
/*
.menu li.top a#home.top_link {
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	background: url(/assets/images/nav/home.jpg) right top;
	color: #fff;
	padding: 0;
	
}

.menu li.top a#home.top_link span.span_top {
	display: block;
	float: left;
	height: 40px;
	background: url(/assets/images/nav/home.jpg) right top;
	width: 120px;
	text-indent: -9999px;
}

.menu li.top a#home.top_link span.drop {
	background: url(/assets/images/nav/home.jpg) right top;
}

/* Pest Control */
/*
.menu li.top a#pest_control.top_link {
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	background: url(/assets/images/nav/pest_control.jpg) right top;
	color: #fff;
	padding: 0;
}

.menu li.top a#pest_control.top_link span.span_top {
	display: block;
	float: left;
	height: 44px;
	background: url(/assets/images/nav/pest_control.jpg) right top;
	width: 120px;
	text-indent: -9999px;
}

.menu li.top a#pest_control.top_link span.drop {
	background: url(/assets/images/nav/pest_control.jpg) right top;
}

/* Moisture Control */
/*
.menu li.top a#moisture_control.top_link {
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	background: url(/assets/images/nav/moisture_control.jpg) right top;
	color: #fff;
	padding: 0;
}

.menu li.top a#moisture_control.top_link span.span_top {
	display: block;
	float: left;
	height: 44px;
	background: url(/assets/images/nav/moisture_control.jpg) right top;
	width: 120px;
	text-indent: -9999px;
}

.menu li.top a#moisture_control.top_link span.drop {
	background: url(/assets/images/nav/moisture_control.jpg) right top;
}

/* Termite Control */
/*
.menu li.top a#termite_control.top_link {
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	background: url(/assets/images/nav/termite_control.jpg) right top;
	color: #fff;
	padding: 0;
}

.menu li.top a#termite_control.top_link span.span_top {
	display: block;
	float: left;
	height: 44px;
	background: url(/assets/images/nav/termite_control.jpg) right top;
	width: 120px;
	text-indent: -9999px;
}

.menu li.top a#termite_control.top_link span.drop {
	background: url(/assets/images/nav/termite_control.jpg) right top;
}

/* Builder Services */
/*
.menu li.top a#builder_services.top_link {
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	background: url(/assets/images/nav/builder_services.jpg) right top;
	color: #fff;
	padding: 0;
}

.menu li.top a#builder_services.top_link span.span_top {
	display: block;
	float: left;
	height: 44px;
	background: url(/assets/images/nav/builder_services.jpg) right top;
	width: 120px;
	text-indent: -9999px;
}

.menu li.top a#builder_services.top_link span.drop {
	background: url(/assets/images/nav/builder_services.jpg) right top;
}

/* Realtor Services */
/*
.menu li.top a#realtor_services.top_link {
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	background: url(/assets/images/nav/realtor_services.jpg) right top;
	color: #fff;
	padding: 0;
}

.menu li.top a#realtor_services.top_link span.span_top {
	display: block;
	float: left;
	height: 44px;
	background: url(/assets/images/nav/realtor_services.jpg) right top;
	width: 120px;
	text-indent: -9999px;
}

.menu li.top a#realtor_services.top_link span.drop {
	background: url(/assets/images/nav/realtor_services.jpg) right top;
}

/* FAQ's */
/*
.menu li.top a#about_us.top_link {
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	background: url(/assets/images/nav/about_us.jpg) right top;
	color: #fff;
	padding: 0;
}

.menu li.top a#about_us.top_link span.span_top {
	display: block;
	float: left;
	height: 44px;
	background: url(/assets/images/nav/about_us.jpg) right top;
	width: 120px;
	text-indent: -9999px;
}

.menu li.top a#about_us.top_link span.drop {
	background: url(/assets/images/nav/about_us.jpg) right top;
}

/* Contact Us*/
/*
.menu li.top a#contact_us.top_link {
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	background: url(/assets/images/nav/contact_us.jpg) right top;
	color: #fff;
	padding: 0;
}

.menu li.top a#contact_us.top_link span.span_top {
	display: block;
	float: left;
	height: 44px;
	background: url(/assets/images/nav/contact_us.jpg) right top;
	width: 120px;
	text-indent: -9999px;
}

.menu li.top a#contact_us.top_link span.drop {
	background: url(/assets/images/nav/contact_us.jpg) right top;
}

/* 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;
}

/* Home */
/*
.menu li.top a#home.top_link:hover,
.menu li.top:hover a#home.top_link {
	background: url(/assets/images/nav/home_over.jpg);
}

.menu li.top a#home.top_link:hover span.span_top,
.menu li.top:hover a#home.top_link span.span_top {
	background: url(/assets/images/nav/home_over.jpg);
}

.menu li.top a#home.top_link:hover span.drop,
.menu li.top:hover a#home.top_link span.drop {
	background: url(/assets/images/nav/home_over.jpg);
}

/* Pest Control */
/*
.menu li.top a#pest_control.top_link:hover,
.menu li.top:hover a#pest_control.top_link {
	background: url(/assets/images/nav/pest_control_over.jpg);
}

.menu li.top a#pest_control.top_link:hover span.span_top,
.menu li.top:hover a#pest_control.top_link span.span_top {
	background: url(/assets/images/nav/pest_control_over.jpg);
}

.menu li.top a#pest_control.top_link:hover span.drop,
.menu li.top:hover a#pest_control.top_link span.drop {
	background: url(/assets/images/nav/pest_control_over.jpg);
}

/* Moisture Control */
/*
.menu li.top a#moisture_control.top_link:hover,
.menu li.top:hover a#moisture_control.top_link {
	background: url(/assets/images/nav/moisture_control_over.jpg);
}

.menu li.top a#moisture_control.top_link:hover span.span_top,
.menu li.top:hover a#moisture_control.top_link span.span_top {
	background: url(/assets/images/nav/moisture_control_over.jpg);
}

.menu li.top a#moisture_control.top_link:hover span.drop,
.menu li.top:hover a#moisture_control.top_link span.drop {
	background: url(/assets/images/nav/moisture_control_over.jpg);
}

/* Termite Control */
/*
.menu li.top a#termite_control.top_link:hover,
.menu li.top:hover a#termite_control.top_link {
	background: url(/assets/images/nav/termite_control_over.jpg);
}

.menu li.top a#termite_control.top_link:hover span.span_top,
.menu li.top:hover a#termite_control.top_link span.span_top {
	background: url(/assets/images/nav/termite_control_over.jpg);
}

.menu li.top a#termite_control.top_link:hover span.drop,
.menu li.top:hover a#termite_control.top_link span.drop {
	background: url(/assets/images/nav/termite_control_over.jpg);
}

/* Builder Services */
/*
.menu li.top a#builder_services.top_link:hover,
.menu li.top:hover a#builder_services.top_link {
	background: url(/assets/images/nav/builder_services_over.jpg);
}

.menu li.top a#builder_services.top_link:hover span.span_top,
.menu li.top:hover a#builder_services.top_link span.span_top {
	background: url(/assets/images/nav/builder_services_over.jpg);
}

.menu li.top a#builder_services.top_link:hover span.drop,
.menu li.top:hover a#builder_services.top_link span.drop {
	background: url(/assets/images/nav/builder_services_over.jpg);
}

/* Realtor Services */
/*
.menu li.top a#realtor_services.top_link:hover,
.menu li.top:hover a#realtor_services.top_link {
	background: url(/assets/images/nav/realtor_services_over.jpg);
}

.menu li.top a#realtor_services.top_link:hover span.span_top,
.menu li.top:hover a#realtor_services.top_link span.span_top {
	background: url(/assets/images/nav/realtor_services_over.jpg);
}

.menu li.top a#realtor_services.top_link:hover span.drop,
.menu li.top:hover a#realtor_services.top_link span.drop {
	background: url(/assets/images/nav/realtor_services_over.jpg);
}

/* FAQ's */
/*
.menu li.top a#about_us.top_link:hover,
.menu li.top:hover a#about_us.top_link {
	background: url(/assets/images/nav/about_us_over.jpg);
}

.menu li.top a#about_us.top_link:hover span.span_top,
.menu li.top:hover a#about_us.top_link span.span_top {
	background: url(/assets/images/nav/about_us_over.jpg);
}

.menu li.top a#about_us.top_link:hover span.drop,
.menu li.top:hover a#about_us.top_link span.drop {
	background: url(/assets/images/nav/about_us_over.jpg);
}

/* Contact Us */
/*
.menu li.top a#contact_us.top_link:hover,
.menu li.top:hover a#contact_us.top_link {
	background: url(/assets/images/nav/contact_us_over.jpg);
}

.menu li.top a#contact_us.top_link:hover span.span_top,
.menu li.top:hover a#contact_us.top_link span.span_top {
	background: url(/assets/images/nav/contact_us_over.jpg);
}

.menu li.top a#contact_us.top_link:hover span.drop,
.menu li.top:hover a#contact_us.top_link span.drop {
	background: url(/assets/images/nav/contact_us_over.jpg);
}

/* 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: 41px;
	/*background: url(/assets/images/nav/drop_down_background.jpg);
	background-repeat: repeat-x;*/
	background-color: #000;
	margin-left: 20px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 5px;
	text-align: left;
	white-space: nowrap;
	width: 225px;
	height: auto;
}

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

.menu :hover ul.sub li a {
	display: block;
	float: left;
	font-size: 11px;
	height: 25px;
	width: 225px;
	line-height: 25px;
	color: #000;
	text-decoration: none;
	padding: 0;
}

/* 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;
	height: 25px;
	width: 225px;
	padding: 0 10px 0 5px;
	font-weight: bold;
	color: #fff;
}

.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 {
	font-weight: bold;
	color: #fff;
}

.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 {
	color: #669933;
}

.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 {

	color: #669933;
}

.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 {
	color: #669933;
}

/* 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/dropba_1.gif) no-repeat;
	color: #fff;
}

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