/* Menu css */

#menu li {position: relative; text-align:center; background:url(../images/MenuButt.jpg) no-repeat; width: 104px; padding-top:10px; height:25px; vertical-align:middle; margin:0; }
#menu li:hover{background:url(../images/MenuButtRO.jpg) no-repeat;  visibility: visible;}

#menu #home{ background:url(../images/MenuButtHome.jpg) no-repeat; }
#menu #home:hover{background:url(../images/MenuButtRO.jpg) no-repeat; }
#menu #contact{background:url(../images/MenuButtContact.jpg) no-repeat; }
#menu #contact:hover{background:url(../images/MenuButtRO.jpg) no-repeat; }

#menu #whitehot , #menu #offices {background:url(../images/MenuButt2.jpg) no-repeat;width: 106px;  }
#menu #whitehot:hover, #menu #offices:hover{background:url(../images/MenuButtRO2.jpg) no-repeat;  }


ul { margin: 0; padding: 0; list-style: none;  }
#menu ul li {	position: relative;	float: left;  z-index: 1000; }	
li ul {	position: absolute;	left: 0; top: 35px;	display: none;	 text-align: left; 	}
#menu li ul ul { position: absolute; left:100%; top: -.1em; display: none; }
#menu ul li a { display: block; text-decoration: none;  font-weight: bold; color:#000; font-size:12px;}


#dropMenu {visibility:visible; z-index:1000;  }
#dropMenu ul{z-index: 1000; }
#dropMenu li{text-align:left; background:url(../images/MenuCentreSlice.jpg) repeat-x; padding:3px 0 0 5px; height:27px; width:140px;z-index: 1000;  }
#dropMenu li:hover{background:url(../images/RoCentreSlice.jpg) repeat-x; z-index: 1000; }

* html ul li a { height:1%; }
li:hover a, li.over a,
li:hover li:hover a, li.over li.over a,
li:hover li:hover li:hover a, li.over li.over li.over a,
li:hover li a:hover, li.over li a:hover,
li:hover li:hover li:hover a:hover, li.over li li a:hover,
li:hover li:hover li:hover li:hover a:hover, li.over li.over li.over li.over a:hover 
{ color: #333;  }


li ul li a {  }
ul li:hover ul ul, ul li:hover ul ul ul, ul li.over ul ul, ul li.over ul ul ul { display:none; }
ul li:hover ul,ul li li:hover ul,ul li li li:hover ul, ul li.over ul, ul li li.over ul,ul li li li.over ul { display: block; }




/* Elevated Menu */
/*#elevatedMenu {  text-align: right; padding: 2px 2px 0 0; vertical-align:middle;  }*/
#elevatedMenu { /*position:absolute; top:0; right:0; */ text-align: right; padding: 2px 2px; vertical-align:middle; z-index:500;  }
#elevatedMenu a { text-decoration: none; color: #fff; font-weight: bold; height:18px; padding:0 25px; margin-right:3px;  background:url(../images/AccountShieldIcon.jpg) right no-repeat;}
#elevatedMenu a:hover { text-decoration: none; color: #fff; font-weight: bold; }
#elevatedMenu img{padding:8px 8px 0 0;}

#purple{ background-color:#7f2d81; }
#logo{ background-color:#7f2d81; z-index:400;  }