@charset "UTF-8";
/* CSS Document */


/*  *********************************************   NAVIGATION   *********************************************** */

div#nav {
	margin:0;
	padding:0;
	width:984px;
	position:relative;
	float:left;
	text-align:left;
	z-index:1;
	height:68px;
	background:url(images/els-nav-bg.jpg) no-repeat top center;
}


div#nav ul{
	margin:0;
	padding:0;
}


div#nav ul li {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}	

/* ******************************************************************************** */


div#nav ul li#home-nav a{
	display:block;
	width:100px;
	height:68px;
	background-image:url(images/els-nav-home_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		



div#nav ul li#home-nav a:hover{
	width:100px;
	height:68px;
	background-image:url(images/els-nav-home_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;

}

/* ******************************************************************************** */

div#nav ul li#leatherbarrow-nav{
	display:block;
	width:164px;
	height:68px;
	background-image:url(images/els-nav-leatherbarrow_f2.jpg);
	background-position: 200px center;
	background-repeat:no-repeat;
}		


div#nav ul li#leatherbarrow-nav:hover{
	width:164px;
	height:68px;
	background-image:url(images/els-nav-leatherbarrow_f2.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

div#nav ul li#leatherbarrow-nav a#leatherbarrow-button {
	display:block;
	width: 164px;
	height:68px;
}

/* ******************************************************************************** */


div#nav ul li#ocusurg-nav{
	display:block;
	width:175px;
	height:68px;
	background-image:url(images/els-nav-ocusurg_f2.jpg);
	background-position:center 141px;
	background-repeat:no-repeat;
}		


div#nav ul li#ocusurg-nav:hover{
	width:175px;
	height:68px;
	background-image:url(images/els-nav-ocusurg_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

div#nav ul li#ocusurg-nav a#ocusurg-button {
	display:block;
	width: 175px;
	height:68px;
}


/* ******************************************************************************** */

div#nav ul li#conditions-nav{
	display:block;
	width:107px;
	height:68px;
	background-image:url(images/els-nav-conditions_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		



div#nav ul li#conditions-nav:hover{
	width:107px;
	height:68px;
	background-image:url(images/els-nav-conditions_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}



div#nav ul li#conditions-nav a#conditions-button {
	display:block;
	width: 107px;
	height:68px;
}


/* ******************************************************************************** */


div#nav ul li#treatment-nav{
	display:block;
	width:114px;
	height:68px;
	background-image:url(images/els-nav-treatment_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		


div#nav ul li#treatment-nav:hover{
	width:114px;
	height:68px;
	background-image:url(images/els-nav-treatment_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


div#nav ul li#treatment-nav a#treatment-button {
	display:block;
	width: 114px;
	height:68px;
}


/* ******************************************************************************** */

div#nav ul li#textbook-nav{
	display:block;
	width:100px;
	height:68px;
	background-image:url(images/els-nav-textbook_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		


div#nav ul li#textbook-nav:hover{
	width:100px;
	height:68px;
	background-image:url(images/els-nav-textbook_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


div#nav ul li#textbook-nav a#textbook-button {
	display:block;
	width: 100px;
	height:68px;
}


/* ******************************************************************************** */

div#nav ul li#locations-nav{
	display:block;
	width:106px;
	height:68px;
	background-image:url(images/els-nav-locations_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		


div#nav ul li#locations-nav:hover{
	width:106px;
	height:68px;
	background-image:url(images/els-nav-locations_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


div#nav ul li#locations-nav a#locations-button {
	display:block;
	width: 106px;
	height:68px;
}



/* ******************************************************************************** */

div#nav ul li#contact-nav{
	display:block;
	width:118px;
	height:68px;
	background-image:url(images/els-nav-contact_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		


div#nav ul li#contact-nav:hover{
	width:118px;
	height:68px;
	background-image:url(images/els-nav-contact_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


div#nav ul li#contact-nav a#contact-button {
	display:block;
	width: 118px;
	height:68px;
}




/* **************************************************     FLYOUT NAVIGATION     ******************************************** */

div#nav ul ul {
	position:absolute;
	display:none;
	margin:0px 0 0 0;
}



div#nav ul ul ul {
	position:absolute;
	display:none;
	margin:-21px 0 0 120px;
	padding:0;
}



div#nav ul.level1 li.subnav:hover ul.level2, div#nav ul.level1 li.subnav:hover ul.level2 li.subnav:hover ul.level3 {
	display:block;
}



ul.level2 {
	float:none;
	margin:0;
	padding:0;
	background-color:#3D79AF;
	width:120px;
	display:block;
}



ul.level3 {
	float:none;
	padding:0;
	background-color:#3E5768;
	width:120px;
	display:block;
}



ul.level4 {
	float:none;
	padding:0;
	background-color:#3E5768;
	width:120px;
	display:block;
}



ul.level2 li {
	line-height:1.4em;
}



div#nav ul.level1 li.subnav ul.level2 li a, div#nav ul.level1 li.subnav ul.level2 li.subnav ul.level3 a{
	font-size:10px;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	padding:4px 0px 5px 5px;
	width:115px;
}



div#nav ul.level1 li.subnav ul.level2 li a:hover {
	font-size:10px;
	color:#FFFFFF;
	background-color:#26537D;
	display:block;
	text-decoration:none;
	padding:4px 0px 5px 5px;
	width:115px;
}



div#nav ul.level1 li.subnav ul.level2 li.subnav ul.level3 a:hover {
	font-size:10px;
	color:#FFFFFF;
	background:#2D3F4B;
	display:block;
	text-decoration:none;
	padding:3px 0px 3px 5px;
	width:115px;
}