/*	
	======================================================================

	public/layout.css

	======================================================================
*/

		html, body {
		
			margin: 0;
			padding: 0;
		}
		
		html {

			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		*, *:before, *:after {

			-webkit-box-sizing: inherit;
			-moz-box-sizing: inherit;
			box-sizing: inherit;
		}
		
		body, #topNav, #bottomNav {
		
			min-width: 500px;
		}

		#bottomNav {
		
			min-width: 600px;
		}

		#banner {
		
			z-index: 10;
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 118px;
			background-color: #400011;
		}
				
		#topNav {
		
			z-index: 50;
			position: fixed;
			top: 97px;
			left: 95px;
			height: 18px;
		}
		
		#bottomNav {
		
			z-index: 10;
			position: fixed;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 21px;
			background-color: #53001A;
			padding-top: 0px;
			padding-left: 10px;
		}
		
		#bottomNavCopyright {
		
			z-index: 20;
			position: fixed;
			bottom: 0px;
			right: 12px;
			height: 30px;
			padding-top: 7px;
		}
		
		#logo {
		
			z-index: 20;
			position: fixed;
			top: 9px;
			left: 15px;
			width: 73px;
			height: 109px;
		}
		
		#logoText {
		
			z-index: 20;
			position: fixed;
			top: 27px;
			left: 107px;
			width: 140px;
			height: 56px;
		}
				
		#photoGallery {
		
			z-index: 20;
			position: fixed;
			top: 0px;
			right: 0px;
			width: 288px;
			height: 140px;
		}
				
		#content {
		
			margin: 168px 25px 35px 25px;
			padding: 0;
		}

		@media screen and (max-width: 1174px) {
	
			#content {  margin: 168px 20px 35px 20px;  }
		}

		@media screen and (max-width: 830px) {
	
			#content {  margin: 168px 15px 35px 15px;  }
		}