body {width: 100%;background-image: url(/Assets/layout_images/concrete_seamless.png);background-position: center;font: 12px/18px Verdana, Arial, Helvetica, sans-serif;color: #384749; overflow: auto;}
#headcontainer{display:block; height: 79px;} 
#wrapper-bg {display: block; background-color: #fff;margin-top:18px;border: 1px solid #878E8E;box-shadow: 0 0 10px rgba(12, 3, 25, 0.8); }
#headcontainer {display:block;background-color: #fff}
#wrapper {display: block;margin: 0px auto; margin-top: 20px; max-width: 85%; }
.filler {width:100%;height:20px;background-color: #fff;margin-top:-6px}


#new_products {width: 100%; height: auto; background: #2E7283;;overflow: hidden;}
#new_products-body {max-width: 1120px; width:98%; margin: auto;}
.full_kit p  {display: block; margin-top: 20px;}
.full_kit li {list-style-type: none;text-align: center;}
.slide_show  {display: block; margin-top: 10px;}
#CaptionBox {text-align: center; background-color:#C2D6DA;}
#PictureBox {width: 100%}
#pre_footer {display: block;margin: 0px auto; margin-top: 2px; max-width: 100%; background-color: #888;overflow: hidden}
#pre_footer-body {max-width: 1020px; margin: auto;}
#pre_footer-body p {text-align: justify;}

#new_prod_box1 {display:block;height: 265px; margin: auto; background-color: #FFF;overflow: hidden;margin-top: 2.5%;border: 2px solid #CCC;}
#new_prod_box2 {display:block;height: 265px; background: #FFF;overflow: hidden;margin-top: 2.5%;border: 2px solid #CCC;}
#new_prod_box3 {display:block;height: 265px; background: #FFF;overflow: hidden;margin-top: 2.5%;border: 2px solid #CCC;}
#new_prod_box4 {display:block;height: 265px; background: #FFF;overflow: hidden;margin-top: 2.5%;}

.new_prod_image img {margin-left:1.5%;max-width: 97%; height:auto;}

#about_us  {color: #e2b282;}
#about_us { margin-left: 8%; margin-right: 10%;}
#about_us  {text-align: center;font: 22px/16px Verdana, Arial, Helvetica, sans-serif;color: #FFF; margin-top: 25px;}


#footer {display: block; margin-top: 2px; max-width: 100%; background-color: #666;overflow: hidden; height: 20px;text-align: center;}
#footer   {margin-top: -1px;} 
#rights_reserved  {margin-top: -1px;} 




#page_trim {display: block; background-color: #888; height:20px;margin-top: 5px;}
#page_trim h3 {color: #FFF;padding-left: 5px; font-style: italic;}
#trim {display: block; background-color: #444; height:3px}
#micro_trim {display: block; background-color: #444; height:1px; margin: 5px 0 2px 0;}
.pg1-intro p {margin:.5px .5px .2px .5px;}



.darrow {font-size: 9px; position: absolute; top: 2px; right: 10px}


#menu_icon {display: none;}

.full_kit {margin: 0% .5% 1% 5%;}
.full_kit h3{text-align: center;margin: 5px}
.full_kit ul li { margin-left: 3px;}
.full_kit ul {margin-bottom: 25px;}
.slide_show {padding: 0 20% 0 20%;}
#CaptionBox {background-color: #C2D6DA;padding-top: 12px; padding-bottom: 10px;font: 12px/15px Verdana, Arial, Helvetica, sans-serif;}

.quote_request {height: 254px;border:1px solid #384749;border-top-right-radius: 5px;border-top-left-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.quote_request h3{text-align: center; background-color: #C2D6DA	;height: 30px; line-height: 26px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.quote_request ul {text-align: left; margin-left: 10%;display: block;list-style: none;}
.quote_request {background-color: #a2ccd7;margin: 2% 2% 2% 2%;}
.quote_request a {margin-left:4%}
.quote_request ul ul {margin-left:55%;padding: 10px 0 15px 0}
.quote_request input[type="text"] {width: 90%;}
.quote_request #CTA   {margin-top: 15px;margin-left: 50%} 

.quick_links {margin: auto auto;}
.quick_links h3{text-align: center;margin:5.5% 0 5%;}
.quick_links ul {text-align: center;}
.quick_links ul li  {display: block;text-decoration: none; Margin-top:10%;margin-bottom: 5px;}
.testimonials {margin: auto auto;padding: 15% 8% 10% 5%}
.testimonials p{margin: 15px;}

.credit-cards img{display: block; margin-left: 20px; margin-top: 25px;} 
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.1%;}
.span_1_of_3 {width: 32.2%;}

/*  GRID OF FOUR  */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}

/*  GRID OF SEVEN  */
.span_7_of_7 {width: 100%;}
.span_6_of_7 {width: 85.48%;}
.span_5_of_7 {width: 70.97%;}
.span_4_of_7 {width: 56.45%;}
.span_3_of_7 {width: 41.94%;}
.span_2_of_7 {width: 27.42%;}
.span_1_of_7 {width: 12.91%;}

/*  GRID OF EIGHT  */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.3%;}
.span_6_of_8 {width: 74.6%;}
.span_5_of_8 {width: 61.9%;}
.span_4_of_8 {width: 49.2%;}
.span_3_of_8 {width: 36.5%;}
.span_2_of_8 {width: 23.4%;}
.span_1_of_8 {width: 11.1%;}


@media only screen and (max-width: 930px) {
.full_kit p  {display: block; margin-top: 10px;margin-right:-15%}		
.slide_show {padding: 0 10% 0 10%;}	
.quote_request a {margin-left:2%;}	
}




/*============================= Screen Size < 770px ====================================*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	img { max-width: 95%; }
}

@media only screen and (max-width: 770px) {
	#toplogo img {width:52%;}
.slide_show {padding: 0 5% 0 8%;}	
.span_2_of_8 {width: 48%;}
.filler {width:100%;height:20px;background-color: #fff;margin-top:-16px}
#help {display: none;}

#new_products {height: 605px;}
.quote_request a {margin-left:2%;}
.quote_request ul {margin-left: 1%;}

}
	
/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	img { max-width: 100%; }
}
@media only screen and (max-width: 480px) {
	#toplogo img {width:70%;}
.credit-cards img{display: block;width: 125%; margin-left: 4%; margin-top: 10.5%;} 
	.AuthorizeNetSeal img {width:55%;height: auto;}
#about_us p {text-align: center;font: 12px/16px Verdana, Arial, Helvetica, sans-serif;color: #FFF; margin-top:5%;}
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_7, .span_4_of_7 {width:95%}
	#Left_Column p{margin-right: .2%;}
	.span_2_of_8 {width: 49%;}
}

/*  GO FULL WIDTH BELOW 400 PIXELS */
@media only screen and (max-width: 400px) {
	
	.col {  margin: 1% 0 1% 0%; }
	.span_2_of_8 {width: 47%;}
}