/************************* hack reset (for production, use Yahoo! reset CSS) *************************/
* {margin: 0;padding: 0;}
/************************* tabs *************************/
ul.tabs {display: table;margin:0px;padding: 0;list-style: none;/*position: relative;*/text-align:right;float:right;}
ul.tabs li {margin: 0;padding: 0;list-style: none;display: table-cell;float: left;/*position: relative;*/margin-left:20px;margin-right:0;}
ul.tabs a {position: relative;display: block;text-align:center;	}
/************************* dropdowns *************************/
ul.dropdown {padding: 0;display: block;position: absolute;z-index: 999;top: 100%;width: 170px;display: none;text-align:left;}
ul.dropdown ul.dropdown {top: 0;left: 95%;}
ul.dropdown li {margin: 0;padding: 0;float: none;position: relative;list-style: none;display: block;height: 32px;text-align:left;}
ul.dropdown li a {display: block;text-align:left;}
/************************* menu-specifc *************************/
#menu {padding:0; margin:15px 0 0 0;text-align:right;width:100%;clear:both;text-transform:uppercase;}
/* make sure menu is displayed over the top of everything else */
#menu * { z-index: 999; }
#menu .trandot { width:0px; height:0px; }
#menu ul {text-align:left;margin:0px;list-style-type:none;padding:0px;}
#menu ul li h4 {margin: 0;}
#menu ul li h4 a {font-size: 14px;font-weight:200;padding: 0;}
#menu ul li a {padding-left: 0px;}
#menu ul li a:hover {text-decoration:none;}
#menu ul li a.curr {text-decoration:none;}
#menu ul li a span {display: block;padding: 0 15px 0 11px;}
#menu ul.dropdown {padding-top: 16px;overflow:hidden;border-bottom: none;width: 170px;margin: 4px 0 0 0;}
#menu ul.dropdown li a {font-size:12px;font-weight:normal;border-bottom: none;line-height: 32px;overflow: hidden;height: 42px;padding-left:5px;}
#menu ul.dropdown li.last a {border-bottom-width: 0;}
#menu ul li h4 a:hover {background-image: none;}
/***** Tablet (768px - 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	ul.tabs li {margin-left:15px;}
	ul.dropdown {width: 150px;}
	ul.dropdown li { margin-left:0; }
}
/***** END OF Tablet (768px - 959px) *****/

/***** Phone *****/
@media only screen and (max-width: 767px) {		
	#menu { margin:0; clear:both; width:100%; min-width:320px; max-width:320px; height:354px; position:relative; left:-230px; top:71px; }		
	#menu * { /*position:relative;*/ z-index:1200; }
	#menu ul li { font-size: 18px; text-align:left; font-weight: bold; margin:0; width:100%; min-width:320px; max-width:320px; border-radius:0; border:none; }	
	#menu ul li a { font-size: 12px; font-weight:bold; text-align:left; padding:0 0 0 5px; margin:0; width:100%; min-width:320px; max-width:320px; border-top-left-radius:0px; border-top-right-radius:0px; height:22px; line-height:22px; }	
	#menu ul li h4 a { font-size: 12px; font-weight:200; padding-left:5px; }	
	#menu ul li a.curr, #banner nav ul li a:hover { background-color:#000000; color:#FFFFFF; }
	#menu ul.blockdown { margin:0 0 -1px 0; padding:0; display:block; }
	#menu ul.blockdown li { margin:0; padding:0; display:block; height:22px; line-height:22px; }
	#menu ul.blockdown li a { font-size:12px; font-weight:200; margin:0; line-height:22px; }
	/* 
	#menu a.curr { color:#FFFFFF; }
	.tabs li:first-child a { position:relative; top:3px; } 
	*/
	#menu h4 { margin:0; padding:0; }
	#menu .mobilehide { display:none; }
	#menu ul.tabs { border-bottom:1px solid #FFFFFF; }	
}
/***** END OF Phone (landscape 480px) *****/