/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 968px) {
	
	/*html { overflow: auto; }*/
	#subnavFD { left: 616px; position: fixed; }
	#subnavSB { left: 739px; position: fixed; }

}

@media screen and (max-width: 880px) {
	
	/*html { overflow: auto; }*/
	nav { left: 140px; top: 120px; }
	#subnavST { left: 275px; top: 155px; }
	#subnavFD { left: 341px; top: 155px; }
	#subnavSB { left: 464px; top: 155px; }
	.section { margin-top: 37px; }
	.section .box,
	.section .boxSub,
	#info .box { width: 406px; }
	/*.section .boxMenu { width: 320px; }
	.section .boxMenu .scroll-pane .pgA,
	.section .boxMenu .scroll-pane .pgB { margin: 0; clear: both; }*/
	.section .photoBox { clear: both; margin: 10px 0 0 140px; }

}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#site-title { margin: 20px 0 0 50px; }
	nav { left: 86px; top: 120px; }
	.nav li a { padding: 5px 15px; }
	.section { /*min-width: 1024px; width: 1024px;*/ margin-top: 37px; }
	.section .box { width: 600px; margin: 150px 0 0 100px; }
	/*.section .boxAnchor { width: 100px; height: 10px; float: left; margin: 150px 0 0 100px; }*/
}