/*

Sage Suckerfish 1.3
Developed by aq from Son of Suckerfish menus
http://www.htmldog.com/articles/suckerfish/dropdowns/
Streamlined by ap 02/07/2008 1:12:15 PM
Streamlined by ap 02/09/2008 5:20:04 PM to deal with Flash Problems

This file contains all CSS pertaining to drop-down menus.

===============================================================================
========= FOUNDATION
===============================================================================

Do not modify code between lines 18 and 48 unless you really, really know what you're doing.
Dropdown width, colour and text formatting starts at line 56.

*/
/*
	-----------------------------------------------------------------------------
	position:relative; allows the dropdown to be seen in Firefox
	-----------------------------------------------------------------------------
*/
#site-nav{;
    background: url("../../images/menu_bg_2.png") repeat scroll 0 0 transparent;
    margin-left: 21px;
    margin-top: 2px;
    margin-right: 20px;;
}

#site-nav .inner{
	overflow: hidden;
	width: 919px;;;;
    height: 44px;
}

/*
	-----------------------------------------------------------------------------
	turns off the styles applied by layout.css
	-----------------------------------------------------------------------------
*/


#nav-primary li a
{;
float: none;
display: inherit;
/*border: 0.1em solid #999;*/
border-right: 0.1em solid #999999;
color: #000;
text-decoration: none;;
text-align: center;
padding-top: 1px;
padding-left: 26px;
padding-right: 25px;
}

#nav-primary li a:hover { 
	color:#666;
	text-decoration: none; 
}

/*#nav-primary li a:link,*/
#nav-primary li a:visited,
#nav-primary li a:active{
	float:none;
	display:inherit;
}
/*
	-----------------------------------------------------------------------------
	All Lists
	-----------------------------------------------------------------------------
*/
#nav-primary,
#nav-primary ul{
	padding:0px 0px 0px 0px;
	list-style:none;
	line-height:43px;;
    margin:0px; text-align: center;
}
#nav-primary a{
	display:block;
}

/*
	-----------------------------------------------------------------------------
	root menu items
	-----------------------------------------------------------------------------
*/
#nav-primary li{;
	margin:0 0 0 0;
	padding: 0 0px 0;
    display: inline-block;
    zoom:1;
*display:inline;
}
/*
	-----------------------------------------------------------------------------
	sub menu items
	-----------------------------------------------------------------------------
*/
#nav-primary li li{
	float:left;
	margin:0px;
	background-color: #FFFFFF;
}
/*
	-----------------------------------------------------------------------------
	second-level lists
	-----------------------------------------------------------------------------
*/
/*
	-----------------------------------------------------------------------------
	(left:-999em) using left instead of display to hide menus because
	display:none isn't read by screen readers
	-----------------------------------------------------------------------------
*/
#nav-primary li ul{
	position: absolute;
	left: -999em;
}
/*
	-----------------------------------------------------------------------------
	If you want ALL of your submenus displayed statically during development
	uncomment the line below
	-----------------------------------------------------------------------------
	#nav-primary li ul{left:auto;}
*/


/*
	-----------------------------------------------------------------------------
	lists nested under hovered list items
	-----------------------------------------------------------------------------
*/
#nav-primary li:hover ul,
#nav-primary li.sfhover ul{
	left:auto;
}
/*
	-----------------------------------------------------------------------------
	IE7 and Flash Problem
	-----------------------------------------------------------------------------
	If the drop down menus are not diasppearing in IE7 when they drop down over a
	Flash movie, then the code below (forgive me for I have hacked) will deal with
	the problem.
	http://forums.devshed.com/css-help-116/son-of-suckerfish-ie7-just-a-little-hack-395117.html
	http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
	-----------------------------------------------------------------------------
*:first-child+html #nav-primary {height:100%;}
*:first-child+html #nav-primary li {height:100%;}

*/

/*
===============================================================================
========= FORMATTING
===============================================================================
*/

/*
	-----------------------------------------------------------------------------
	set the width of all sub menu items
	-----------------------------------------------------------------------------
	The sub-nemus night appear more wide or narrow than their parent <li>
	Removing this width altogether will result in a dropdown bar menu
	e.g.
	  [Top1]   [Top2]   [Top3]
               |
	           [Top2-Sub1] [Top2-Sub2] [Top2-Sub3]
	-----------------------------------------------------------------------------
	OPTION 1 - All Dropdowns are fixed Width
	-----------------------------------------------------------------------------
#nav-primary li ul,
#nav-primary li ul li{
	width:8em;
}
*/
/*
	-----------------------------------------------------------------------------
	OPTION 2 - All Dropdowns have dynamic Width based on widest submenu item
	-----------------------------------------------------------------------------
*/
#nav-primary li ul li{
	float:none;
	display:block;
}



/*
	-------------------------------------
	set the default background color of
	all sub menu items and the default
	font colour of non <a> list items in
	the sub menu (e.g. headings
	separating groups of menu items)
	-------------------------------------
*/
/*#nav-primary li ul{
	color:#222222;
	border: #666 1px solid;
	background-image:url(../../images/sb-transparent-bg.png);
}*/

/*
	-------------------------------------
	set the default text color of all sub
	menu items
	-------------------------------------
*/
#nav-primary li ul li a:link,
#nav-primary li ul li a:visited{
	color:#222222;
}

/*
	-------------------------------------
	o turns off the background image
	  inherited from the primary nav's
	  hover states. Can be replaced with
	  a custom image
	-------------------------------------
	o set the background color of all sub
	  menu items for hover/click states
	-------------------------------------
	o set the text color of all sub menu
	  items for hover/click states
	-------------------------------------
*/
#nav-primary li ul li a:hover,
#nav-primary li ul li a:active{
	background-image:url(../../images/menu_bg_hover.png);
	color:#ffffff;
}


/*
	=============================================================================
	========= FORMATTING SPECIFIC MENUS AND DROPDOWNS
	=============================================================================
	If you want your specific submenu displayed statically during development
	uncomment the line below
	-----------------------------------------------------------------------------
	#nav-primary li.ddm-products ul{left:auto;}
*/

/*
	-----------------------------------------------------------------------------
	set the width of [products] main menu item
	-----------------------------------------------------------------------------
#nav-primary li.ddm-products{width:10em;}
*/

/*
	-----------------------------------------------------------------------------
	set the width of [products] sub menu
	-----------------------------------------------------------------------------
#nav-primary li.ddm-products ul{width:10em;}
*/


/*
	-----------------------------------------------------------------------------
	set the default background color of [products] sub menu items and the default
	font colour of non <a> list items in the sub menu (e.g. headings 	separating
	groups of menu items)
	-----------------------------------------------------------------------------
*/
#nav-primary li.ddm-products ul{
	background-color:#000000;
	color:#ff0000;
}

/*
	-----------------------------------------------------------------------------
	set the default text color of [products] sub menu items
	-----------------------------------------------------------------------------
*/
#nav-primary li.ddm-products ul li a:link,
#nav-primary li.ddm-products ul li a:visited{
	color:#cccccc;
}
/*
	-----------------------------------------------------------------------------
	set the text/background color of [products] sub menu items for hover states
	-----------------------------------------------------------------------------
*/
#nav-primary li.ddm-products ul li a:hover,
#nav-primary li.ddm-products ul li a:active{
	background-color:#000000;
	color:#ffffff;
}

/* LOT PLAN STUFF */

.lot-map-bg {
	height:228px; width:880px;
	background-size: 880px 228px;
	background-image: url("../../images/lot-plan-bg.jpg");
}

.lot-plan-forest { position:absolute; margin-left: 15px; margin-top: 19px;}
.lot-plan-forest :hover{ z-index: 50; }
.lot-plan-forest .selector { /*enlarged image*/ position: absolute; background-color: transparent; padding: 0px; left: -1000px; border: 0px dashed gray; visibility: hidden; color: #000000; text-decoration: none; }
.lot-plan-forest .selector { /*enlarged image*/ border-width: 0; padding: 2px;
    background-color: transparent;
}
.lot-plan-forest:hover .selector { /*enlarged image on hover*/ visibility: visible;; left: 73px;
    bottom: 168px; /*position where enlarged image should offset horizontally */ }

.lot-plan-creekside { position:absolute; margin-left: 275px; margin-top: 55px;}
.lot-plan-creekside :hover{ z-index: 50; }
.lot-plan-creekside .selector { /*enlarged image*/ position: absolute; background-color: transparent; padding: 0px; left: -1000px; border: 0px dashed gray; visibility: hidden; color: #000000; text-decoration: none; }
.lot-plan-creekside .selector { /*enlarged image*/ border-width: 0; padding: 2px; }
.lot-plan-creekside:hover .selector { /*enlarged image on hover*/ visibility: visible;; left: -187px;
    bottom: 230px; /*position where enlarged image should offset horizontally */ }

.lot-plan-ridge { position:absolute; margin-left: 410px; margin-top: 16px;}
.lot-plan-ridge :hover{ z-index: 50; }
.lot-plan-ridge .selector { /*enlarged image*/ position: absolute; background-color: transparent; padding: 0px; left: -1000px; border: 0px dashed gray; visibility: hidden; color: #000000; text-decoration: none; }
.lot-plan-ridge .selector { /*enlarged image*/ border-width: 0; padding: 2px; }
.lot-plan-ridge:hover .selector { /*enlarged image on hover*/ visibility: visible;; left: -322px;
    bottom: 148px; /*position where enlarged image should offset horizontally */ }