@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {
 font-weight: bold;
 font-size: 14px;
 font-family: Times New Roman;
 margin: 5px 0 0 10px ;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 color: #000;
	}
	
	ul.sub{
		background: #fdf9e8 url("/images/subnav_bg.gif") top left repeat-x;
		color: #000;
		font-family: Arial;
		border-left: 1px solid #e8b502;
		border-right: 1px solid #e8b502;
		border-bottom: 1px solid #e8b502;
	}
	
	ul.sub li.hover,
	ul.sub li:hover {
		background: #f1d267 url("/images/selected_subnav.gif") bottom left repeat-x;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 color: #466da4;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration: none; }
	ul.dropdown a:hover		{ color: #466da4; }
	ul.dropdown a:active	{ color: #466da4; }
	
	ul.dropdown *.about a:link,
	ul.dropdown *.about a:visited {padding: 10px 8px 10px 5px;}
	ul.dropdown *.about a:hover {background: url("/images/about_bg.png") bottom left no-repeat; padding: 10px 8px 10px 5px;}
	
	ul.dropdown *.devopts a:link,
	ul.dropdown *.devopts a:visited {padding: 10px 8px 10px 5px;}
	ul.dropdown *.devopts a:hover {background: url("/images/devopts_bg.png") bottom left no-repeat; padding: 10px 8px 10px 5px;}
	
	ul.dropdown *.properties a:link,
	ul.dropdown *.properties a:visited {padding: 10px 8px 10px 5px;}
	ul.dropdown *.properties a:hover {background: url("/images/prop_bg.png") bottom left no-repeat; padding: 10px 8px 10px 5px;}
	
	ul.dropdown *.residential a:link,
	ul.dropdown *.residential a:visited {padding: 10px 8px 10px 5px;}
	ul.dropdown *.residential a:hover {background: url("/images/about_bg.png") bottom left no-repeat; padding: 10px 8px 10px 5px;}
	
	ul.dropdown *.commercial a:link,
	ul.dropdown *.commercial a:visited {padding: 10px 8px 10px 5px;}
	ul.dropdown *.commercial a:hover {background: url("/images/comm_bg.png") bottom left no-repeat; padding: 10px 8px 10px 5px;}
	
	ul.dropdown *.parking a:link,
	ul.dropdown *.parking a:visited {padding: 10px 8px 10px 5px;}
	ul.dropdown *.parking a:hover {background: url("/images/park_bg.png") bottom left no-repeat; padding: 10px 8px 10px 5px;}
	
	ul.dropdown *.projects a:link,
	ul.dropdown *.projects a:visited {padding: 10px 8px 10px 5px;}
	ul.dropdown *.projects a:hover {background: url("/images/proj_bg.png") bottom left no-repeat; padding: 10px 8px 10px 5px;}
	
	
	ul.sub a:link,
	ul.sub a:visited	{ color: #026302; text-decoration: none; }
	ul.sub a:hover		{ color: #0958d0;}
	ul.sub a:active	{ color: #0958d0; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 0;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown *.about {
 padding: 10px 15px 10px 0;
 color: #fff;
}

ul.dropdown *.devopts {
 padding: 10px 15px 10px 0;
 color: #fff;
}

ul.dropdown *.properties {
 padding: 10px 15px 10px 0;
 color: #fff;
}

ul.dropdown *.residential {
 padding: 10px 15px 10px 0;
 color: #fff;
}

ul.dropdown *.commercial {
 padding: 10px 15px 10px 0;
 color: #fff;
}

ul.dropdown *.parking {
 padding: 10px 15px 10px 0;
 color: #fff;
}

ul.dropdown *.projects {
 padding: 10px 15px 10px 0;
 color: #fff;
}

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}