body {
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

/*	 All devices no bigger than 1000
    */

@media only screen and (max-width: 1000px) {
	div#container {
		width: 95%;	
	}
	#pageHead {
		height: 130px;	
	}
	div#header {
		background-position: center 7px;
		background-image: url(images/marion-sand-logo-clean.jpg);
		padding: 0;
	}
	div#slideshow {
		background: none;
		width: 98%;	
		height: auto;
		line-height: normal;
	}
	div#slideshow img {
		max-width: 940px;
    	width: 98%;
		left: 0;	
	}
	.slideshowOverlay, body#doc7 #special, body#doc7 #estimator {
		display: none;	
	}
	div#mainContent {
		width: 101%;
		max-width: 940px;	
	}
	
	/* remove backgrounds nad reformat menu */
	.menu ul li#nav7 a, .menu ul li#nav7 a:visited, .menu ul li a, .menu ul li a:visited,.menu ul li:hover a, .menu ul li a:hover, .menu ul li#nav7:hover a, .menu ul li#nav7 a:hover, .menu ul li.active, .menu ul li#nav57 a, .menu ul li#nav57 a:visited {
		background: none;	
	}
	.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover, .menu ul li ul li.active a {
		background: url(images/nav-sub.jpg) repeat-x left bottom;
	}
	nav {
		margin: 100px 0 0;	
	}
	.menu ul li a, .menu ul li a:visited {
		color: #0053A0;	
		font-weight: normal;
		font-size: 16px;
		padding: 0 16px;
	}
	.menu ul li a:hover, .menu ul li:hover a, .menu ul li#nav7 a:hover, .menu ul li#nav7:hover a, .menu ul li#nav57:hover a, .menu ul li#nav57 a:hover {
		color: #3f8bd1;	
	}
	
	/* EOF remove backgrounds nad reformat menu */
	div#content {
		padding: 36% 0 0 0;	
		width: 68%;
	}
	div#sectionBlocks {
		margin: 36% 0 0 10px;
		width: 30%;
		max-width: 225px;	
	}
	div#sectionBlocks div.outer, #product {
		width: 100%;	
	}
	#sectionBlocks h1 {
		background-position: top right;
		border: none;	
	}
	
	.full {
		width: 100%;	
	}
	p.inline {
		float: none;	
	}
	
	h1 {
		font-size: 20px;
		line-height: 25px;	
	}
	.jaffaGuide {
		width: 90%; 
		height: auto;
	}
	.product {
		height: auto;	
	}
}

/*		Layout: <850px     */

@media only screen and (max-width: 850px) {
	body#doc6 div#sectionBlocks {
		display: none;	
	}
	body#doc6 div#content {
		width: 100%;	
	}
	body#doc4 #special, body#doc4 #estimator {
		display: none;	
	}
	table.data {
		width: 130%;
	}
}

/*		Layout: <760px    */

@media only screen and (max-width: 760px) {
	.menu ul li a, .menu ul li a:visited {
		font-size: 14px;
		padding: 0 14px;
	}
}
/*		Layout: <730px    */

@media only screen and (max-width: 730px) {
	.googleMap {
		width: 50%;		
	}
	.googleMap iframe {
		width: 100%;	
	}
}
@media only screen and (max-width: 720px) {
	.calcHeading, form #calculator, #footerNav {
		display: none;	
	}
	.quoteForm textarea {
		width: 100%;	
	}
	div#footer {
		padding: 30px 0 0;	
	}
	#calculator input, .shape {
		float: none;
		text-align: center;	
	}
}
/*		Wide Mobile Layout: 620px - 768px. */

@media only screen and (min-width: 591px) and (max-width: 690px) {

}


@media only screen and (max-width: 650px) {
	#special, #estimator {
		display: none;	
	}
	div#content {
		padding: 40% 0 0 0;	
	}
	#credits {
		display: none;	
	}
	div#footer div#right {
		float: none;
		width: 100%;
		text-align: center;	
	}
	div#right #top img {
		padding: 0;	
	}
	div#right #top a img {
		padding: 0 0 0 20px;
	}
	div#footer #contact {
		text-align: center;	
	}
	.menu ul li#nav57 {
		display: block;	
	}
	.menu ul li a, .menu ul li a:visited {
		font-size: 10px;
		padding: 0 10px;
	}
	div#sectionBlocks {
		margin: 0;
		width: 40%;	
	}
	div#sectionBlocks #information {
		float: none;
		position: absolute;
		margin: 0;
		right: 10px;	
		min-width: 150px;
	}
	div#content {
		width: 100%;
		padding: 250px 0 0;	
	}
	div#slideshow {
		display: none;
	}
	
	/* Construct verticlal menu for smaller devices */
	nav {
		height: 250px;	
		margin: 120px 0 0;
	}
	.menu ul li {
		float: none;
	}
	.menu ul li a, .menu ul li a:visited {
		font-size: 15px;
		font-weight: normal;
		text-align: left;
		height: 28px;
		line-height: 28px;
		width: 80px;
		padding: 0;
	}
	.menu ul li#nav57 a, .menu ul li#nav57 a:visited {
		width: 160px;
	}
	.menu ul li#nav7 a, .menu ul li#nav7 a:visited {
		padding: 0;	
	}
	.menu ul li:hover ul,
	.menu ul li a:hover ul {
		top: 0;
		margin-top:0;
		left: 80px; 
		width: 130px;
	}
	.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
		width: 130px;	
	}
	/* EOF Construct verticlal menu for smaller devices */
}

/*		Mobile Layout: 320px.  */

@media only screen and (max-width: 480px) {
	div#right #top a img {
		display: none;
	}
	body#doc6 div#sectionBlocks {
		display: block;	
	}
	div#sectionBlocks p {
	  font-size: 11px;
	  line-height: 16px;
	}
	.googleMap {
	  float: none;
	  width: 100%;
	}
	
	.quoteForm input, .quoteForm textarea {
		width: 100%;	
	}
	
	#information .fbLink {
		padding: 15px 0 10px;	
	}
	#information .freeCall {
		font-size: 26px;
		padding: 5px 0 0;	
	}
	#information .freeCall a {
		text-decoration: none;
	}
	#information h2 {
		padding: 5px 0 0;	
	}
	
	
	table.data thead td {
		font-size: 11px;	
	}
	table.data td {
		font-size: 11px;	
	}
}

/*		Mobile Layout: 240px.
		Really old small phones  not given too much attention */

@media only screen and (max-width: 319px) {

}

/*Hide the back button on the home page for all displays*/
.Home a.backBtn {
		display: none;
	}