/* Begin CSS Drop Down Menu */





.menu {
	position:relative;
	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:123px; height:120px!important;
	padding:0;
}
.menu li a.deck-relling {
	background: url(images/deck-relling-menu.jpg);
	width:122px; height:120px;
	padding:0;
}
.menu li a.custom-milling {
	background: url(images/custom-milling-menu.jpg);
	width:122px; height:120px;
	padding:0;
}
.menu li a.fencing-sliding {
	background: url(images/fencing-sliding-menu.jpg);
	width:122px; height:120px;
	padding:0;
}
.menu li a.garden {
	background: url(images/garden-menu.jpg);
	width:122px; height:120px;
	padding:0;
}
.menu li a.hardware {
	background: url(images/hardware-menu.jpg);
	width:121px; height:120px;
	padding:0;
}
.menu li a.patio-cover {
	background: url(images/patio-cover-menu.jpg);
	width:122px; height:120px;
	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:120px;
	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:120px;
	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;
}