/*
	we'll size everything to a fixed 375px width, and the viewport meta tag will scale the entire page to other sizes as needed
	that means all the photos and text sizes will scale, rather than the text reflowing
*/

body {
	background-size: 100% 500px, 100% 200px;
}
body.footer_newsletter_background {
	background-size: 100% 1360px, 100% 200px; /* footer height was 620 with our custom form */
}
body.footer_contact_background {
	background-size: 100% 850px, 100% 200px;
}

#page {
	margin: 0 30px;
	width: 315px;
	max-width: auto;
	min-width: auto;
}

#header {
	border: 0px solid red;
	margin-top: 30px;
	height: 90px;
}

#header_logo {
	float: none;
	position: absolute;
	width: 144px;
	left: 87px;
	margin-top: -5px;
}
#header_logo img {
	width: 100%;
	height: auto;
}

#menu_top_button {
	display: block;
	float: left;
	margin-top: 9px;
}

#cart_button {
	margin-top: -9px;
}

#content {
	padding: 0;
	border: 0px solid blue;
}

.content_width_large, .content_width_medium, .content_width_small, .content_width_tiny, div.constant_contact {
	width: 100%;
}

/* since we have a fixed margin, we can easily expand these boxes to fill the margin */
.content_width_full.background_alt, .content_width_full.background_alt_curved, .home_box_audiences, .home_box_newsletter {
	margin-left: -32px;
	margin-right: -32px;
	padding-left: 32px;
	padding-right: 32px;
}

img.phone_shrink {
	width: 100%;
	height: auto;
}

/* we need the img tags for images without links and the a and a img tags for images with links */
div.awards_2 img {
}
div.awards_3 img {
	width: 30%;
	height: auto;
}
div.awards_3 a {
	width: 30%;
	height: auto;
}
div.awards_3 a img {
	width: 100%;
	height: auto;
}
div.awards_4 img {
	width: 22%;
	height: auto;
}
div.awards_4 a {
	width: 22%;
	height: auto;
}
div.awards_4 a img {
	width: 100%;
	height: auto;
}
div.awards_5 img {
	width: 17%;
	height: auto;
}
div.awards_5 a {
	width: 17%;
	height: auto;
}
div.awards_5 a img {
	width: 100%;
	height: auto;
}

/* this is the daughter photo on the About page */
#page.about .background_alt_squiggle_large .content_width_full p.stack_right {
	margin: 0;
}
#page.about .background_alt_squiggle_large .content_width_full p.stack_right img {
	width: 100%;
	height: auto;
}

/* this is the 2004-2007 section on the About page */
#page.about .content_width_full.background_alt_curved {
	background: none;
}
#page.about .big_heading_small.stack_left {
	float: none;
}

.big_padding_top { /* this is padding instead of margin to include any background color */
	padding-top: 20px;
}
.big_padding_bottom { /* ditto */
	padding-bottom: 20px;
}

.video {
	width: 315px;
	height: 177px;
}

#footer {
	clear: both;
	position: relative;
	height: auto;
	padding: 58px 0px;
	border: 0px solid green;
}

#footer_newsletter {
	height: 750px;
}

#footer_contact {
	width: 100%;
	height: 200px;
	margin: 70px auto 90px auto;
}

#footer_logo {
	float: none;
	width: 140px;
	margin: 24px auto 48px auto;
}

#footer_social {
	float: none;
	width: 170px;
	margin: 24px auto 48px auto;
}

#footer_links {
	float: none;
	width: auto;
	margin: 24px 24px 0 24px;
}

.column_half, .column_third, .column_fourth {
	float: none;
	width: auto;
	margin: 24px auto;
}