/*@media only screen and (min-width: 1000px) {
*/	



/*

}



/*		Tablet Layout: 768px.     

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.wrap { width: 728px; }
	
	#search { position: relative; margin: 0; float: left; left: auto; }
	#focus { height: auto; float: left; width: 340px; overflow: hidden; position: relative; border:none; margin: 10px auto 30px; }
	#focus .wrap { width: auto; margin: 0 auto; padding: 0; }
	.focus { background: none !important; }
	.focus article { width: auto; position: absolute; margin: 0 0 0 0; padding: 0 0 0; }
	.focus .thumb { width: 250px; height: 135px; position: relative; clear: both; margin: 10px 0; float: right; }
	#topfade { display: none; }
	#level2 { clear: both; }
	#news { width: 410px; float: none; clear: both; margin: 10px auto; }
	#fdev { clear: both; float: none; text-align: center; margin: 40px auto 20px; }
	#level3 article, #level3 #mcalc { float: none; clear: both; margin: 50px auto; }
	
	#devs article { width: 50%; margin: 0; }
	#bios #side { width: auto; float: none; }
	#bios #side .leftside { float: left; width: 50%; }
	#bios #side #cform { width: 50%; float: right; padding: 0; }
	
	#dev #stage #thumb { height: 300px; }
	#dev #thumb img { margin-top: -70px; }
	
	#dev article { width: 50%; }
	#dev aside { width: 312px; margin-left: 30px; margin-top: -80px; }
	#dev #gall span { width: 300px; height: 200px; }
	#dev #gall a { margin-top: -140px; }
	#dev #ribbon { background-position: 17px -178px; }
	
	#prop #right { width: 390px; }
	#prop #left { width: 310px; }
	#prop #mainimghold { width: 288px; height: 180px; }
	#prop #mainimghold span { width: 288px; }
	#prop #mainimghold img { width: 288px; }
	#prop #gallery-1 img { width: 134px; }
	#prop #gallery-1 li { width: 134px; height: 75px; margin: 0 12px 12px 0; }
	#prop #map { width: 288px; height: 180px; }
	
	#serv #left { width: 60%; }
	#serv #sidebar { width: 35%; float: right; }
	
}



/*		Mobile Layout: 320px.     

@media only screen and (max-width: 767px) {
	
	.wrap { width: 280px; }
	
	#main nav#navright { padding: 0 0 15px 120px; }
	#main nav li { display: block; }
	#main nav a { line-height: 30px; }
	
	#weather { padding-left: 0; }
	
	h1#title, h1#title span { background: none; }
	
	#search { position: relative; margin: 0 auto 0 -80px; float: none; left: auto; }
	#areas { display: none; }
	#focus { height: auto; float: none; width: 300px; overflow: hidden; position: relative; border:none; margin: 30px auto; }
	#focus .wrap { width: auto; margin: 0; padding: 0; }
	.focus { height: 480px; background: none !important; }
	.focus article { width: auto; position: absolute; margin: 0 0 0 0; padding: 0 0 0; }
	.focus .thumb { width: 250px; height: 135px; position: relative; clear: both; margin: 10px 0 10px 25px; float: none; }
	.focus p { width: 260px; }
	#topfade { display: none; }
	#level2 { clear: both; }
	#news { width: 280px; float: none; margin: 0 auto; }
	#news h2 { background-position: -35px -271px; }
	#news .thumb { width: 268px; height: 150px; }
	#fdev { display: none; }
	#level3 article, #level3 #mcalc { float: none; clear: both; margin: 50px auto; }
	
	#blog article .thumb { width: 300px; height: 150px; float: none; margin: 0 0 10px;}
	a.yt { width: 300px; height: 150px; }
	#bios article img, #news article img { float: none; margin: 0 0 10px; }
	#bios #side img.mappic { width: 268px; height: auto; }
	#side #cform dd > input, #side #cform dd > textarea { width: 220px; }
	
	#devs article, #dev article { width: auto; margin: 0; float: none; }
	#devs article { margin-left: -25px; }
	#dev #stage #thumb { height: 150px; }
	#dev #thumb img { margin-top: -10px; }
	#dev #gall span { height: 150px; }
	#dev #gall a { margin-top: -110px; }
	#dev aside {  width: 280px; margin: 30px auto; float: none; }
	#dev #ribbon { background-position: 2px -178px; }
	
	#props article { width: 254px; }
	#props article .thumb, #props article .thumb img { width: 90px; }
	
	#prop #right { width: auto; float: none; clear: both; }
	#prop #left { width: auto; float: none; clear: both; }
	#prop h1 { font-size: 3.5em; }
	#prop #mainimghold { width: 256px; height: 160px; }
	#prop #mainimghold span { width: 256px; }
	#prop #mainimghold img { width: 256px; }
	#prop #gallery-1 img { width: 120px; }
	#prop #gallery-1 li { width: 120px; height: 75px; margin: 0 12px 12px 0; }
	#prop #map { display: none; }
	
	#serv #left { width: auto; float: none; }
	#services > li { width: auto; float: none; }
	#serv #sidebar { width: auto; float: none; padding: 40px 0 20px; clear: both; }
	
	#credits { font-size: .8em; line-height: 1.3em; margin: 10px 0 0; }
	
}



/*		Wide Mobile Layout: 480px.    

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.wrap { width: 440px; }
	
	#main nav#navleft { padding: 30px 0 20px 120px; }
	#main nav#navright { float: left; padding: 30px 0 20px 20px; }
	#main nav a { line-height: 30px; margin: 0 14px; }
	
	#weather { padding-left: 130px; }
	
	#search { margin: 0 auto; }
	#areas { display: block; }
	#focus { width: 400px; }
	.focus .thumb { margin: 10px 0 10px 125px; }
	.focus p { width: 330px; }
	#news { width: 410px; }
	#news h2 { background-position: -1px -271px; }
	
	#devs article, #dev article { float: none; width: auto; }
	#devs article { margin-left: 0; }
	#dev #stage #thumb { height: 230px; }
	#dev #thumb img { margin-top: -20px; }
	#dev aside { margin: 30px auto; float: none; }
	
	#prop #right { width: auto; float: none; clear: both; }
	#prop #left { width: auto; float: none; clear: both; }
	#prop #mainimghold { width: 424px; height: 220px; }
	#prop #mainimghold span { width: 424px; }
	#prop #mainimghold img { width: 424px; }
	#prop #gallery-1 img { width: 126px; }
	#prop #gallery-1 li { width: 126px; height: 75px; margin: 0 12px 12px 0; }
	#prop #map { display: block; width: 428px; height: 220px; }
	
	#services > li { width: 50%; float: left; }
	
}