@charset "utf-8";
/* CSS Document */

#mobileheader {display: none;}

#mobilesocial {display: none;}

.mobilefootercolumn {
	margin-top: 20px;
	width:200px;
	float: left;
	text-align:left;
	}

#mobilepubpress {display: none;}

.hide {display: none;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {

	div {float: none !important; width: auto !important;}

	#wrapper {
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		}

	#container, #content {
		background-image: none !important;
		}

	#container {padding: 0 !important; margin: 0 !important;}

	#content {
		padding: 5% 5% 0 5% !important;
		min-height: 0 !important;
		margin: 0 auto !important;
		}

	#header, #headercontent, #controls, #social, #pubpress, #press, .home_text, #slider {
		display: none !important;
		}

	#content img {
		width: 90% !important;
		max-width: 320px !important;
		height: auto !important;
		margin: 7% 0;
		}

	#container img {
		width: 90% !important;
		max-width: 320px !important;
		height: auto !important;
		margin: 7% 0;
		}

	.sidebar {
		width: 90% !important;
		padding: 5% !important;
		margin: 5% auto 5% auto !important;
		}

	#nav2 ul li{
		display: list-item;
		margin: 5% auto;
		}

	#mobileheader {
		display: block !important;
		background-color: #005e5e  !important;
		text-align: center !important;
		}

	#mobileheader a img {
		display: inline-block;
		width: 175px;
		padding: 20px;
		margin: 0 auto;
		}

	.navigation, .navigation ul {
		margin: 0 !important;
		padding: 2% 0 !important;
		}

	.navigation ul {
		width: auto !important;
		}

	.navigation a {
		padding: 0 !important;
		}

	.navigation li {
		display: inline-block !important;
		padding: 3% !important;
		}

	#mobilesocial {
		display: block;
		margin-bottom: 5%;
		}

	.box {
		width: 90% !important;
		float: none !important;
		padding: 0 5% !important;
		margin: 0 auto 5% auto !important;
		}

	.innerboxleft {
		text-align: center !important;
		}

	#content .box .innerboxleft img {
		margin: 5% 0 !important;
		float: none !important;
		height: 200px !important;
		width: auto !important;
		}

	#mobilepubpress {display: block !important;}

	#sidebar {
		display: block !important;
		padding: 5% !important;
		}

	#footer, #footercontent {
		display: block !important;
		padding: 0;
		height: auto !important;
		min-height: 0 !important;
		}

	.footercolumn {display: none !important;}

	.mobilefootercolumn {
		margin: 0 !important;
		text-align: center !important;
		}

	.mobilefootercolumn img {
		display: inline-block;
		width: 175px;
		padding: 5%;
		margin: 0 auto;
		float: none !important;
		}

	.hide {
		display: inline !important;
		color: #FFF;
		}

	.support {margin-bottom: 10% !important;}

	#content .support img.creditcard {width: 125px !important; margin: 0;}


}