/*** ESSENTIAL STYLES ***/

#navigation {width:950px; margin:0px; position:relative; z-index:15;}

#navigation:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#navigation
{display: inline-block;}

/* Hides from IE-mac \*/
* html #navigation
{height: 1%;}

#navigation
{display: block;}
/* End hide from IE-mac */


.sf-menu, .sf-menu * {list-style:none; margin:0; padding:0;}
.sf-menu {line-height:1.0; border-bottom:1px solid #fff; }
.sf-menu ul {position:absolute;	top:-999em;	width:10em; /* 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:2.5em; /* match top ul list item height */ top:2.95em; z-index:14;}
/*Special code for last one ... Contact ... so that it doesn't move so far to the right */
.sf-menu li#navcontact:hover ul,
.sf-menu li#navcontact.sfHover ul {
	left:-1.9em; /*top: 2.5em; /* match top ul list item height */ top:2.9em; z-index:14;}

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:10em; /* 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:10em; /* match ul width */ top:0;}

/*** DEMO SKIN ***/
.sf-menu {float:left; /*margin-bottom:1em;*/}
.sf-menu a {
	/*border-left:	1px solid #fff;*/border-top:1px solid #A2AFBF; /*padding: 		.75em 1em;*/ text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:#13a;*/
	color:#fff;	font-family:Georgia, "Times New Roman", Times, serif; font-size:15px;
	height:32px; padding-top:14px;}
.sf-menu li {/*background:#BDD2FF;*/background:#fa00d8; color:#FFF;	text-align:center;}

.sf-menu li#navhome  {background-color:#3973A6; width:120px;}
.sf-menu li#navabout  {background-color:#1E4775; width:113px;}
.sf-menu li#navnewhomes  {background-color:#556A83; width:142px;}
.sf-menu li#navcommercial  {background-color:#3B5D86; width:170px;}
.sf-menu li#navadditions  {background-color:#516780; width:147px;}
.sf-menu li#navgallery  {background-color:#1E4775; width:127px;}
.sf-menu li#navcontact  {background-color:#49729E; width:131px;}

.sf-menu li li {background:#fa7d00;}/*Color for FIRST level drop down menus*/
.sf-menu li#navhome li {background:#3973A6;}
.sf-menu li#navabout li {background:#1E4775;}
.sf-menu li#navnewhomes li {background:#8596AB;}
.sf-menu li#navcommercial li {background:#3B5D86; width:11em;}
.sf-menu li#navadditions li {background:#516780;}
.sf-menu li#navgallery li {background:#1E4775;}
.sf-menu li#navcontact li {background:#49729E;}

.sf-menu li li li {background:#00fa03;}/*Color for SECOND level drop down menus*/
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {/*This changes the hover color for the main navigation, and also changes the hover color for the subsequent drop down hovers*/
	/*background:#CFDEFF;*/background:#800000; outline:0;}
/*Home*/
.sf-menu li#navhome:hover, .sf-menu li#navhome.sfHover, .sf-menu li#navhome a:focus, .sf-menu li#navhome a:hover, .sf-menu li#navhome a:active {
	background:		#30608A!important;
}
/*About*/
.sf-menu li#navabout:hover, .sf-menu li#navabout.sfHover, .sf-menu li#navabout a:focus, .sf-menu li#navabout a:hover, .sf-menu li#navabout a:active {
	background:		#193B62!important;
}
/*New Homes*/
.sf-menu li#navnewhomes:hover, .sf-menu li#navnewhomes.sfHover, .sf-menu li#navnewhomes a:focus, .sf-menu li#navnewhomes a:hover, .sf-menu li#navnewhomes a:active {
	background:		#697C92!important;
}

.sf-menu li#navnewhomes li:hover, .sf-menu li#navnewhomes li.sfHover, .sf-menu li#navnewhomes li a:focus, .sf-menu li#navnewhomes li a:hover, .sf-menu li#navnewhomes li a:active {
	background:		#697C92!important;
}
/*Commercial*/
.sf-menu li#navcommercial:hover, .sf-menu li#navcommercial.sfHover, .sf-menu li#navcommercial a:focus, .sf-menu li#navcommercial a:hover, .sf-menu li#navcommercial a:active {
	background:		#314E70!important;
}
/*Home Additions*/
.sf-menu li#navadditions:hover, .sf-menu li#navadditions.sfHover, .sf-menu li#navadditions a:focus, .sf-menu li#navadditions a:hover, .sf-menu li#navadditions a:active {
	background:		#44566B!important;
}
/*Gallery*/
.sf-menu li#navgallery:hover, .sf-menu li#navgallery.sfHover, .sf-menu li#navgallery a:focus, .sf-menu li#navgallery a:hover, .sf-menu li#navgallery a:active {
	background:		#193B62!important;
}
/*Contact*/
.sf-menu li#navcontact:hover, .sf-menu li#navcontact.sfHover, .sf-menu li#navcontact a:focus, .sf-menu li#navcontact a:hover, .sf-menu li#navcontact a:active {
	background:		#3D5F84!important;
}