/*** 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;
	margin-left: 20px;
	margin-top: 1px;
}
.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:			40px; /* 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: 36px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { 
	color:			#FFF;
}

#nav a {
/*
	margin-right: 10px;
	display: block;
	height: 28px;
*/
 
	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 -36px;		 
	}

#nav-services a {
	width: 104px;
	background: transparent url('/img/nav_services.gif') no-repeat;
	}

#nav-about a {
	background: transparent url('/img/nav_aboutus.gif') no-repeat;
	width: 117px;
}
#nav-contact a {
	background: transparent url('/img/nav_contact.gif') no-repeat;
	width: 105px;
}
	#nav-contact ul li a {
	color: #000;
	background: #00BFA1;
	 
	}
	#nav-residential ul li a:hover {
		color:#FFF;
		background: #008570;
	}

#nav-portfolio a {
	width: 124px;
	background: transparent url('/img/nav_portfolio.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#services #nav-services a,
body#portfolio #nav-portfolio a,
body#contact #nav-contact a,
body#about #nav-about a
{background-position: 0 -36px;}