/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; height:52px;}
ul.dropdown li                      { float: left; }
ul.dropdown a:hover		            { color: #ffffff; }
ul.dropdown a:active                { color: #ffffff; }
ul.dropdown li a                    { text-decoration:none; font-family: 'notosans_b_web'; display: block; font-size:14px; padding:9px 15px; color: #ffffff; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { -webkit-transition: background-color 0.1s linear; background-color:#404040; color: black; position: relative; }
ul.dropdown li.hover a              { color:#ffffff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ background:#000000;width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ color: #ffffff; 
									  border-bottom: 1px solid #404040; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 
ul.dropdown ul li a:before			{ content:"・"; }

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


@media screen and (min-width: 0px) and (max-width: 1000px) {

ul.dropdown ul 						{ position: relative;}

}