/**************** menu coding *****************/

#box_menu {
display: block;
float: left;
width: 330px;
}
#box_menu ul {
	width: 330px;
	margin-top:0;
	list-style: none;
}

#box_menu ul li { display: inline; }
	
#box_menu ul li a {
	display: block; float: left; height: 55px;
	background: url(http://www.kaarenengel.com/images/menu.jpg) no-repeat;
	text-indent: -9999px;
	width: 66px;
}

	#box_menu ul li a.home {
		background-position: 0 0;	
	}
	
	#box_menu ul li a.paintings {
		background-position: -66px 0;	
	}
	
	#box_menu ul li a.sculpture {
		background-position: -132px 0;	
	}
	
	#box_menu ul li a.collaboration {
		background-position: -198px 0;	
	}
	
	#box_menu ul li a.installations {
		background-position: -264px 0;	
	}
	
	
	#box_menu ul li a.home:hover, #box_menu ul li a.home:focus {
		background-position: 0 -55px;	
	}
	
	#box_menu ul li a.paintings:hover, #box_menu ul li a.paintings:focus {
		background-position: -66px -55px;	
	}
	
	#box_menu ul li a.sculpture:hover, #box_menu ul li a.sculpture:focus {
		background-position: -132px -55px;	
	}
	
	#box_menu ul li a.collaboration:hover, #box_menu ul li a.collaboration:focus {
		background-position: -198px -55px;	
	}
	
	#box_menu ul li a.installations:hover, #box_menu ul li a.installations:focus {
		background-position: -264px -55px;	
	}
	

a { outline: none; }


#text_menu {
margin-top: 0;
width: 300px;
display: block;
float: left;
line-height: 11px;
}

#text_menu ul {
width:4.5em;
list-style: none;
margin: 0;
padding: 0;
}

#text_menu a, #text_menu h2 {
font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
font-size: 11px;
display: block;
margin: 0;
padding:2px 5px 1px 0;
}

#text_menu a {
color: #444444;
text-decoration: none;
}

#text_menu a:hover {
color: #518A84;
}

#text_menu li {
position: relative;
text-transform:uppercase;
}

#text_menu ul ul {
position: absolute;
top: 0;
left: 100%;
}

#text_menu ul ul li a, #text_menu ul ul li a:link {
display: block;
padding-left: 15px;
color: #D62302;
background: none;
width: 6em;
text-transform:uppercase;
}
#text_menu ul ul li a:hover {
color: #518A84;
}
div#text_menu ul ul,
div#text_menu ul li:hover ul
{display: none;}

div#text_menu ul li:hover ul,
div#text_menu ul ul li:hover ul
{
display: block;
color: #518A84;
background: url(http://www.kaarenengel.com/images/menu_arrow_small.png) no-repeat top left;
}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #text_menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(http://www.kaarenengel.com/css/csshover3.htc);
font-size: 100%;
} 
#text_menu ul li {float: left; width: 100%;}
#text_menu ul li a { } 

#text_menu a, #text_menu h2 {
font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
font-size: 11px;
} 

</style>
<![endif]-->