/* NAVIGATION */
#navigation	{ min-height: 21px; font-family: 'EB Garamond', serif; font-size: 13px; padding-bottom: 10px }
.realestate #navigation, .property #navigation, .landscape #navigation { margin-top: 70px; float: right; clear: right }

#nav li.spacer { color: #ab9990; padding-left: 30px }
.realestate #nav li.spacer, .property #nav li.spacer, .landscape #nav li.spacer { padding-left: 10px }

.clearfix { }
.clearfix:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:visible; }
.current   { color: #ab9990 }

#nav { margin: auto; padding: 0px; position: relative; text-align: center; width: auto }
#nav a[title=sub] {  }
#nav:after { content: "."; display:block; height:0; font-size:0; clear:both; visibility:visible }
#nav ul { margin:0px; padding:0px; list-style:none; min-height: 22px }
#nav ul li { margin:0px; padding-bottom: 8px; list-style:none; display:inline-block; height: 22px  }
#nav ul li a { color: #000000; padding-top: 2px; margin: 0px; letter-spacing: 2px; height: 22px; text-transform: uppercase }
#nav ul li a:hover { color:#ab9990; text-decoration:none; }

#nav li.w1  { padding-left: 0px }
#nav li.w2  { padding-left: 30px }
#nav li.w3  { padding-left: 30px }
#nav li.w4  { padding-left: 30px }
#nav li.w5  { padding-left: 30px }
#nav li.w6  { padding-left: 30px }
.realestate #nav li.w2, .property #nav li.w2, .landscape #nav li.w2 { padding-left: 10px }
.realestate #nav li.w3, .property #nav li.w3, .landscape #nav li.w3 { padding-left: 10px }
.realestate #nav li.w4, .property #nav li.w4, .landscape #nav li.w4 { padding-left: 10px }
.realestate #nav li.w5, .property #nav li.w5, .landscape #nav li.w5 { padding-left: 10px }
.realestate #nav li.w6, .property #nav li.w6, .landscape #nav li.w6 { padding-left: 10px }

/* Current location - class on Body must match LI's id
.p1 #nav li.w1 a,
.p2 #nav li.w2 a,
.p3 #nav li.w3 a,
.p4 #nav li.w4 a,
.p5 #nav li.w5 a,
.p6 #nav li.w6 a { color:#a2ac6c; cursor:default } */

/* 1ST LEVEL DROP-DOWN MENU */
#nav ul li ul { display:none; z-index: 100; }
#nav ul li:hover > ul { display:block; position:absolute; top:21px }
#nav ul li:hover > ul li { margin:0px; padding:0px 0px; float:none; list-style:none; position:relative; height: 20px }
#nav ul li:hover > ul li a { display:block; background: #ffffff; color: #4f4f4f; font-size: 12px; padding-top: 6px; padding-right: 8px; padding-left: 8px; width: auto; height: 20px; white-space: nowrap; margin-left: -8px }
#nav ul li:hover > ul li a:hover { background: #ffffff; color:#336699 }

/* 2ND LEVEL DROP-DOWN MENU */
#nav ul li > ul li ul { display:none; }
#nav ul li > ul li:hover > ul { display:block; position:absolute; top:0px; left:100%; }
#nav ul li > ul li:hover ul li { list-style:none; float:none; margin-left:1px; padding:0px; }
#nav ul li > ul li:hover ul li a { display:block; background:#ffffff; }
#nav ul li > ul li:hover ul li a:hover { background:#ffffff }

/* bottom menu */
#bottom_menu	{ text-align: right; text-transform: uppercase; float: right; height: 30px }
#bottom_menu ul	{ list-style-type: none; margin: 0; padding: 0 }
#bottom_menu a   	{ color: #565555; font-size: 10px; font-weight: normal; letter-spacing: 1px; ; text-transform: uppercase; cursor: hand; display: table-cell; width: 100%; height: 30px; padding-top: 6px }
#bottom_menu li a:hover	{ color: #a2ac6c }
#bottom_menu ul li	{ text-align: left; margin-top: 0; height: 21px; float: left }
#bottom_menu li.b0  { width: auto; padding-left: 20px }
#bottom_menu li.b1	{ width: auto; padding-left: 20px }
#bottom_menu li.b2	{ width: auto; padding-left: 20px }
#bottom_menu li.b3	{ width: autopx; padding-left: 20px }
#bottom_menu li.b4	{ width: auto; padding-left: 20px }
#bottom_menu li.b5	{ width: auto; padding-left: 20px }
#bottom_menu li.b6	{ width: auto; padding-left: 20px }
/*begin CSS for dropdown menu*/
/* bottom moves the menu up */
#bottom_menu li ul         { background-color: #ffffff; display: none; position: absolute; z-index: 1000; width: auto; float: left; border: solid 1px #b4b4b2; bottom: 74px }
#bottom_menu li ul li      { background: transparent; text-align: left; display: block; margin: 0; width: 100%; letter-spacing: 0px }
#bottom_menu li ul li a    { font-size: 10px; display: block; padding-top: 6px; padding-right: 8px; padding-left: 0px; width: auto; height: 18px }
#bottom_menu li ul li a:hover { color: #a2ac6c }
/*only in moz/opera... done in JS for ie with node.style.marginTop */
#bottom_menu li ul li:first-child  { margin-top: 0 }
/* Opera Fix */
#bottom_menu li > ul { top: auto; left: auto; }
#bottom_menu li:hover ul, #nav li.over ul { display: block; position: relative; }
/*end CSS for dropdown menu*/