#console { background-color: #333; color: #fff; padding: 2px 5px; font-size: 11px; position: fixed; bottom: 0; right: 0; z-index: 1000 }

	/*	Bamboo
	=========================== */
	.overflow { overflow: auto; -webkit-overflow-scrolling: touch; }
	.loading { background-image: url(../images/loader.gif); background-position: center; background-repeat: no-repeat; background-size: 32px; }
	.loading.subview { min-height: 300px; }
	#container { margin: 0; position: relative; z-index: 2; background-color: #f9f9f9; width:100%;}
	#cover { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0); z-index: 600; }

	/*	Header
	=========================== */
	header.primary { height:65px;position: relative;border-radius: 3px 3px 0 0; background-color:#fff;box-shadow:0px 0px 4px 0px rgba(20%,20%,40%,0.5);}
	header.primary .icon { z-index: 22; position: absolute; top: 0; left: 0; height: 55px; width: 55px; font-size: 32px; line-height: 55px; text-align: center; color: #333; cursor: pointer;}
	header.primary .side { left: auto; right: 0; }
	header.primary hgroup { text-align: center }
	header.primary hgroup h1 { z-index: 20; position: absolute; top: 0; left: 50px; right: 50px; color:#333; margin: 0; line-height: 49px; margin: 0; font-size: 20px; }

	/*	Navigation
	=========================== */
	.navigation {  background: #2f4d93; color: #fff; z-index: 1; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display:block; }
	.navigation ul { list-style: none; padding: 0; margin: 0; width: 150px; position: relative; padding-top:20px;}
	.navigation li{ font-size: 14px; position: relative; font-weight: 100; letter-spacing:2px; text-align:center;}
		.navigation ul li a ,
		.navigation ul li a:hover ,
		.navigation ul li a:visited ,
		.navigation ul li a:focus { text-decoration: none; color: #fff; background-color: transparent; display: block; padding: 4px 14px 4px 14px; line-height: 40px }
		.navigation li img{ width:58px; height:31px; display:block; margin:0 auto;}
		
	/*	Presentation styles
	=========================== */
	#content { padding: 5px 20px; }


@media only screen and (min-width: 768px) {

	/*	Bamboo
	=========================== */
	#container { left: 150px; width:100%; overflow: auto; -webkit-overflow-scrolling: touch; height:auto;}
	#scroller { background:#f9f9f9; }

	/*	Header
	=========================== */
	header.primary { height: auto; background: transparent; border: none }
	header.primary .icon { display: none }
	header.primary hgroup { text-align: left; padding: 20px 20px 5px 20px }
	header.primary hgroup h1 { position: relative; left: 0; right: auto; font-size: 30px; line-height: 34px; text-align: center;}

	/*	Navigation
	=========================== */
	.navigation { max-width: 150px; background:#2f4d93;}

}