html {margin: 0 auto;}
body {font-family: 'Open Sans'; margin: 0px auto;background: transparent url('http://apps.cbslocal.com/weather/images/weather-3000-bkgd.png') no-repeat top center scroll;width: 100%;}
.web {margin: 0px auto; background: transparent url('http://apps.cbslocal.com/weather/images/gradient_grey_bckgrnd.png') repeat-x top center; }


.web .heading {width: 890px; margin: 0 auto;}
.heading img{padding-top: 72px;}
.content {margin: 0 auto; width: 1000px; text-align:center;}
.content ul {margin: 0 auto; width: 1000px;padding: 15px 0 0 0;}
.content li {display: inline-block; list-style-type: none;}
.content li.lft {padding-left: 6px;}
.freeApp ul {padding-left: 0px;margin-top: 12px;}
.freeApp li {display: inline-block; list-style-type: none;margin-left: 6px;}
.freeApp li.lft {padding-left: 14px;}
.freeApp span {color:#000000; font-size: 40px; font-weight: 700;margin-left:6px;padding-top:40px;text-align:left;font-family: 'Roboto'; line-height:100px;}
.freeApp {width: 1000px; margin: 0 auto; text-align: center;}
.web .freeApp img {max-width: 600px;min-width: 600px; width: 100%; height: auto;}
h3 {width: 170px; margin: 20px auto;}
h3 a {color:#666666; font-size: 15px; margin-bottom: 10px; text-decoration: underline;text-transform: uppercase;text-align: center; }

.footer {font-family: arial; font-size: 11px; color:#000000;padding: 10px 0;margin: 0 auto; text-align: center; width: 900px; line-height: 10px; }
.footer a {text-decoration: underline;color:#000000; }
.footer img {margin-right: 20px;   margin-bottom: 40px;}




h1 {font-size: 30px; font-weight: 700; color:#084258; margin: 0 0 10px 0; padding-top: 10px;}

b, strong {font-family: 'Open Sans';font-weight: 800;}

.web{
	display: block;
}
#mobile{
	display: none;
}


@media only screen and (max-width: 650px) {
	.web{
		display: none;
	}
	
	#mobile{
		display: block;
	}
}




@media only screen and (min-width: 421px) and (max-width: 650px) {
	body {font-family: 'Open Sans'; margin: 0px auto;background: #e5f0ff;}
	#mobile {margin: 0px auto; width: 480px; background: transparent url('../images/mobile-bckgrnd.png') repeat-x 0 0;display:block;}
	.web {display: none;}	

	#mobile .heading {width: 480px; margin: 0 auto; height: 570px;}
	.heading img{position:relative; top:390px; left:170px;}
	.content {margin: 0 auto; width: 432px;text-align: center;}
	/*.content .content-img {width:429px; height:451px ;background-image:url('http://apps.cbslocal.com/weather/images/content_mobile_480.png');}*/
	.content img {min-width: 130px;max-width: 130px; width: 45%; height: auto;}
	
	.content ul {margin: 0 auto; width: 432px; padding: 15px 0 0 0;}
	.content li {display: inline-block; list-style-type: none;}
	.freeApp ul { margin-top: 0px;padding:0px;}
	.freeApp li {display: inline-block; list-style-type: none;}
	.freeApp span {text-align:left; line-height:40px;font-size: 20px; }
	.freeApp {width: 406px; margin: 0 auto; }
	.freeApp img {width:406px; height:231px;}
	.footer {padding-left: 35px; text-align: left; width:460px;}
	.footer img {margin-right: 20px;   margin-bottom: 20px;}
	
}




@media only screen and (max-width: 420px) {
	.web{
		display: none;
	}
	
	#mobile{
		display: block;
	}


	html {margin: 0 auto;}
	body {margin: 0px auto;background: #e5f0ff;}
	#mobile {
		margin: 0px auto; 
		width: 320px; background: transparent url('../images/mobile-bckgrnd-320.png') repeat-x 0 0;display:block;
	}
	/*.web {display: none;}	*/

	#mobile .heading {width: 320px; margin: 0 auto; height: 380px;}
	.heading img {position:relative; top: 235px; left:90px;}
	.content {margin: 0 auto; width: 320px;text-align: center;}
	/*.content .content-img {width:290px; height:305x ;background-image:url('http://apps.cbslocal.com/weather/images/content_mobile_320.png');}*/
	.content ul {margin: 0 auto; width:320px; padding-top: 15px;}
	.content li {display: inline-block; list-style-type: none;}
	.content img {min-width: 130px;max-width: 130px; width: 45%; height: auto;}
	.freeApp ul { margin-top: 0px;padding:0px;}
	.freeApp li {display: inline-block; list-style-type: none;}
	.freeApp span {text-align:left; line-height:40px;font-size: 20px; }
	.freeApp {width: 300px; margin: 0 auto; }
	.freeApp img {width:300px; height:154px;}
	.footer {padding-left: 20px; text-align: left;width:300px;}
	.footer img {margin-bottom: 20px;}

}