

.RWnavBarShow {

	display:block;
	position:fixed;
	z-index:100;
	width:100%;
	/*background:#F3F4ED;*/
	height:auto;
	bottom:0px;
	padding:5px;
	text-align:center;
	
			line-height:1.7em;
			font-size:1em;
			-webkit-font-smoothing: subpixel-antialiased;
			color:#333;
			
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.15, #F7F7F2),
	color-stop(1, #F2F1ED)
	);
	
	background-image: -o-linear-gradient(bottom, #F7F7F2 15%, #F2F1ED 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7F2 15%, #F2F1ED 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7F2 15%, #F2F1ED 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7F2 15%, #F2F1ED 100%);
	background-image: linear-gradient(to bottom, #F7F7F2 15%, #F2F1ED 100%);  

}

.RWnavBarHide {

	display:none;

}

#RW_graphic_billboard_oneSite {

	background-image: url(../resources/ReadyWeb/oneSite.png);
	background-image: -webkit-image-set(url(../resources/ReadyWeb/oneSite.png) 1x, url(../resources/ReadyWeb/oneSite2x.png) 2x);
	background-image: -o-image-set(url(../resources/ReadyWeb/oneSite.png) 1x, url(../resources/ReadyWeb/oneSite2x.png) 2x);
	background-image: -moz-image-set(url(../resources/ReadyWeb/oneSite.png) 1x, url(../resources/ReadyWeb/oneSite2x.png) 2x);
	background-image: -image-set(url(../resources/ReadyWeb/oneSite.png) 1x, url(../resources/ReadyWeb/oneSite2x.png) 2x);
	
	padding-top: 40%; /* landscape ratio */
	
	max-width:504px;
	
	margin-top:1em;

}

#RW_graphic_billboard_printing {
	
	background-image: url(../resources/ReadyWeb/printing.png);
	background-image: -webkit-image-set(url(../resources/ReadyWeb/printing.png) 1x, url(../resources/ReadyWeb/printing2x.png) 2x);
	background-image: -o-image-set(url(../resources/ReadyWeb/printing.png) 1x, url(../resources/ReadyWeb/printing2x.png) 2x);
	background-image: -moz-image-set(url(../resources/ReadyWeb/printing.png) 1x, url(../resources/ReadyWeb/printing2x.png) 2x);
	background-image: -image-set(url(../resources/ReadyWeb/printing.png) 1x, url(../resources/ReadyWeb/printing2x.png) 2x);
	
	padding-top: 35%; /* landscape ratio */
	
	max-width:501px;
	
	margin-top:1em;
					
}


.RW_graphic_billboard {
		/*
		background-size: 100% auto;
		background-repeat: no-repeat;
		
		background-position:bottom left;
		
		position:absolute;
		bottom:0px;
		
		width:100%;
		*/
		
		
		background-size: contain;
		background-repeat: no-repeat;
		width: 100%;
		height: 0;
		
}

	.imgPartial {
	
		float:left;
		
	}

/* PROMO */
@media screen and (min-width: 501px){
	
	#RWnavContainer {
	
		width:70%;
		max-width:400px;
		margin-left:auto;margin-right:auto;
		display:inline-block;
	
	}
	
	.promoDesc {
		
		float:left;width:60%;
		
	}
	
	.promoLogo {
	
		float:left;width:40%;
		
	}
	

	.promoLogo #promoDisclaimer {
	
		/*
		font-size:0.5em;
		*/
		margin-top:10%;
		margin-left:5%;
		margin-right:5%;
		
		
	}
	
	.promoLogo .mainCopy {
	
		font-size:0.5em;
		line-height:2em;
		
	}
	
	.promoBannerPlaceHolder {
		padding-bottom:3%;padding-top:3%;
	}
	
	.orderSalesTaxes{
		width:20%;float:right;margin-bottom:20px;top:0;display:inline-block;margin-top:25px;
	}
	
	.orderPromoLogo{
		display:inline-block;vertical-align:middle;width:40%;
	}
	
	.orderPromoPricing { 
		display:inline-block;vertical-align:middle;width:50%;
	}
	
}
@media screen and (max-width: 500px){
	
	
	#RWnavContainer {
	
		width:100%;
	
	}
	
	
	.promoDesc {
		
		float:none;width:100%;
		
	}
	
	.promoLogo {
	
		float:none;width:100%;
		
	}
	
	.promoBannerPlaceHolder .promoLogo > img {
	
		width:40%;height:auto;
		
	}
	
	.promoLogo #promoDisclaimer {
	
		/*
		font-size:0.5em;
		*/
		margin-top:3%;
		margin-left:0;
		margin-right:0;
		
		
	}
	
	.promoLogo .mainCopy {
	
		font-size:0.6em;
		line-height:2em;
		
	}
	
	.promoBannerPlaceHolder {
		padding-bottom:3%;padding-top:3%;
	}
	
	.orderSalesTaxes{
		width:100%;float:none;margin-bottom:20px;top:0;display:inline-block;margin-top:0px;
	}
	
	.orderPromoLogo{
		display:inherit;vertical-align:middle;width:100%;
	}
	
	.orderPromoPricing { 
		display:inline-block;vertical-align:middle;width:100%;text-align:center;
	}
	
	#socialIcons > a {
		
		margin-right:4%;
		margin-top:2%;
	}
}

@media screen and (max-width: 500px){
	#ReadyLivePromo:after {
	
		content:"TION";
		
	}
}
@media screen and (min-width: 501px) and (max-width: 650px){
	#ReadyLivePromo:after {
	
		content:"";
		
	}
}
@media screen and (min-width: 651px) and (max-width: 750px){
	#ReadyLivePromo:after {
	
		content:"TION";
		
	}
}
@media screen and (min-width: 751px) and (max-width: 850px){
	#ReadyLivePromo:after {
	
		content:"";
		
	}
}
@media screen and (min-width: 851px){
	#ReadyLivePromo:after {
	
		content:"TION";
		
	}
}


/* FNTS AND IMGS */
@media screen and (max-width: 320px){
	
	.promoReadyWebLogo {
	
		font-size:70%;
		
	}
}

@media screen and (max-width: 750px){
	.promoReadyWebLogo {
		font-size:70%
	}
}
@media screen and (max-width: 350px){
	
	.imgPartial {
	
		float:none;
		margin-left:auto;margin-right:auto;display:block;
		
	}
	
	.imgPartial img {
	
		margin-left:auto;margin-right:auto;display:block;
		
	}
}

@media screen and (max-width: 480px){
	
	
	#mobilePageContainer .mainCopy {
		font-size:65%;
	}
	
	#mobilePageContainer .pgHeader3 {
		font-size:95%;
	}
	
	#promoSection {	
		font-size:75%;
	}
	
	
	
	#RW_graphic_billboard_oneSite {
	
		background-image: url(../resources/ReadyWeb/oneSitePortrait.png);
		background-image: -webkit-image-set(url(../resources/ReadyWeb/oneSitePortrait.png) 1x, url(../resources/ReadyWeb/oneSitePortrait2x.png) 2x);
		background-image: -o-image-set(url(../resources/ReadyWeb/oneSitePortrait.png) 1x, url(../resources/ReadyWeb/oneSitePortrait2x.png) 2x);
		background-image: -moz-image-set(url(../resources/ReadyWeb/oneSitePortrait.png) 1x, url(../resources/ReadyWeb/oneSitePortrait2x.png) 2x);
		background-image: -image-set(url(../resources/ReadyWeb/oneSitePortrait.png) 1x, url(../resources/ReadyWeb/oneSitePortrait2x.png) 2x);
		
		padding-top: 100%; /* portrait ratio */
		
		margin-top:1em;
	
	}
	
	#RW_graphic_billboard_printing {
	
		background-image: url(../resources/ReadyWeb/printingPortrait.png);
		background-image: -webkit-image-set(url(../resources/ReadyWeb/printingPortrait.png) 1x, url(../resources/ReadyWeb/printingPortrait2x.png) 2x);
		background-image: -o-image-set(url(../resources/ReadyWeb/printingPortrait.png) 1x, url(../resources/ReadyWeb/printingPortrait2x.png) 2x);
		background-image: -moz-image-set(url(../resources/ReadyWeb/printingPortrait.png) 1x, url(../resources/ReadyWeb/printingPortrait2x.png) 2x);
		background-image: -image-set(url(../resources/ReadyWeb/printingPortrait.png) 1x, url(../resources/ReadyWeb/printingPortrait2x.png) 2x);
		
		padding-top: 125%; /* portrait ratio */
				
		margin-top:1em;		
	}
	
	
}