@media only screen and ( max-width: 1025px )
{
	#content .pageintro img { margin-left:-10%; width:110%; }
	#content .float-text { margin-left:2px; top:52%; left:2%; width:60%; }
	.collapsible { width:98% }
	#content .four-column { width:50%; }

@media only screen and ( max-width: 850px )
{
	#banner { padding:10px 5px; margin:0 auto; }
	.lgLogo { height:90px; background-position: 0 6px;}
	.smLogo { background-position: 5px 8px; }	
	#banner ul { display: none; background: #efefef; position: absolute; right: 5px; top: 55px; z-index: 100; padding: 20px; }
	#banner ul li { display: block; padding: 6px 12px; margin-top: 8px !important; font-size:115% }
	#toplink { display:none !important; }
	.mobilink{ display: block; }

	#content .pageintro img { margin-left:-10%; width:130%; }
	#content .float-text { margin-left:18px; width:75%; font-size:105%; }
	#content iframe { height: 460px !important; }
	
	#content .how-it-works { background-position: 0 0;}
	#content .text-left, #content .text-right { width:70%; margin-left:220px; text-align:left;}
	#content .two-column { width:100%; }
	#content .box2 { padding-right:6px;}
	#content .three-column { width:50%; }
	
	#sub-footer .copyright { text-align:center; width:100%;}
	#sub-footer .copyright, #sub-footer ul  { float: none; }
	#sub-footer ul li { display:block; padding-left:0; text-align:center; }
}

@media only screen and ( max-width: 750px )
{
	#content .pageintro img { margin-left:-18%; width:160%; }
	#content .float-text { top:35%;  margin:0 auto; width:90%;  }
	#content .text-left, #content .text-right { width:60%;}
	#content iframe { height: 400px !important; }
	.collapsible { width:96% }
}

@media only screen and ( max-width: 550px )
{
	.captcha { width:27% !important; }
	#content { padding:110px 10px 10px; }
	#content .pageintro img { margin-left:-30%; width:190%; }
	#content .float-text { top: 25%; width:92%; font-size:100%; }
	#content .button { margin: 20px auto; }
	#content .button a { font-size:100%;}
	#content .how-it-works { background:url(media/bar.gif) 12% 0 repeat-y; height:auto; }
	#content .how-img { display:block; left:-36%; top:20px;}
	#content .text-left, #content .text-right { width:72%; height:auto; margin-left:28%; margin-bottom:20px; }
	#sub-footer .bottom-tier ul li { padding: 5px 10px 0 0; }	
	#content .box3 { padding-right:6px;}
	#content .three-column { width:100%; }
	#content .four-column { width:100%; }
	#content .four-column-wrap { margin-right:0; }
	#content iframe { height: 300px !important; }
}

@media only screen and ( max-width: 450px )
{
	#banner ul li { font-size: 12px; }
	#content .brick img { left:0; }
	#content .how-img { left:-50%; }
	#content .text-left, #content .text-right { width:66%; margin-left:34%;}
	#content iframe { height: 250px !important; }
}

@media only screen and ( max-width: 350px )
{
	#content .float-text { top: 10%; width:92%; font-size:100%; }
	#content .how-img { left:-55%; }
	#content iframe { height: 200px !important; }
}