/*
 *
 * TranceMist Site Integration CSS Header
 *
 * Mikel Manitius <manitius@trancemist.com>
 * 2009-10-08
 */

#my_banner {
	width: 800px;
	height: 125px;
	margin: 0 auto;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='http://trancemist.com/rw_common/themes/flex-tm/images/custom/TranceMist-Photography-By-Mikel-Manitius.png'); 
}
    
/* Layout */

#menu { position: relative; margin: 0 auto; }


/* Header */

#menu-wrapper {
		border-bottom: 1px dashed #CCC;
		position: relative;
		z-index: 2;
	}
	
#menu { height: 24px; }		
#menu ul {
		left: 0;
		list-style: none;
		margin: -24px 0 0 0;
		padding: 0;		
		position: absolute;
}

#menu ul li { display: inline-block; float: left; margin-right: 3px; }
				#menu ul li a {
					display: block;
					height: 24px;
					padding: 0 27px;

					line-height: 24px;
					text-decoration: none;
				}
				#menu ul li a.current, #menu ul li a.current-ancestor { background-image: url(images/menu-gradient.png); opacity: 1 !important; }
				
#menu ul ul {
					display: none;
					left: 0;
					margin: 0;
					position: absolute;
					top: 24px;
				}
/*
 *
 * imports from css/ folder
 *
 */
 
 /*
  * Page Width
  */
#menu, #menu ul ul { width: 800px; }

 
 /*  header corner radius */
#menu ul li a{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
}

/* header dropdown opacity */
#menu ul ul ul li a{ opacity: 1; filter:alpha(opacity=100); }

/* header tab font size */
#menu ul li a { font-size: 14px; }

/* header tab opacity */
#menu > ul > li > a{ opacity: 1; filter:alpha(opacity=100); }

/* header dropdown opacity */
#menu ul ul ul li a{ opacity: 1; filter:alpha(opacity=100); }

/*
 * Layout Border Style
 */
#menu-wrapper{ border-bottom-style: solid; }
#menu ul ul ul li:last-child > a,

/*
 * Colors
 */
 
/* Body */

body { background-color: #252525; }

/* Header */

#header-wrapper, #my_banner { background-color: #000000; }
#menu-wrapper { border-top-color: #000000; }
#menu-wrapper, #menu ul ul ul li:last-child > a{ border-bottom-color: #000000; }

#menu ul li a{ color: #FFFFFF; background-color: #393939; }
#menu ul li a:hover{ color: #000000; background-color: #6B6B6B; }
#menu ul li a.current, #menu ul li a.current:hover, #menu ul li a.current-ancestor, #menu ul li a.current-ancestor:hover{ color: #000000; background-color: #92C526; }
#menu ul ul, #menu-wrapper, #menu ul ul ul li a, #menu ul ul ul li a.parent{ background-color: #92C526; }
#menu ul ul ul{ background-color: transparent; }
#menu ul ul li a{ color: #FFFFFF; background-color: #92C526; }
#menu ul ul li a:hover{ color: #3F3F3F; background-color: #92C526; }
#menu ul ul li a.current, #menu ul ul li a.current:hover, #menu ul ul li a.current-ancestor, #menu ul ul li a.current-ancestor:hover{ color: #000000; background-color: #92C526; }