/* =================================================================== */
/* Boxed Layout
====================================================================== */

	body {
		background: url("https://passportsantabarbara.com/images/bg/noise-2.png");
		/* background: url("https://passportsantabarbara.com/images/bg/noise-blue-dark.png"); */
		
		font: 13px Verdana, Geneva, sans-serif;
		color: #333;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		overflow-x: hidden;
	 }
	 
	#wrapper {
		background: #fff;
		-webkit-box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
		box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
		width: 960px;
		border: 1px solid #771a11; 
		padding: 40px 35px 35px 35px;
		margin: 50px auto 0 auto;
	}
	
	#footer {
		background: rgb(204, 75, 98); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(204, 75, 98,1) 0%, rgba(164, 47, 68,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164, 47, 68,1)), color-stop(100%,rgba(204, 75, 98,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(204, 75, 98) 0%,rgba(164, 47, 68,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(204, 75, 98,1) 0%,rgba(164, 47, 68,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(204, 75, 98,1) 0%,rgba(164, 47, 68,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(204, 75, 98) 0%,rgba(164, 47, 68,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a42f44', endColorstr='#cc4b62',GradientType=0 ); /* IE6-9 */
		
		
		width: 960px;
		padding: 15px 35px 0px 35px;
		margin: 0 auto 50px auto;
		border: 1px solid #555;
	}


/* Smaller than standard 1029 (devices and browsers)
====================================================================== */
@media only screen and (max-width: 1029px) {

	#wrapper {
		margin: 0 auto;
		padding: 25px 0 30px 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 100%;
	}
	
	body {
		background: #fff
	}
	
	#footer {
		margin: 0 auto;
		padding: 15px 0 0 0;
		width: 100% !important;
	}
	
}
	
/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#footer {
		padding: 10px 0 0 0;
	}

}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {

	#wrapper {
		margin: 0 auto;
		padding: 15px 0 30px 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	body {
		background: #fff
	}
	
	#footer {
		margin: 0 auto;
		padding: 15px 0 0 0;
		width: 100% !important;
	}

}