@media screen and (min-width: 1025px) {
	#mobileMenu {display: none !important;}
	#menu {display: block !important;}
}

/* iPad portrait */
@media screen and (max-width: 1024px) {

	#mobileMenu {display: block; float: left; width: 70px;}
	#menu {display: none; float: left; margin-top: 1px;}
	#container {width: 660px;}
	#content {clear: both;}
	#nav {margin-bottom: 148px; width: 100%; margin-right: 0;}
	#header {margin-bottom: 20px;}

}

/* iPhone landscape */
@media screen and (max-width: 740px) {

	/* Adjust margins */
	body {padding: 10px 17px;}
	html {background-position-y: -5px;}

	/* Fit to width */
	#container {width: 100%;}
	#content {width: 100%;}
	#leadImage {width: 100%; height: auto; min-height: 0;}
	#leadImage img {width: 100%; height: auto;}
	#images, #awards, #links, #pullout {width: 100%; clear: both;}
	#text, #text2  {width: 100%; clear: both;}
	#text p, #text2 p {max-width: 480px;}
	.gutter {margin: 0;}
	.press:nth-child(odd) {margin-left: 0;}
	.press {height: auto;}
	#bookBlurb {width: 100%; margin-left: 0; margin-top: 0; clear: both;}
	h2 {width:100%; margin-right: 0;}

	/* Extend image galleries */
	#thumbnailSlider {width: 100%;}

	/* limit menu width for iphone */
	#menu {width: 200px !important;}
	
	/* touchscreen slideshows */
	#thumbnailSlider > .mTSWrapper {height: auto;}
	.thumbSet {display: inline-block; height: auto; float: none; width: auto; margin: 0;}
	.thumbSet > a .thumb {margin: 0 0 0 5px}
	.thumbSet > a:first-child > .thumb:first-child {margin-left: 0;}
	
	#posters {width: 100%}
	#posters #thumbnailSlider {width: 100%; height: 230px; overflow: hidden;}
	#posters .thumbSet {display: inline-block; height: auto; float: none; width: auto; margin: 0;}
	#posters a.fancyboxImage div.thumb {margin: 0 0 0 5px;}
	#posters a.fancyboxImage:first-child div.thumb {margin: 0;}
	
	#adverts {width: 100%}
	#adverts #thumbnailSlider {width: 100%; height: 212px; overflow: hidden;}
	#adverts .thumbSet {display: inline-block; height: auto; float: none; width: auto; margin: 0;}
	#adverts a.fancyboxImage div.thumb {margin: 0 0 0 5px;}
	#adverts a.fancyboxImage:first-child div.thumb {margin: 0;}

	/* float pull out images left */
	.gutter .pullOutImage {float: left;}
}