/* @override http://experiencedmp.com/css/superfish.css */

#nav {
	height: 61px;
	width: 908px;
	background: #5c5c5c;
 	border-top: 1px solid #8c8c8c;
 	border-left: 1px solid #8c8c8c;
 	border-right: 1px solid #8c8c8c;
 	position: absolute;
 	top: 0; left:0;
 	z-index: 200;
}

 	
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font: 13px 'lucida grande',tahoma,sans-serif;
}

.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			184px; /* left offset of submenus need to match (see below) */
 
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			61px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			184px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			184px; /* match ul width */
	top:			0;
}






/*** Ze SKIN ***/
.sf-menu li ul {
		width: 210px;
		box-shadow: 2px 2px 4px rgba(0,0,0,.6); 
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6); 
}



.sf-menu {
	float:			left;
	margin-bottom:	.4em;
}
.sf-menu a {
	height: 61px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { 
	color:			#FFF;
}

#nav a {
	text-indent: -3000px; 
	overflow: hidden;		
	color: #60513E;  
	}



/*
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}
*/

#nav a:hover {
	background-position: 0 -61px;		 
	}

#nav-commercial a {
	width: 215px;
	background: transparent url('/img/nav_commercial.gif') no-repeat;
	}


#nav-residential a {
	background: transparent url('/img/nav_residential.gif') no-repeat;
	width: 210px;
}
#nav-residential ul li a {
	border-bottom:1px solid #A3CBC4; 
	border-right: 1px solid #A3CBC4;
	border-left: 1px solid #A3CBC4;
	color: #000;
	background: #00BFA1;
	 
	}
	#nav-residential ul li a:hover {
		color:#FFF;
		background: #008570;
	}

#nav-portfolio a {
	width: 210px;
	background: transparent url('/img/nav_portfolio.gif') no-repeat;
	}

#nav-special a {
	width: 273px;
	background: transparent url('/img/nav_special.gif') no-repeat;
	}
 

/*
#nav-services li:hover, #nav-services li.sfHover{
	border-top: 		1px solid #000;
	color: 			#000;
	outline:		0;
	}


#nav-services ul li:hover, #nav-services ul li.sfHover {
	border: 		1px solid #000;
	color: 			#FF0000;
	outline:		0;
	}
*/
/*
#sub-services li {
	background-color: 	#FF0000;	
}
*/


/*
.current {
	border: 1px solid #FFF;
	color: #000;	
	outline:		0;
}
*/

/* overide global style...
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

*/

/*
.sf-menu li li {
	background:		#AABDE6;
}
*/

/* disabling 3rd row since it's unused
.sf-menu li li li {
	background:		#9AAEDB;
}
*/
	#nav li ul li a {
		display: block;
		height: auto;
		padding: 3px 12px;
 
		text-indent: 0;
		text-decoration: none;
		position: relative;
		width: 184px;
		font: normal 12px/20px 'lucida grande', arial, sans-serif;
		text-align:left;
		}
 

body#commercial #nav-commercial a,
body#portfolio #nav-portfolio a,
body#residential #nav-residential a
{background-position: 0 -61px;}