/* Conroy Exteriors - CSS Document - Menu */



#menu-contain {width: 990px; height: 50px; background: #ffffff url(../images/menu-bg.jpg) top center repeat; margin: 0px auto; text-align: center; position: relative; z-index:20000;}



ul#menu {

	text-align:center;

	list-style: none;

	margin: 0;

	padding: 0px;

	height: 50px;

	background: none;

}

ul#menu li {

	list-style: none;

	float: left;

	display: inline;

	height: 50px;

	margin: 0px 25px 0px 25px;

	padding: 0px 10px 0px 10px;

	



}

ul#menu li a {

	display: block;

	height: 50px;

	text-indent: -999em;

}



.home a {background: url(../images/home-btn.jpg) 0 0 no-repeat; width: 89px;}

.products a {background: url(../images/products-btn.jpg) 0 0 no-repeat; width: 89px;}

.services a {background: url(../images/services-btn.jpg) 0 0 no-repeat; width: 89px;}

.profile a {background: url(../images/about-btn.jpg) 0 0 no-repeat; width: 89px;}

.gallery a {background: url(../images/gallery-btn.jpg) 0 0 no-repeat; width: 89px;}

.contact a {background: url(../images/contact-btn.jpg) 0 0 no-repeat; width: 89px;}



.home a:hover, ul#menu li.products a:hover,.services a:hover, .profile a:hover,.gallery a:hover,.contact a:hover {background-position: bottom left; border: none;}



ul#menu li#selected a {background-position: bottom left;}



/*Drop downs*/



ul#menu li ul li a {

	background-image: none;

	text-indent: 0;

	padding: 10px 0px 10px 0px;

	height: 14px;

	width: auto;

	font: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#FFFFFF;

	font-weight:bold;

}

ul#menu li ul li {

	float: none;

	height: auto;

	display: block;

	margin: 0px 0px 0px 0px;

}

ul#menu li ul li a:hover {

		background: none;

		text-decoration: none;

		border:none;

		color: #d92027;

}



ul#menu li ul {

	display: none;

	position: absolute;

	top: 1em;

	width: 89px;

	padding: 5px 0px 5px 0px;

	background: url(../images/dropdown.jpg) left bottom no-repeat;

	left: 0;

	margin: 0;

}



ul#menu li>ul {

	top: auto;

	left: auto;

}



ul#menu li:hover ul, ul#menu li.over ul {

	display: block;

	left: auto;

}

*:first-child+html ul#menu li:hover ul,

*:first-child+html ul#menu li.over ul {

	position: static;

}