@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1.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;
 /*width: 100%;*/
 height: 40px;
 text-align: center;
}

ul.dropdown-primary {
	/*padding-left: 20px;*/
}

	ul.dropdown li {
		background: url(../images/button_bg.png) repeat-x 0px -40px;
		border-right: 1px solid #595756;
		color: #ffffff;
		font:  700 16px/40px 'Droid Sans', sans-serif;
		padding: 0 14px;
		height: 40px;
	}
	ul.dropdown li.last { border-right: none; }

	ul.dropdown li.hover,
	ul.dropdown li:hover,
	ul.dropdown li.active	 {
		color: #ffffff;;
		background-position: 0px 0px;
/*		background: #333;
		-webkit-transition: all 0.5s ease;
		  -moz-transition: all 0.5s ease;
		  -o-transition: all 0.5s ease;
		  -ms-transition: all 0.5s ease;
		  transition: all 0.5s ease;
*/		  
	}
	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #ffffff; text-decoration: none; }
	ul.dropdown a:hover, ul.dropdown li:hover {	background-position: 0px 0px; color: #ffffff; }
	ul.dropdown a:active { background-position: 0px 0px; color: #ffffff; }


	/* -- level mark -- */

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

		ul.dropdown ul li {
		 font-weight: normal;
		 background: #333;
		 text-align: left;
		 color: #ffffff;
		 border-right: none
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		  background: #000000;
		}
		
			ul.dropdown ul a:link,
			ul.dropdown ul a:visited	{ color: #fff; text-decoration: none; }
			ul.dropdown ul a:hover		{ color: #fff; }
			ul.dropdown ul a:active	{ color: #fff; }


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


ul.dropdown a li.dir {
	color: #fff;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
	color: #fff;
}

ul.dropdown-horizontal ul li.dir {
	color: #fff;
}

ul.dropdown-upward *.dir {

}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {

}

ul.dropdown-vertical-rtl *.dir {

}