/* CSS Document */
a{outline:none;}
ul.menu-main {
	position:relative;
	margin: 0;
	padding: 0;
	list-style: none;
	height:60px;/*change*/
	width: 1000px; /* Width of Menu Items *//*change*/
	border:none;
	}

ul.menu-main li {
	position: relative;
	float:left;
	height:60px;/*change*/
	}

ul.menu-main li ul li{
	position:relative;
	z-index:1000;
	float:none;
	height:30px;
	}
ul.menu-main li ul li a{
	float:none;
	text-indent:0;
	height:30px;
	
	border-top:1px #000000 solid;
	}
	
ul.menu-main li ul {
	z-index:1000;
	padding:10px;
	margin:0;
	list-style:none;
	position: absolute;
	width: 175px;
	left:0px;
	top: 60px;/*change*/
	display: none;
	background: #C0D3EE;
	border: 1px solid #5F6EDF;
	}

/* Styles for Menu Items */
ul.menu-main li a {
	position:relative;
	display: block;
	text-decoration: none;
	color: #221D84;
	font-weight:bold;
	line-height:30px;
	height:60px;/*change*/
	text-indent:-999em;
	/*background: #fff;*/ /* IE6 Bug */
	/*padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;*/
	}
	.lastnavitem{
	border-top:none;
	border-bottom:1px #000000 solid;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu-main li { float: left; height: 60px; }/*change height*/
* html ul.menu-main li a { height: 60px; }/*change height*/
/* End */

ul.menu-main li ul li a:hover { color: #E2144A; background: white; }/* Hover Styles */


/*these hovers work even with no <a></a>*/
/*change all for new nav*/
#home{background:url(/images/images/home.gif) top left no-repeat; width:134px; position:relative; z-index:100;}
#homepage #home, #home:hover{background:url(/images/images/homeOn.gif) top left no-repeat; width:134px;}

#meetthestaff{background:url(/images/images/meetthestaff.gif) top left no-repeat; width:95px; position:relative; z-index:100;}
#meetthestaffpage #meetthestaff, #meetthestaff:hover{background:url(/images/images/meetthestaffOn.gif) top left no-repeat; width:95px;}

#services{background:url(/images/images/services.gif) top left no-repeat; width:61px; position:relative; z-index:100;}
#servicespage #services, #services:hover{background:url(/images/images/servicesOn.gif) top left no-repeat; width:61px;}

#success{background:url(/images/images/success.gif) top left no-repeat; width:58px; position:relative; z-index:100;}
#successpage #success, #success:hover{background:url(/images/images/successOn.gif) top left no-repeat; width:58px;}

#products{background:url(/images/images/products.gif) top left no-repeat; width:65px; position:relative; z-index:100;}
#productspage #products, #products:hover{background:url(/images/images/productsOn.gif) top left no-repeat; width:65px;}

#philosophy{background:url(/images/images/philosophy.gif) top left no-repeat; width:73px; position:relative; z-index:100;}
#philosophypage #philosophy, #philosophy:hover{background:url(/images/images/philosophyOn.gif) top left no-repeat; width:73px;}

#wheredoesithurt{background:url(/images/images/wheredoesithurt.gif) top left no-repeat; width:123px; position:relative; z-index:100;}
#wheredoesithurtpage #wheredoesithurt, #wheredoesithurt:hover{background:url(/images/images/wheredoesithurtOn.gif) top left no-repeat; width:123px;}

#insurance{background:url(/images/images/insurance.gif) top left no-repeat; width:69px; position:relative; z-index:100;}
#insurancepage #insurance, #insurance:hover{background:url(/images/images/insuranceOn.gif) top left no-repeat; width:69px;}

#employment{background:url(/images/images/employment.gif) top left no-repeat; width:84px; position:relative; z-index:100;}
#employmentpage #employment, #employment:hover{background:url(/images/images/employmentOn.gif) top left no-repeat; width:84px;}

#links{background:url(/images/images/links.gif) top left no-repeat; width:40px; position:relative; z-index:100;}
#linkspage #links, #links:hover{background:url(/images/images/linksOn.gif) top left no-repeat; width:40px;}

#contactus{background:url(/images/images/contact.gif) top left no-repeat; width:198px; position:relative; z-index:100;}
#contactuspage #contactus, #contactus:hover{background:url(/images/images/contactOn.gif) top left no-repeat; width:198px;}
		
ul.menu-main li ul li a { /*padding: 2px 5px;*/ } /* Sub Menu Styles */
		
ul.menu-main li:hover ul, ul.menu-main li.over ul { display: block;} /* The magic */


