/* template.css overwrites -- use only when absolutely necessary
================================*/
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 450px;
	background: url(../images/hero.jpg) no-repeat 0 0;
	background-size: 189.72%;
}


/* custom CSS on a per project basis
================================*/

/*----add spacing----*/
.spacer05{display:block;max-width:100%;height:5px;}
.spacer10{display:block;max-width:100%;height:10px;}
.spacer20{display:block;max-width:100%;height:20px;}
.spacer30{display:block;max-width:100%;height:30px;}
.spacer40{display:block;max-width:100%;height:40px;}
.spacer50{display:block;max-width:100%;height:50px;}
.spacer60{display:block;max-width:100%;height:60px;}
.spacer70{display:block;max-width:100%;height:70px;}
.spacer80{display:block;max-width:100%;height:80px;}
.spacer90{display:block;max-width:100%;height:90px;}
.spacer100{display:block;max-width:100%;height:100px;}

.price_from{display:inline-block;text-align:left;width:100%;}
.price_from .finalPrice{text-align:left; margin:0 0 8px 0;} /*this is for from $$$$*/
.from_space{font-weight:800;}


/*----CopyBox------*/
.copyDivBlk02{color:#222222;font-size:1em;width:80%;margin-left:auto;margin-right:auto;margin-bottom:30px;}
.blurb02{clear:both;max-width:800px;margin-left: auto;margin-right: auto;text-align: justify;text-justify: inter-word;}

/*----ad banners----*/
.adBanner_1106x200 {position: relative;padding-top: 34%;}
.adBanner_1106x200 a{display:block;width:90%;height:100%;}

.adBanner01 {position:absolute;top:0;left:0;right:0;bottom:0;max-height:200px;background: url(../images/banners/banner_responsive_contentBanner.jpg) no-repeat 0 0;background-size: 189.72%;}


/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1024px) {
	/* insert responsive CSS for screens below 1024px */
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner-img {
		background-position: 0 100%;
		background-size: 100%;
	}	
	
	.adBanner_1106x200 { padding-top: 18%; }
	.adBanner01 {margin:0;background-position: 0 100%;background-size: 100%;}

	
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
	.adBanner_1106x200 { padding-top: 14.5%; }
	.adBanner01 {margin:0 0 0 10%;background-position: 0 100%;background-size: 90%;}

}