/** to test it **/
/*#head { border-left:1px solid yellow; }*/

html, body { width:100%; height:auto; overflow-x:hidden; overflow-y:auto; }
.mobile_block { display:block; }
.mobile_none { display:none; }
#head { margin:24px; }
#logo { width:270px; padding:0; margin:0 0 20px 0; }
#logo a { background-position:0 0; width:270px; padding:0; margin:0; }
#foot { /*border:1px solid yellow;*/
	position:relative; top:2em; bottom:auto; height:auto;
	padding:16px 0 16px 0; margin:0 0 2em 0;
}
#foot.imageViewFoot { display:none; position:absolute; bottom:0; top:auto; }
#foot div.centered { text-align:center; }
#foot .mobile_block { padding-left:5px; }


@media only screen and (max-device-width:650px) {

	div.menu {
	  width:auto;
		height:auto;
		margin-right:160px;
	}
	div.menuright {
		clear:left; /*display:block;*/
	  width:auto;
		height:auto;
		margin-right:160px;
	}
	div.menu ul li, div.menuright ul li {
		width:auto; min-width:0; max-width:auto;
		padding:0 16px 0 0;
	}
	div.menu ul ul li { /*border:1px solid #400; margin:-1px;*/
		padding:0 -16px 0 16px;
	}
	div.menu ul li.over { display:list-item; }
	div.menu ul ul li.over { display:list-item; }
	div.menu ul ul { height:auto; overflow:visible; }
	div.menu ul li div.submenu {
		position:absolute;
		left:100%; top:0;
		min-height:100%; height:auto;
		background:#2a2a2a;
	}
	div.menu ul li.highlight {
		background:transparent url('inc/arrow-b01.gif') right 50% no-repeat;
	}

}


table, tr { display:block; }
th, td { display:block; float:left; margin:0 24px; max-width:100%; }
th, th *, td { text-align:left; }