@charset "utf-8";
/* CSS Document */

/******** HEADER NAVIGATION ********/


#nonFooter #container #header #header-nav{
	background-color: #30221F;
	position: absolute; bottom: 26px; right: 0px;
	width: 480px;
}

#nonFooter #container #header #header-nav li{
	list-style-type: none;
	float: left;
	border-right: 1px solid #9a3b1d;
	height: auto;
}

#nonFooter #container #header #header-nav a{
	padding: 0px 8px;
	display: block;
	background-image: url(/images/hdr-nav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 9px;
}

*html #nonFooter #container #header #header-nav a{
	padding: 0px;
	margin: 0px;
	display: block;
	background-image: url(/images/hdr-nav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	font-size: 0.6em;
}

#nonFooter #container #header #header-nav #nav-landscape{
	background-image: url(/images/landscape-management.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px 5px;
	width: 168px;
	height: 9px;
}

*html #nonFooter #container #header #header-nav #nav-landscape{
	font-size: 0.6em;
}

#nonFooter #container #header #header-nav #nav-home a{
	background-position: 7px 0px;
	width: 35px;
}

*html #nonFooter #container #header #header-nav #nav-home a{
	background-position: 7px 0px;
	width: 50px;
}

#nonFooter #container #header #header-nav #nav-home a:hover{
	background-position: 7px -9px;
}

#nonFooter #container #header #header-nav #nav-about a{
	background-position: -42px 0px;
	width: 44px;
}

*html #nonFooter #container #header #header-nav #nav-about a{
	background-position: -42px 0px;
	width: 59px;
}

#nonFooter #container #header #header-nav #nav-about a:hover{
	background-position: -42px -9px;
}

#nonFooter #container #header #header-nav #nav-team a{
	background-position: -101px 0px;
	width: 100px;
}

*html #nonFooter #container #header #header-nav #nav-team a{
	background-position: -101px 0px;
	width: 115px;
}

#nonFooter #container #header #header-nav #nav-team a:hover{
	background-position: -101px -9px;
}

#nonFooter #container #header #header-nav #nav-contact a{
	background-position: -213px 0px;
	width: 55px;
}

*html #nonFooter #container #header #header-nav #nav-contact a{
	background-position: -213px 0px;
	width: 70px;
}

#nonFooter #container #header #header-nav #nav-contact a:hover{
	background-position: -213px -9px;
}

#nonFooter #container #header #header-nav #nav-contact{
	border: none;
}

/******** FOCUS AREA NAVIGATION ********/

#nonFooter #container .focus-area{
	width: 850px;
	height: 120px;
	padding: 10px 0px;
	border-bottom: 1px solid #a27b1e;
}

#nonFooter #container .focus-area li{
	float: left;
	margin-right: 9px;
	list-style-type: none;
	background-image: url(/images/focus-nav.gif);
}

#nonFooter #container .focus-area li:hover,
#nonFooter #container .focus-area li.sfhover{
	background-position: left bottom;
}

#nonFooter #container .focus-area #focus-link-2{
	background-position: -285px 0px;
}

#nonFooter #container .focus-area #focus-link-2:hover,
#nonFooter #container .focus-area #focus-link-2.sfhover{
	background-position: -285px -118px;
}

#nonFooter #container .focus-area #focus-link-3{
	background-position: -571px 0px;
}

#nonFooter #container .focus-area #focus-link-3:hover,
#nonFooter #container .focus-area #focus-link-3.sfhover{
	background-position: -571px -118px;
}


#nonFooter #container .focus-area li a{
	width: 277px;
	height: 118px;
	display: block;
	text-indent: -9999px;
}

#nonFooter #container .focus-area #focus-link-3{
	margin: 0px;
	width: 278px;
}

/**** SECOND-LEVEL LISTS ****/

#nonFooter #container #nav li ul {
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: auto;
}

#nonFooter #container #nav li ul li{
	width: auto;
	margin: 0px;
	padding: 0px;
	float: none;
	background-image: none;
}


#nonFooter #container #nav li ul li a{
	z-index: 100;
	padding: 0px;
	margin: 0px;
	height: 24px;
	border-top: 1px solid #8F8886;
	background-image: url(/images/drop-down.png);
	background-repeat: no-repeat;
}


#nonFooter #container #nav li ul li ul{
	margin: 0px;
	padding: 0px; 
}

#nonFooter #container #nav li ul li ul li{
	margin: 0px;
	padding: 0px; 
}

#nonFooter #container #nav li ul li ul li a{
	margin: 0px;
	padding: 0px; 
}

#nonFooter #container #nav li:hover ul ul, 
#nonFooter #container #nav li:hover ul ul ul, 
#nonFooter #container #nav li.sfhover ul ul, 
#nonFooter #container #nav li.sfhover ul ul ul {
	left: -999em;
}

#nonFooter #container #nav li:hover ul, 
#nonFooter #container #nav li li:hover ul, 
#nonFooter #container #nav li li li:hover ul, 
#nonFooter #container #nav li.sfhover ul, 
#nonFooter #container #nav li li.sfhover ul, 
#nonFooter #container #nav li li li.sfhover ul {  /*lists nested under hovered list items*/
	left: auto;
}

#nonFooter #container #nav ul li:hover,
#nonFooter #container #nav ul li.sfhover {
	text-decoration: none;
} 

#nonFooter #container #nav li:hover,
#nonFooter #container #nav li.sfhover {
	text-decoration: none;
} 


#nonFooter #container #nav li:hover,
#nonFooter #container #nav li.sfhover,
#nonFooter #container #nav li.hover {
	position: static;
}

/******* IMAGINE DROP DOWNS ********/

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-street{
	background-position: left -4px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-street:hover{
	background-position: -277px -4px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-backyard{
	background-position: left -34px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-backyard:hover{
	background-position: -277px -34px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-courtyard{
	background-position: left -64px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-courtyard:hover{
	background-position: -277px -64px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-alfresco{
	background-position: left -94px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-alfresco:hover{
	background-position: -277px -94px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-pool{
	background-position: left -124px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-pool:hover{
	background-position: -277px -124px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-resort{
	background-position: left -154px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-resort:hover{
	background-position: -277px -154px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-modern{
	background-position: left -184px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-modern:hover{
	background-position: -277px -184px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-traditional{
	background-position: left -214px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-traditional:hover{
	background-position: -277px -214px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-family{
	background-position: left -244px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-family:hover{
	background-position: -277px -244px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-commercial{
	background-position: left -274px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-commercial:hover{
	background-position: -277px -274px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-awards{
	background-position: left -304px;
}

#nonFooter #container #nav #focus-link-1 #imagine-dd li #imagine-awards:hover{
	background-position: -277px -304px;
}

/******* CREATE AND IMAGINE DROP DOWNS ********/

#nonFooter #container #nav #focus-link-2 #create-dd li #create-cl{
	background-position: left -394px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-cl:hover{
	background-position: -277px -394px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-cs{
	background-position: left -424px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-cs:hover{
	background-position: -277px -424px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-fs{
	background-position: left -454px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-fs:hover{
	background-position: -277px -454px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-ds{
	background-position: left -484px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-ds:hover{
	background-position: -277px -484px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-fr{
	background-position: left -514px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-fr:hover{
	background-position: -277px -514px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-mpr{
	background-position: left -544px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-mpr:hover{
	background-position: -277px -544px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-ww{
	background-position: left -574px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-ww:hover{
	background-position: -277px -574px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-rd{
	background-position: left -604px;
}

#nonFooter #container #nav #focus-link-2 #create-dd li #create-rd:hover{
	background-position: -277px -604px;
}

/************* INSPIRE DROP DOWN ***********/

#nonFooter #container #nav #focus-link-3 #inspire-dd li #inspire-ww{
	background-position: left -334px;
}

#nonFooter #container #nav #focus-link-3 #inspire-dd li #inspire-ww:hover{
	background-position: -277px -334px;
}

#nonFooter #container #nav #focus-link-3 #inspire-dd li #inspire-lb{
	background-position: left -364px;
}

#nonFooter #container #nav #focus-link-3 #inspire-dd li #inspire-lb:hover{
	background-position: -277px -364px;
}
