/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#404040, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 1em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
	margin: 5px 0 -1.21em 0.15em;
  padding: 0;
  color: #404040; 
}

/*
#shadow_1:before { content:'Twist Your Thinking'  }
#shadow_2:before { content:'Our History'  }
#shadow_3:before { content:'Our Passion'  }
#shadow_4:before { content:'Hospitality Brands'  }
#shadow_5:before { content:'Senior Housing Brands'  }
#shadow_6:before { content:'Contact'  }
#shadow_7:before { content:'News'  }
*/
#shadow_contact:before { content:'Contact'; }
#shadow_news:before { content:'News & Media' ;  }
#shadow_middot:before { content:'·';font-weight:bold; }

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #404040 3px 3px 3px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:#404040;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}