/*	ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
	Navigation CSS File for http://www.breckenridgelandscape.com
		 İ2009 Breckenridge Landscape & Trivera Interactive
	_______________________________________________________________	*/
	
#navigation {
	display: block;
	position: relative;
	float: left;
	width: 608px;
	height: 20px;
	padding-top: 40px;
	z-index: 2000;
}



/*	TIER 1_________________________________________________________	*/


#navigation ul {
	display: block;
	width: 565px;
	float: right;
}

#navigation ul li {
	display: block;
	float: left;
}

#navigation ul li a:link, #navigation ul li a:visited {
	display: block;
	float: left;
	text-indent: -999em;
	text-transform: uppercase;
	font: 12px "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
	color: #583e18;
	text-decoration: none;
	line-height: 18px;
	background: url(http://www.breckenridgelandscape.com/themes/breckenridge/img/nav-sprite-24.png) no-repeat;
	background-image: url(http://www.breckenridgelandscape.com/themes/breckenridge/img/nav-sprite-8.png);
}
	
#navigation ul li a:link.about, #navigation ul li a:visited.about {
	width: 66px;
	background-position: 0px 0px; /* left, top */
}

#navigation ul li a:hover.about { background-position: 0px -20px; }

#navigation ul li a:link.services, #navigation ul li a:visited.services {
	width: 74px;
	background-position: -66px 0px; /* left, top */
}

#navigation ul li a:hover.services { background-position: -66px -20px; }

#navigation ul li a:link.portfolio, #navigation ul li a:visited.portfolio {
	width: 83px;
	background-position: -140px 0px; /* left, top */
}

#navigation ul li a:hover.portfolio { background-position: -140px -20px; }

#navigation ul li a:link.landscape, #navigation ul li a:visited.landscape {
	width: 160px;
	background-position: -223px 0px; /* left, top */
}

#navigation ul li a:hover.landscape { background-position: -223px -20px; }

#navigation ul li a:link.in-the-green, #navigation ul li a:visited.in-the-green {
	width: 96px;
	background-position: -383px 0px; /* left, top */
}

#navigation ul li a:hover.in-the-green { background-position: -383px -20px; }

#navigation ul li a:link.contact, #navigation ul li a:visited.contact {
	width: 78px;
	background-position: -479px 0px; /* left, top */
}

#navigation ul li a:hover.contact { background-position: -479px -20px; }


/*	TIER 2_________________________________________________________	*/

#navigation ul li ul {
	position: absolute;
	clear: both;
	display: block;
	width: 145px;
	left: -999em;
	z-index: 2000;
	margin: 18px 0 0 0;
	background-color: #fff;
	border: 1px solid #b8a87e;
	opacity: .9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);	
	padding: 15px;
	
}
	
#navigation ul li:hover ul,  #navigation ul li.sfhover ul {
	left: auto;
}

#navigation ul li ul {



}
	
#navigation ul li ul li {
	float: none;
}
	
#navigation ul li ul li a:link, #navigation ul li ul li a:visited {
	font: 12px "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
	color: #583e18;
	text-indent: 0px;
	background-image: none;
	text-transform: none;
	clear: both;
}
	
#navigation ul li ul li a:hover {
	color: #679d4a;
}