﻿#nav 
{
    border: 1px solid #bfbfbf;
    margin-top: 0px;
    height: 33px;
    width: 978px;
}
ul#mainNav {
    list-style: none;
    margin: 0px 0px;
    padding: 0px 0px;
}
ul#mainNav li {
    float: left;
}

#subNav 
{
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    height: 25px;
    background-color: #e9edee;
    clear: both;
}

#subNav img 
{
    display: inline;
    
}

#navDrop_HomesSearch, #navDrop_Buyers, #navDrop_Sellers {
    background: url(/Images/dropnav-fade.png) repeat-x;
    line-height: 20px;
    font-size: 12px;
    display: none; 
    position: absolute; 
    z-index: 1001;
    border: 1px solid #000;
    background-color: #eee;
    overflow: hidden;
}

.dropUL {
    margin: 0px 0px;
    padding: 0px 0px;
}

.dropUL li {
    padding: 0px 7px;   
}

.dropUL li:hover {
    background-color: #f9f9f9;
}

.dropUL a {
    text-decoration: none;   
}
.navbar {
    
}
#nav {
    background: url(/Images/nav/nav-bg.png) repeat-x;
}
#mainNav li {
    background: url(/Images/nav/navsprite.png) no-repeat;
}
#mainNav li:hover {
    background: url(/Images/nav/navsprite.png) no-repeat;
}
#mainNav li a {
    height: 31px;
    display: block;   
}
#mainNav li a span {
    display: none;
}
li#navmain {
    width: 60px;
    background-position: 0 0;
}
li#navhome {
    width: 147px;
    background-position: -61px 0px;
}
li#navbuy {
    width: 72px;
    background-position: -209px 0px;
}
li#navsell {
    width: 67px;
    background-position: -282px 0px;
}
li#navfeat {
    width: 191px;
    background-position: -350px 0px;
}
li#navtest {
    width: 128px;
    background-position: -542px 0px;
}
li#navmobi {
    width: 158px;
    background-position: -671px 0px;
}
/* active */
li#navmain:hover {
    width: 60px;
    background-position: 0px -31px;
}
li#navhome:hover {
    width: 147px;
    background-position: -61px -31px;
}
li#navbuy:hover {
    width: 72px;
    background-position: -209px -31px;
}
li#navsell:hover {
    width: 67px;
    background-position: -282px -31px;
}
li#navfeat:hover {
    width: 191px;
    background-position: -350px -31px;
}
li#navtest:hover {
    width: 128px;
    background-position: -542px -31px;
}
li#navmobi:hover {
    width: 158px;
    background-position: -671px -31px;
}