﻿/* CSS Document */

#menu {
	width:700px;
	height:36px;
	background:url(images/menu_bg.gif) repeat-x;
	padding-bottom:15px;
}
#menu ul {
	margin:0 0 0 0;
	padding:10px 0 0 0;
	width:700px;
}
#menu ul li {
	height:26px;
	float:left;
	list-style-type:none;
	padding-right:29px;
}
#menu ul li.spacer {
	margin-left:8px;
}
li#home {
	background:url(images/home.gif) no-repeat;
}
li#home:hover {
	background:url(images/home_hover.gif) no-repeat;
}
li#about {
	background:url(images/aboutus.gif) no-repeat;
}
li#about:hover {
	background:url(images/aboutus_hover.gif) no-repeat;
}
li#forms {
	background:url(images/onlineforms.gif) no-repeat;
}
li#forms:hover {
	background:url(images/onlineforms_hover.gif) no-repeat;
}
li#services {
	background:url(images/services.gif) no-repeat;
}
li#services:hover {
	background:url(images/services_hover.gif) no-repeat;
}
li#closing {
	background:url(images/closinglocations.gif) no-repeat;
}
li#closing:hover {
	background:url(images/closinglocations_hover.gif) no-repeat;
}
li#fees {
	background:url(images/fees.gif) no-repeat;
}
li#fees:hover {
	background:url(images/fees_hover.gif) no-repeat;
}
li#links {
	background:url(images/links.gif) no-repeat;
}
li#links:hover {
	background:url(images/links_hover.gif) no-repeat;
}
#menu li {
	position:relative;
}
#menu ul ul {
	position:absolute;
	top:25px;
	left:0;
	background:#edeef0;
	border: #bfbfbf solid 1px;
	padding:8px 0 0 0;
	margin:0 0 0 0;
}
#menu ul ul,
#menu ul li:hover ul {
	display:none;
}
#menu ul li:hover ul {
	display:block;
}
#menu ul ul li {
	float:none;	
	height:15px;
}
li#about ul {
	width:142px;
}
li#fees ul {
	width:85px;
}
li#forms ul {
	width:120px;
}
li#services ul {
	width:144px;
}
#menu ul ul li.company {
	background:url(images/company.gif) no-repeat;
}
#menu ul ul li.company:hover {
	background:url(images/company_hover.gif) no-repeat;
}
#menu ul ul li.contact {
	background:url(images/contact.gif) no-repeat;
}
#menu ul ul li.contact:hover {
	background:url(images/contact_hover.gif) no-repeat;
}
#menu ul ul li.purchase {
	background:url(images/purchase.gif) no-repeat;
}
#menu ul ul li.purchase:hover {
	background:url(images/purchase_hover.gif) no-repeat;
}
#menu ul ul li.refinance {
	background:url(images/refinance.gif) no-repeat;
}
#menu ul ul li.refinance:hover {
	background:url(images/refinance_hover.gif) no-repeat;
}
#menu ul ul li.closing {
	background:url(images/closing.gif) no-repeat;
}
#menu ul ul li.closing:hover {
	background:url(images/closing_hover.gif) no-repeat;
}
#menu ul ul li.change {
	background:url(images/change.gif) no-repeat;
}
#menu ul ul li.change:hover {
	background:url(images/change_hover.gif) no-repeat;
}
#menu ul ul li.title {
	background: url(images/title.gif) no-repeat;
}
#menu ul ul li.title:hover {
	background: url(images/title_hover.gif) no-repeat;
}
#menu ul ul li.escrow {
	background:url(images/escrow.gif) no-repeat;
}
#menu ul ul li.escrow:hover {
	background:url(images/escrow_hover.gif) no-repeat;
}
#menu ul ul li.exchange {
	background: url(images/exchange.gif) no-repeat;
}
#menu ul ul li.exchange:hover {
	background: url(images/exchange_hover.gif) no-repeat;
}
#menu ul ul li.marketing {
	background:url(images/marketing.gif) no-repeat;
}
#menu ul ul li.marketing:hover {
	background:url(images/marketing_hover.gif) no-repeat;
}
#menu ul ul li.leads {
	background:url(images/leads.gif) no-repeat;
}
#menu ul ul li.leads:hover {
	background:url(images/leads_hover.gif) no-repeat;
}
#menu ul ul li.colorado_rates {
	background:url(images/colorado_rates.gif) no-repeat;
}
#menu ul ul li.colorado_rates:hover {
	background:url(images/colorado_rates_hover.gif) no-repeat;
}
#menu ul ul li.national_rates {
	background:url(images/national_rates.gif) no-repeat;
}
#menu ul ul li.national_rates:hover {
	background:url(images/national_rates_hover.gif) no-repeat;
