/* Begin CSS Drop Down Menu */


.menu
	{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	}
		
.menu a
	{
	text-align:center;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0;
	}
	
.menu a:link, .menu a:visited, .menu a:active	/* menu at rest */
	{
	color:#7C2E10;
	background-color:#EEDEC4 ;
	text-decoration:none;
	border-bottom:1px #7C2E10 solid;
	
	}
	
.menu a:hover	/* menu at mouse-over  */
	{
	color: white;
	background-color: #7C2E10;
	text-decoration:none;
	}	
	
.menu a.top_parent:link,.menu a.top_parent:visited, .menu a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(images/arrows.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
.menu a.parent, .menu a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

.menu ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
/*		 width of all menu boxes */
	}
* html .menu ul{width:5em;}
.menu li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	 padding:0; 
	 margin:0;
	}

.menu ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	width:25em;
	}
	
.menu ul ul a:link,.menu ul ul a:visited{ text-align:left; padding:2px 5px;}

.menu ul ul ul
	{
	top:0;
	left:100%;
	width:20em;
	}

div.menu li:hover
	{
	cursor:pointer;
	z-index:100;
	background-color: 175EA9;
	}

div.menu li:hover ul ul,
div.menu li li:hover ul ul,
div.menu li li li:hover ul ul,
div.menu li li li li:hover ul ul
{display:none;}

div.menu li:hover ul,
div.menu li li:hover ul,
div.menu li li li:hover ul,
div.menu li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */
.menu li a.lumber{ background:url(images/lumber-menu.jpg); width:122px; padding:0;}
.menu li a.deck-relling{ background: url(images/deck-relling-menu.jpg); width:122px; padding:0;}
.menu li a.custom-milling{ background: url(images/custom-milling-menu.jpg); width:123px; padding:0;}
.menu li a.fencing-sliding{ background: url(images/fencing-sliding-menu.jpg); width:123px; padding:0;}
.menu li a.garden{ background: url(images/garden-menu.jpg); width:123px; padding:0;}
.menu li a.hardware{ background: url(images/hardware-menu.jpg); width:122px; padding:0;}
.menu li a.patio-cover{ background: url(images/patio-cover-menu.jpg); width:119px; padding:0;}

.menu li a.home{ background:url(images/home.jpg); width:87px }
.menu li a.about{ background:url(images/about.jpg);  width:108px }
.menu li a.home-owner{ background:url(images/home-owners.jpg); width:128px }
.menu li a.contractor{ background:url(images/contractors.jpg);  width:108px}
.menu li a.locations{ background: url(images/location.jpg);  width:93px;}
.menu li a.services{ background:url(images/services.jpg); width:83px}
.menu li a.gallery{ background:url(images/gallery.jpg); width:71px }
.menu li a.career{ background:url(images/career.jpg); width:69px }
.menu li a.contact{ background:url(images/contact-us.jpg); width:107px } 


.menu li a img{border:none}
.menu li a.lumber,.menu a.deck-relling,.menu a.custom-milling,.menu a.fencing-sliding,.menu a.fencing-sliding,.menu a.garden,.menu a.hardware,.menu a.patio-cover,.menu a.company{ height:31px; border:none;}

.menu a:hover.lumber,.menu a:hover.deck-relling,.menu a:hover.custom-milling,.menu a:hover.fencing-sliding,.menu a:hover.fencing-sliding,.menu a:hover.garden,.menu a:hover.hardware,.menu a:hover.patio-cover{ background-position:right;border:none;}

.menu li a.lumber,.menu a.deck-relling,.menu a.custom-milling,.menu a.fencing-sliding,.menu a.fencing-sliding,.menu a.garden,.menu a.hardware,.menu a.patio-cover,.menu a.company{ height:31px; border:none;}

.menu a:hover.lumber,.menu a:hover.deck-relling,.menu a:hover.custom-milling,.menu a:hover.fencing-sliding,.menu a:hover.fencing-sliding,.menu a:hover.garden,.menu a:hover.hardware,.menu a:hover.patio-cover,.menu li a.contact:hover,.menu li a.career:hover,.menu li a.gallery:hover,.menu li a.services:hover,.menu li a.locations:hover,.menu li a.contractor:hover,.menu li a.home-owner:hover,.menu li a.about:hover,.menu li a.home:hover{ background-position:right;border:none;}

.menu li a.contact,
.menu li a.career,
.menu li a.gallery,
.menu li a.services,
.menu li a.locations,
.menu li a.contractor,
.menu li a.home-owner,
.menu li a.about,
.menu li a.home{ height:34px; display:block; border:none; }
.menu li.top{ height:34px; }