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;}
.txtrt {text-align:right}
.txtcen {text-align:center;}
#wrapper-bg {display: block; background-color: #fff;margin-top:12px;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: 10px; max-width: 95%; }
#bodycontainer {display: block; margin: auto; max-width: 1272px;}
#page_trim {display: block;max-width: 1272px;margin:auto; background-color: #61c5d9; height:0px;margin-top: .8%; margin-bottom: .1%;}
#page_trim h1 {padding-left: 15px; font-style: italic;font-size: 18px;}
#page_trim h3 {padding-left: 5px;margin-bottom:20px; font-style: italic;}
.trim {display: block; background-color: #AAA; height:3px;}
.filler {width:100%;height:20px;background-color: #fff;margin-top:3px}
.intro  {height:25px;background-color: #A2CCD7; width: 98%;margin-left:.5%;padding-left: 1.2%;margin-top:32px}
.intro h3 {padding-top: 3px;}
.intro_txt p {padding-left:1.5%}
.pic_group div img {width:80%;display: block; margin-left: auto;margin-right: auto;}
.micro_trim {display: block; background-color: #AAA; height:1px; margin: .5% 0 .2% 0;}
.trim-1 {display: block; background-color: #AAA; height:3px; margin: .5% 0 .2% 0;}
.trim-2 {display: block; background-color: #AAA; height:0px; margin: .5% 0 .2% 0;}
.pg1-intro {display: block;max-width: 1272px; margin:auto;}
.pg1-intro p {margin: 1.5%}
.pg1-intro .gls img {width:40%; margin-left:3%; margin-top: 20px}
.pg1-intro h3 {padding-left: 3%}
.pg1-intro p  {padding-left: 1.5%}
.Gal_Pic img {display: block;margin: 10px 10px 0 auto;width:95%;height:auto;padding-left: 2px;}
.Gal_Pic h3 {text-align: right; margin-right: 10px;}
.Features ul {display: block; padding-right: 3%;}
.line_image img {display:block;float:right;}
.Fab_Gal_Pic a img {display:block;width:55%}
.Fab_Gal_Pictxt p {margin: 5% 5% 0 5%}
.Fab_Gal_Pic h3 {float:right;margin-right: 25%}
.links ul li {display: block;text-align: center;}
#color_link1 ul {display:block;padding-top:10px;list-style-type: none;}
#color_link2 ul {display:block;padding-top:30px;list-style-type: none;}
.FabGal_Pic {height:300px;}
.Features h1  {display: block; margin-top: 25px; margin-left: 15%;}
.Features ul {display: block; padding-top:10px;margin-left:15% }
.FabGal_txt {height:150px;margin: 5%}
.FabDgnGal_txt {height:220px;margin: 5%;}
.FabDgnGal_txt p {margin-bottom:5%;}
#dgn_no {margin-top: 155px;}
.Fab_scatch img{height: 100px;}
.Fab_price h1 {float: right;padding-right: 15%;}
.Fab_pic img {height:250px;margin: 0px 10px auto;}
.Header {display: block; background-color: #A2CCD7; height:20px;margin: 5px 5px;}
.Header p {margin-left:5px;color: #666;}
.Header h1 {padding-left:5px;}
.pic100 p {float: left;font: 10px/12px Verdana, Arial, Helvetica, sans-serif;margin-left:10%;}
.pic100 img {display:block; width:95%;}
.pic100 h3 {float: left;}
.pic100txt li {float:left;margin:0 auto 0 15%;text-align:justify;}
.pic101txt li {float:left;margin:0 auto 0 15%;text-align:justify;}
.pic100txt h1 {margin: 30px auto 5px 10%;font-size:15px;}
.pic100txt h3 {margin: 10px auto 5px 10%;}
.pic100txt p {margin: 5px 10% 0 10%}
.TH {text-align:center;font: 9px/12px Verdana, Arial, Helvetica, sans-serif}
.TH  {display:block; width:65%; margin-top: 25px;}
.darrow {font-size: 9px; position: absolute; top: 2px; right: 10px;}
#gallery_links table {width:100%}
#gallery_links {padding: 15px 0 15px 0;width: 100%; background-color: #C2D6DA;}
#footer { margin-top: 2px; max-width: 100%; background-color: #115868;overflow: hidden}
#footer p {display: block;margin: 0px auto;text-align: center;} 
.Gal_Pic img {display:block; width: 80%;margin-left: auto;margin-right: auto;}
.Gal_Pic p {text-align: right;margin-right: 10%}
.Gal_Pictxt p {margin-left: 5%;margin-top: 8px;}
#eSD_footer p {text-align: center;}
#eSD_footer {background-color: #3e7283}
#eSD_footer ul li {display: block;}
#eSD_footer a {color: #fff}

/*  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 TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}


/*  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.8%;}
.span_1_of_8 {width: 11.1%;}

/*  GRID OF TWELVE  */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.06%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 66.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.06%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.866%;} 

.SecRow {padding-top: 100px;}

/*============================ Screen Size  < 930px ====================================*/
@media only screen and (max-width: 930px) {
.span_1_of_8 {width: 23.8%;}
	

.span_1_of_4 {width: 48.2%;}
#trim-2 {display: block; background-color: #444; height:3px; margin: .5% 0 .2% 0;}	
.b {list-style-type: square;;font: 12px/18px Verdana, Arial, Helvetica, sans-serif;color: #384749;}
.pic100txt li {float:left;margin:0 auto 0 35%;}
.pic101txt li {float:left;margin:0 auto 0 35%;}
.pic100txt {padding-top:25px;}
.pic101txt {padding-top:25px;}
#Right_Pic  {margin: 10px 10px 0 auto;padding-left: 2px;}
}

/*============================= 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) {
.b {list-style-type: square;;font: 12px/18px Verdana, Arial, Helvetica, sans-serif;color: #384749;}
#menu_icon {display: block;float: right; padding-right: 5px;padding-top: 10px;z-index:105;cursor:pointer;}
#help {display: none;}



#Right_Pic img {margin: 0 5px 0 auto;padding-left: 2px;}
#Right_Pictxt {margin-left: 2px;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.img { max-width: 95%; }
}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.img { max-width: 95%; }
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	#Left_Pic {width: 80%; padding-left: 10%;}
	#Right_Pic {width: 80%; padding-left: 10%;}
	#Left_Pictxt {width: 80%; padding-left: 10%;}
	#Right_Pictxt {width: 80%; padding-left: 10%;}
	#credit-cards img {width: 80%;}
}