@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BauhausRegular';
    src: url('../fonts/bauhaus-webfont.eot');
    src: url('../fonts/bauhaus-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bauhaus-webfont.woff') format('woff'),
         url('../fonts/bauhaus-webfont.ttf') format('truetype'),
         url('../fonts/bauhaus-webfont.svg#BauhausRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* The container wrapping ul.dropdown */
#navwrap {
	float:left;
	width:100%;
	/*background: #600;*/
	/*background: -moz-linear-gradient( top, #600, #300);*/ /* CSS 3 */
	font: 12pt  Arial, 'BauhausRegular', Verdana, sans-serif;
	/*border-top:1px solid #999;
	border-bottom:2px solid #000;*/
}

/* Top level Unordered list */
ul.dropdown {
	list-style:none;
	float:left;
	width:100%;
	padding: 0 10px;
}

ul.dropdown  li{
	float:left; /* makes horiz list */
	position:relative; /* hey Submenu ULs, appear below! */
	/*margin-top:-8px;*/
}

ul.dropdown a {
	padding:4px; /*space the items, occupy entire height too.*/
	/*color:#eee;*/
	text-decoration:none;
	/*text-shadow:0 1px 0 #000;*/
}

/*ul.current-menu-item a:link {color: #333;}*/

/* Style the link hover */
ul.dropdown li:hover a {
	background:#fff;
	/*border-top:1px solid #777;
	border-bottom: 1px solid #000;
	border-right:1px solid #666;*/
}

/* Displays the link as blocks. */
ul.dropdown li ul a {
	display:block;
	
}

/* sub menus!!  */

ul.dropdown ul {
	list-style: none;
	margin:0; /* Appear just below the hovering list */
	padding:12px 0px;
	width:100px; /* specify the width. */
	position:absolute; /* needed */
	z-index:500; /* specify the order */
}

ul.dropdown li ul {
	top:10px; /* Positioning:Calc with top level horz list height */
	/*-moz-box-shadow:0 2px 10px #000;*/ /* CSS 3 */
}

ul.dropdown ul ul {
	top:0;
	left:100%; /* Position the sub menus to right. */
}

ul.dropdown ul li {
	float:none; /* umm.. Appear below the previous one. mmkay? */
}

/* Drop Down! */

/* Hide all the dropdowns (submenus) */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none;}

/* Display the submenus only when li are hovered */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}

ul.dropdown li * a:hover {
	/* Change color of links when hovered */
	/*background: #600;*/
	/*background: -moz-linear-gradient( top, #200, #400);*/ /* CSS 3 */
	/*border-bottom:1px solid #900;*/
	/*border-top:1px solid #222;*/
}

/*ul .current-menu-item,
ul .current-page-ancestor,
ul .current-post-ancestor {color:#333}*/