@import url("default.css");
/* uses the default.css styles with the following styling exceptions to make things work correctly on non-IE6 browsers */


/*********************/
/* appearance styles */
/*********************/

/* colors

** header ** 
	bluish top bar: 00728A
	top bar bottom border: 3C9097
	Lester logo bg: FFFFFF - 80% transparent
	residential: 3C9097 - 90% transparent
	commercial: 00728A - 90% transparent
	development: 014F5F - 90% transparent
	bottom header bar: 3C9097

	text color: FFFFFF

** featured products **
	Featured products bg: FCFCFC
	arrows: 00728A
	featured image outside border: 989999
	featured image inside border: 565555
	bottom border: 494949
	
	header color: 00728A
	text color: 3F3F3F

** content area **
	column 1 bg: FFFFF
	column 2 bg: B8D7D9
	column 3 bg: DCF4F8
	
	header bg colors: 00728A, FFFFFF
	text color: 7A7B7B

** footer **
	footer bg: 00728A
	
	text color: FFFFFF

*/

/*--------------*/
/* color styles */
/*--------------*/

/* border styles */
.menu li.vmenu {
	border: 1px solid #FFF;
	border-left: 0;
}
.submenu a
{
	border-bottom: 1px #B8D7D9 dotted;
}

/*------------------*/
/* font/text styles */
/*------------------*/

/* font styles */
.submenu a
{
	font-size: 14px;
	font-weight: bold;	
}


/*****************/
/* layout styles */
/*****************/


/* menu styles */

.menu
{
	height: 240px; /* this height needs to be enough to have the submenus show up */
	margin: 0;
	position: relative;
	z-index: 1000;

	/* transparency */
 	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
}

/* main menu item arrow styling */
#menu_residential .vmenu a.main_menuItem
{
	background-image: url(../images/arrow_commercial.gif);
}
#menu_commercial .vmenu a.main_menuItem
{
	background-image: url(../images/arrow_residential.gif);
}
#menu_development .vmenu a.main_menuItem
{
	background-image: url(../images/arrow_development.gif);
}
#menu_residential .vmenu a.main_menuItem,
#menu_commercial .vmenu a.main_menuItem,
#menu_development .vmenu a.main_menuItem,
.vmenu a.main_menuItem {
	background-position: right;
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	line-height: 48px;
	margin-right: 10px;
	padding-left: 10px;
	width: 285px; /* 305px (total width) - 10px (margin right) - 10px (padding left) */
}
.menu_arrow {
	height: 48px;
	line-height: 48px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	height: 50px; /* 65px (total height) - 5px (margin bottom) - 5px (padding top) - 5px (padding bottom) */
	list-style-type: none;
	margin-bottom: 5px;
	padding: 5px 5px 5px 0;
	width: 305px; /* 310px (total height) - 5px (padding right) */
}

/* submenu styles */

.menu li {
	background: transparent;
	height: 48px; /* 60px (total height) - 1px (border top) - 1px (border bottom) - 5px (padding top) - 5px (padding bottom) */
	width: 304px; /* 310px (total width) - 1px (border right) - 5px (padding right) */
}

/* style the links */

.menu a, .menu a:visited {
	background: transparent;
	display: block; 
	height: 20px;
	line-height: 20px;
	text-indent: 5px;
	width: 225px;
}

.submenu a{
	width: 225px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	border: 1px solid #FFF;
	height: auto;
	left: 304px;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 1000;
}
.menu ul ul#comCities {
	top: 5px;
}
.menu ul ul#resCities {
	top: 70px;
}
.menu ul ul#devCities {
	top: 135px;
}

/* adjusts submenu width */
.menu ul ul  {
	width: 230px;
}
/* adjusts submenu item height and spacing */
.menu ul ul li {
	height: 20px;
	padding: 5px;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
}