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


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


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:84px;
	height:89px;
	background-image:url(images/sb-nav-home_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		



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

}

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

div#nav ul li#about-nav{
	display:block;
	width:105px;
	height:89px;
	background-image:url(images/sb-nav-about_f2.jpg);
	background-position: 200px center;
	background-repeat:no-repeat;
}		


div#nav ul li#about-nav:hover{
	width:105px;
	height:89px;
	background-image:url(images/sb-nav-about_f2.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

div#nav ul li#about-nav a#about-button {
	display:block;
	width: 105px;
	height:89px;
}

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


div#nav ul li#becker-nav{
	display:block;
	width:150px;
	height:89px;
	background-image:url(images/sb-nav-becker_f2.jpg);
	background-position:center 141px;
	background-repeat:no-repeat;
}		


div#nav ul li#becker-nav:hover{
	width:150px;
	height:89px;
	background-image:url(images/sb-nav-becker_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

div#nav ul li#becker-nav a#becker-button {
	display:block;
	width: 150px;
	height:89px;
}


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

div#nav ul li#aesthetics-nav{
	display:block;
	width:161px;
	height:89px;
	background-image:url(images/sb-nav-aesthetics_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		



div#nav ul li#aesthetics-nav:hover{
	width:161px;
	height:89px;
	background-image:url(images/sb-nav-aesthetics_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}



div#nav ul li#aesthetics-nav a#aesthetics-button {
	display:block;
	width: 161px;
	height:89px;
}

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


div#nav ul li#ophthalmic-nav{
	display:block;
	width:175px;
	height:89px;
	background-image:url(images/sb-nav-ophthalmic_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		


div#nav ul li#ophthalmic-nav:hover{
	width:175px;
	height:89px;
	background-image:url(images/sb-nav-ophthalmic_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


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


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

div#nav ul li#maps-nav{
	display:block;
	width:161px;
	height:89px;
	background-image:url(images/sb-nav-maps_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		


div#nav ul li#maps-nav:hover{
	width:161px;
	height:89px;
	background-image:url(images/sb-nav-maps_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


div#nav ul li#maps-nav a#maps-button {
	display:block;
	width: 161px;
	height:89px;
}


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



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


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


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





/* **************************************************     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:#44170e;
	width:160px;
	display:block;
}



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



ul.level4 {
	float:none;
	padding:0;
	background-color:#3E8968;
	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:11px;
	color:#FFFFFF;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:5px 0px 10px 10px;
	width:150px;
}



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



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;
}