/* MOBILE SCREEN SIZE */
@media only screen and (max-device-width:320px),screen and (max-width:460px){ /* @media does not work in ie */
body, body.homepage, body#loggedIn.login{background:url(/adm/redirect/www/doc/afimages/mobileBG.jpg) no-repeat -15px 0 #6b9c3d; margin:0 auto; width:320px}
#afTwitter,#chip,#sheep,#sheepShadow,#sheepHead,#woofers,#woofersHead,#butterflyOne,#butterflyThree,#balloon,#airplane,#nessy,.leftFold,.rightFold,.sectionIllustration,header nav ul li a span,br.clr,#logo h1, #logo h2,.hpActions,#acorn,#slideBtn0,#slideBtn1,#slideBtn2,div#slider,#plansPricing,#mobilePlan0,#mobilePlan1,#mobilePlan2,#mobilePlan3,#mobilePlan4,#slider .cover,div.parts,.facebookFrame, #sidebar,.sidebarBG,.noIllustration img,.highlightLogin, .mobileHide, aside.signupAction, section.advert
{display:none}

div#container,.callOuts div.txt_center,.callOuts h3,header,#logo,#loginSocial,#loginSocial span,ul.socialIcons,header nav,header nav ul,header nav ul li,header nav ul li a,.content,section.content,.content section aside,.callOuts,.callOuts h2,.callOuts .content,section.content section,footer,aside.signupAction.intBtn,section.content section.hpSection, .interior,.callOuts.interior,aside.callOuts.interior section.content,aside.callOuts.interior section.content .txt_center,footer ul.footer_lists,footer ul.footer_lists li,footer .facebookFrame,footer .sticky,section.content section.hpSection h2,#tools,.float_right,body#loggedIn header,section.content div.login, div.login, #loggedIn.login div.logArea, body#loggedIn.login section.content, body#loggedIn.login header, body#loggedIn.login .sectionTitle, aside.callOuts section.content
{clear:both; float:none; height:auto; position:static; margin:0; width:auto}
div.login .logArea{padding:0}
aside.callOuts section.content{width:258px}
body.homepage #logo {position:absolute; left:-20px}
#logo{background:none; height:59px; position:absolute; top:0; width:289px}
#logo a{height:59px}
		div#container, body#loggedIn.login div#container{margin:0 auto; padding-top:55px; width:290px}
		section.content.intro p,section.content section.hpSection p{width:auto}
		.callOuts h2{font-size:18px}
		section.content h2.hpTitle{color:#ed0000; font-size:22px; font-weight:normal; line-height:28px}
	#loginSocial{margin:10px 0 40px}
	ul.socialIcons{margin-top:10px}			
	nav ul.blueGradientBG{background:none; border:none}
	body.homepage header nav{display:block}
	header nav ul li a{border:1px solid #2e90d1; padding:10px; background-color:#2e90d1; background-image:-moz-linear-gradient(top,#85bee3 4%,#2e90d1 40%); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.04,#85bee3),color-stop(.4,#2e90d1))}
	header nav ul li a:hover{background-color:#c40a16; background-image:-moz-linear-gradient(top,#fa9954 10%,#c40a16 56%); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.1,#fa9954),color-stop(.56,#c40a16))}
	aside.callOuts section.content h3{position:relative}
	.callOuts .content{min-height:150px}
	section.content h2{font-size:24px; margin:0 0 10px; line-height:35px}
	section.content article.hpIntro{margin-left:0; width:auto; padding:0 15px}
	section.content, aside.callOuts section.content{margin:0}
	section.content section.hpSection h2{font-size:21px; font-weight:bold; line-height:29px; margin-bottom:10px}
	aside.callOuts.interior section.content h3, .callOuts h3, aside.callOuts section.content h3{position:relative; width:103%}
	.mobile-menu, .mobileShow{display:block}
	.mobile-plans{list-style:none inside}
		.mobile-plans li{padding:5px}
		.mobile-plans li h3{color:#fff}
	div.free,div.plus,div.pro,div.webmaster,div.deluxe{border-top:1px solid #2e90d1; border-bottom:1px solid #2e90d1;left:-15px; padding:15px; position:relative; text-align:center; width:100%}
	.regBtn span, .learnBtn span{margin-left:5px}
	footer p.sticky{margin-bottom:10px}
	footer ul.footer_lists{margin:10px 0}
	footer ul.footer_lists li.bold{width:auto}
	h2.sectionTitle{top:75px; margin-left:15px; left:auto}
	body#loggedIn.login h2.sectionTitle{position:absolute; left:auto; margin-left:15px;}
	.loginBOX{left:43px; top:92px}
	body#loggedIn.login #logo{position:absolute; width:300px; right:auto}
	h3.signupAction{width:auto}

}
