﻿
/* Top Nav */
div#topnav { height:25px; color:#fff; line-height:25px; width:925px;  }
div#topnav ul, div#topnav ul a{margin:0;padding: 0;list-style:none;color:#e3cfd0 !important; }
div#topnav ul li {float:left;display:block;position:relative;width:181px; text-indent:-1000em; margin-left:5px;}
div#topnav ul li:hover { background-position: 0px -25px !important;   }
div#topnav ul li.on:hover { background-position: 0px -25px !important;   }
div#topnav ul li.single:hover, div#topnav ul li.on { background-position: 0px -50px !important;  }
div#topnav ul li.first {margin-left:0px;}
div#topnav ul li a {text-decoration:none;display:block;width:181px; height:25px;}
div#topnav ul li ul {position:absolute;left:0px;top:25px;display:none;width:181px;}
div#topnav ul li ul li { width:179px; }
div#topnav ul li ul li {line-height:23px; height:23px; text-indent:0; margin:0;font-size:90%;}
div#topnav ul li ul li a {display:block;width:169px;padding:0 5px;}

div#topnav ul li.over { background-position:0 -25px !important; }
div#topnav ul li.singleover { background-position: 0px -50px !important;  }
div#topnav ul li.over ul { background-position: 0 0; }

div#topnav li:hover ul,div#topnav li.over ul {background:#008938; display:block;} 
div#topnav li:hover ul li:hover, div#topnav li.over ul li a:hover { background:#1e5627; }
div#topnav ul li ul {border-top:1px solid #1e5627;border-bottom:1px solid #1e5627;}
div#topnav ul li ul li { border-top:1px solid #1e5627;border-right:1px solid #1e5627; border-left:1px solid #1e5627; }

/* menu specific colours */

/* homes to build */
div#topnav ul li ul.homestobuild {border-top:1px solid #4f2201;border-bottom:1px solid #4f2201;}
div#topnav ul li ul.homestobuild li { border-top:1px solid #4f2201;border-right:1px solid #4f2201; border-left:1px solid #4f2201; }
div#topnav li:hover ul.homestobuild,div#topnav li.over ul.homestobuild {background:#9f4604;display:block;} 
div#topnav li:hover ul.homestobuild li:hover, div#topnav li.over ul.homestobuild li a:hover{background:#4f2201;}

/* land */
div#topnav ul li ul.land {border-top:1px solid #2d2d25;border-bottom:1px solid #2d2d25;}
div#topnav ul li ul.land li { border-top:1px solid #2d2d25;border-right:1px solid #2d2d25; border-left:1px solid #2d2d25; }
div#topnav li:hover ul.land,div#topnav li.over ul.land {background:#55554d;display:block;} 
div#topnav li:hover ul.land li:hover, div#topnav li.over ul.land li a:hover{background:#2d2d25;}

/* new homes and townhomes */
div#topnav ul li ul.newhomesandtownhomes {border-top:1px solid #1e3104;border-bottom:1px solid #1e3104;}
div#topnav ul li ul.newhomesandtownhomes li { border-top:1px solid #1e3104;border-right:1px solid #1e3104; border-left:1px solid #1e3104; }
div#topnav li:hover ul.newhomesandtownhomes,div#topnav li.over ul.newhomesandtownhomes {background:#41590b;display:block;} 
div#topnav li:hover ul.newhomesandtownhomes li:hover, div#topnav li.over ul.newhomesandtownhomes li a:hover{background:#1e3104;}

/* apartments */
div#topnav ul li ul.apartments {border-top:1px solid #291902;border-bottom:1px solid #291902;}
div#topnav ul li ul.apartments li { border-top:1px solid #291902;border-right:1px solid #291902; border-left:1px solid #291902; }
div#topnav li:hover ul.apartments,div#topnav li.over ul.apartments {background:#6e4004;display:block;} 
div#topnav li:hover ul.apartments li:hover, div#topnav li.over ul.apartments li a:hover{background:#291902;}

/* investment properties */
div#topnav ul li ul.investmentproperties {border-top:1px solid #320607;border-bottom:1px solid #320607;}
div#topnav ul li ul.investmentproperties li { border-top:1px solid #320607;border-right:1px solid #320607; border-left:1px solid #320607; }
div#topnav li:hover ul.investmentproperties,div#topnav li.over ul.investmentproperties {background:#751516;display:block;} 
div#topnav li:hover ul.investmentproperties li:hover, div#topnav li.over ul.investmentproperties li a:hover{background:#320607;}

/* avjtv */
div#topnav ul li ul.avjtv {border-top:1px solid #002a36;border-bottom:1px solid #002a36;}
div#topnav ul li ul.avjtv li { border-top:1px solid #002a36;border-right:1px solid #002a36; border-left:1px solid #002a36; }
div#topnav li:hover ul.avjtv,div#topnav li.over ul.avjtv {background:#045975;display:block;} 
div#topnav li:hover ul.avjtv li:hover, div#topnav li.over ul.avjtv li a:hover{background:#002a36;}

/* buying process */
div#topnav ul li ul {border-top:1px solid #291902;border-bottom:1px solid #291902;}
div#topnav ul li ul li { border-top:1px solid #291902;border-right:1px solid #291902; border-left:1px solid #291902; }
div#topnav li:hover ul,div#topnav li.over ul.thebuyingprocess {background:#6e4004;display:block;} 
div#topnav li:hover ul li:hover, div#topnav li.over ul.thebuyingprocess li a:hover{background:#291902;}
div#topnav ul li ul a {white-space:nowrap;}


/* finance */
div#topnav ul li ul.finance {border-top:1px solid #002a36;border-bottom:1px solid #002a36;}
div#topnav ul li ul.finance li { border-top:1px solid #002a36;border-right:1px solid #002a36; border-left:1px solid #002a36; }
div#topnav li:hover ul.finance,div#topnav li.over ul.finance {background:#045975;display:block;} 
div#topnav li:hover ul.finance li:hover, div#topnav li.over ul.finance li a:hover{background:#002a36;}

