/**
*	Media queries
*/

/* Desktop use */
@media screen and (min-width: 1025px) {
	#intro { background:url('./img/resort.jpg') no-repeat right top; }
		#intro .content { width:640px; right:40px; }

	#freebies { background:url('./img/using-laptop.jpg') no-repeat left top; }
		#freebies .content { width:600px; left:40px; top:160px; }

	#speedy { background:url('./img/cabling.jpg') no-repeat left top; }
		#speedy .content { width:520px; left:40px; top:160px; }

	#infrastructure { background:url('./img/keyboard.jpg') no-repeat left top; }
		#infrastructure .content { width:460px; right:40px; top:100px; }

	#security { background:url('./img/hackers.jpg') no-repeat right top; }
		#security .content { width:580px; right:40px; top:auto; bottom:100px; }

	#custom { background:url('./img/custom.jpg') no-repeat left top; }
		#custom .content { width:900px; left:40px; top:auto; bottom:40px; text-shadow:0 4px 4px #000; }

	#filtered { background:url('./img/spooky.jpg') no-repeat left top; }
		#filtered .content { width:750px; left:40px; top:60px;  }

	#adjustable { background:url('./img/freedom.jpg') no-repeat left top; }
		#adjustable .content { width:460px; left:auto; top:auto; right:40px; bottom:100px;  }

	#support { background:url('./img/support.jpg') no-repeat left top; }
		#support .content { width:350px; left:40px; top:280px;  }

	#integration { background:url('./img/junction.jpg') no-repeat left top; }
		#integration .content { width:760px; left:40px; top:100px;  }

	#scale { background:url('./img/football.jpg') no-repeat left top; }
		#scale .content { width:640px; left:60px; top:auto; bottom:190px; text-shadow:0 2px 2px rgba(0,0,0,0.3);  }
}

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

	body { font-size:12pt; line-height: 14.5pt; }

	#nav div.links a { padding:31px 8px; font-size:11pt; font-weight:bold; }

	.chunk h1, .chunk h2, .chunk p, .chunk a {
		text-shadow:
			0 2px 2px rgba(0,0,0,0.75),
			0 1px 10px rgba(0,0,0,0.99),
			0 1px 10px rgba(0,0,0,0.99),
			0 1px 15px rgba(0,0,0,0.99) !important
		;
	}

	.chunk { min-height: 530px; }

	#intro { background:url('./img_1024/resort.jpg') no-repeat right top; }
		#intro .content { width:540px; right:40px; }

	#freebies { background:url('./img_1024/using-laptop.jpg') no-repeat left top; }
		#freebies .content { width:500px; left:40px; top:160px; }

	#speedy { background:url('./img_1024/cabling.jpg') no-repeat left top; }
		#speedy .content { width:400px; left:40px; top:40px; }

	#infrastructure { background:url('./img_1024/keyboard.jpg') no-repeat left top; }
		#infrastructure .content { width:460px; right:40px; top:100px; }

	#security { background:url('./img_1024/hackers.jpg') no-repeat right top; }
		#security .content { width:460px; right:40px; top:auto; bottom:60px; }

	#custom { background:url('./img_1024/custom.jpg') no-repeat left top; }
		#custom .content { width:500px; left:40px; top:auto; bottom:20px;  }

	#filtered { background:url('./img_1024/spooky.jpg') no-repeat left top; }
		#filtered .content { width:450px; left:auto; right: 40px; top:auto; bottom:40px;  }

	#adjustable { background:url('./img_1024/freedom.jpg') no-repeat left top; }
		#adjustable .content { width:460px; left:auto; top:auto; right:40px; bottom:100px;  }

	#support { background:url('./img_1024/support.jpg') no-repeat left top; }
		#support .content { width:350px; left:auto; top:auto; bottom:40px; right:40px;  }

	#integration { background:url('./img_1024/junction.jpg') no-repeat left top; }
		#integration .content { width:360px; left:40px; top:40px;  }

	#scale { background:url('./img_1024/football.jpg') no-repeat left top; }
		#scale .content { width:500px; left:40px; top:40px;   }


}

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

	body { font-size:11pt; line-height: 13pt; }

	#nav div.links { max-width: 390px; }
	#nav div.links a { padding:11px; font-size:11pt; font-weight:bold; border-left:1px solid rgba(255,255,255,0.5); }

	.chunk { min-height: 460px; }
	.chunk h1, .chunk h2 {
		font-size:23pt; line-height: 26pt;
	}

	#intro { background:url('./img_800/resort.jpg') no-repeat right top; }
		#intro .content { width:540px; right:40px; }

	#freebies { background:url('./img_800/using-laptop.jpg') no-repeat left top; }
		#freebies .content { width:500px; left:40px; top:160px; }

	#speedy { background:url('./img_800/cabling.jpg') no-repeat left top; }
		#speedy .content { width:400px; left:40px; top:40px; }

	#infrastructure { background:url('./img_800/keyboard.jpg') no-repeat left top; }
		#infrastructure .content { width:460px; right:40px; top:100px; }

	#security { background:url('./img_800/hackers.jpg') no-repeat right top; }
		#security .content { width:460px; right:40px; top:auto; bottom:60px; }

	#custom { background:url('./img_800/custom.jpg') no-repeat left top; }
		#custom .content { width:500px; left:40px; top:auto; bottom:20px;  }

	#filtered { background:url('./img_800/spooky.jpg') no-repeat left top; }
		#filtered .content { width:450px; left:auto; right: 40px; top:auto; bottom:40px;  }

	#adjustable { background:url('./img_800/freedom.jpg') no-repeat left top; }
		#adjustable .content { width:460px; left:auto; top:auto; right:40px; bottom:100px;  }

	#support { background:url('./img_800/support.jpg') no-repeat left top; }
		#support .content { width:280px; left:auto; top:40px; right:20px; }

	#integration { background:url('./img_800/junction.jpg') no-repeat left top; }
		#integration .content { width:280px; left:40px; top:40px;  }

	#scale { background:url('./img_800/football.jpg') no-repeat left top; margin-bottom: 384px; }
		#scale .content { width:400px; left:40px; top:40px;   }

}

/* 7 inch tablet in portrait */
@media screen and (max-width:605px){

	body { font-size:11pt; line-height: 13pt; }

	#nav img { max-width: 200px; height:auto; margin-top:5px; }
	#nav div.links { max-width: 340px; }
	#nav div.links a { padding:11px 7px; font-size:11pt; font-weight:bold; border-left:1px solid rgba(255,255,255,0.5); }

	.chunk { min-height: 400px; }
	.chunk h1, .chunk h2 {
		font-size:23pt; line-height: 26pt;
	}

	#intro { background:url('./img_600/resort.jpg') no-repeat right top; }
		#intro .content { width:500px; right:40px; }

	#freebies { background:url('./img_600/using-laptop.jpg') no-repeat left top; }

	#speedy { background:url('./img_600/cabling.jpg') no-repeat left top; }

	#infrastructure { background:url('./img_600/keyboard.jpg') no-repeat left top; }

	#security { background:url('./img_600/hackers.jpg') no-repeat right top; }

	#custom { background:url('./img_600/custom.jpg') no-repeat left top; }

	#filtered { background:url('./img_600/spooky.jpg') no-repeat left top; }

	#adjustable { background:url('./img_600/freedom.jpg') no-repeat left top; }

	#support { background:url('./img_600/support.jpg') no-repeat left top; }
		#support .content { width:280px; left:auto; top:40px; right:20px; }

	#integration { background:url('./img_600/junction.jpg') no-repeat left top; }

	#scale { background:url('./img_600/football.jpg') no-repeat left top; margin-bottom: 384px; }

}

/* Phones */
@media screen and (max-width:400px){

	body { font-size:10pt; line-height: 12pt; }

	.chunk { opacity: 1; }

	.chunk h1, .chunk h2 {
		font-size:16pt; line-height: 18pt;
	}

	.content { width:auto !important; margin:0 15px !important; left:0px !important; 
		right:auto !important; bottom:20px !important; top:auto !important; }

	#nav img { margin: 5px auto; display: block; }
	#nav div.links { display:none; }

	#scale { margin-bottom: 0px; }

	#freebies .content { top:20px !important; bottom:auto !important; }
	#speedy .content { top:20px !important; bottom:auto !important; }
	#filtered .content { top:20px !important; bottom:auto !important; }
	#support .content { top:20px !important; bottom:auto !important; }
	#scale .content { top:20px !important; bottom:auto !important; }
	
}