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;}
#wrapper-bg {display: block; background-color: #fff;margin-top:14px;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: 0px; max-width:100%; }

#bodycontainer {display: block; margin: auto;margin-top: -15px; 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 h3 {padding-left: 5px;margin-bottom:20px; font-style: italic;}
#trim {display: block; background-color: #444; height:3px;}
#micro_trim {display: block; background-color: #444; height:1px; margin: .5% 0 .2% 0;}
#trim-1 {display: block; background-color: #444; height:3px; margin: .5% 0 .2% 0;}
#trim-2 {display: block; background-color: #444; height:0px; margin: .5% 0 .2% 0;}
.pg1-intro {display: block;max-width: 1272px; margin:auto;}
.pg1-intro p {margin: 1.5%}
.Left p {margin: 1.5%; padding-left:1.2%;margin-left:3%}
.Left ul li  {list-style-type: none;}
.Right p {margin-right: 2.5%}
.Right img {margin:1.5%;width:100%}
#Left_Pic p {margin: 1.5%; padding-left:1.2%;margin-left:3%}
#Left_Pic ul li  {list-style-type: none;}
#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%;}
.FabGal_Pic {height:300px;}
#Right_Pic img {margin:1.5%;width:100%}
.FabGal_txt {height:150px;margin: 5%}
.FabDgnGal_txt {height:200px;margin: 5%}
.FabDgnGal_txt p {margin-bottom:5%;}
.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:25px;margin: 35px 10px 0px 10px;}
.Header p {margin-left:5px;color: #666;}
.Header h3 {padding-left:8px;padding-top: 3px;}
.pic100txt li {float:left;margin:0 auto 0 15%;text-align:justify;}
.pic101txt li {float:left;margin:0 auto 0 15%;text-align:justify;}
.TH {text-align:right;margin-right: 2.5%}
.darrow {font-size: 9px; position: absolute; top: 2px; right: 10px;}
#gallery_links {padding: 15px 0 15px 0;width: 100%; background-color: #C2D6DA;}
#footer ul {font: 9px/12px Verdana, Arial, Helvetica, sans-serif;color: #888;}
#footer {display: block;margin: 0px auto; margin-top: 28px; max-width: 100%; background-color: #115868;overflow: hidden}
#footer h3,ul,img {text-align: center;} 
#credit-cards img {position: relitive;margin-left: 50%;}
#copy-right p {margin-top: 5px;text-align: center; }
/*  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%;}


/*============================ Screen Size  < 1400px ====================================*/
@media only screen and (max-width: 1400px) {
#Features {display: none;}
.TH .span_1_of_2 {width: 100%}
}
/*============================ 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 (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;}

.nav {position: absolute;;margin-left: 5px;margin-top:3px;border-bottom: 1px solid #384749;}
.nav ul{margin-left: 0px;}
.nav li, nav:active li {float:none;}
.nav li {font: 20px Arial, Helvetica, sans-serif;border-bottom: 1px solid #FFF;height:40px;text-align: center;width: 100%;line-height:40px;padding: 0px;margin: 0px;background-color: #D8D8D8;}
.nav li { padding:10px 0 1px 0;display:none;border-left:1px solid #384749;border-right:1px solid #384749;border-bottom:1px solid #384749;}

.nav ul li ul {display: block;top:15px;}
.nav ul li{width: 150px;}
.nav ul li ul:hover li {display: block;background-color: #D8D8D8;}
.nav ul li ul a {font: 16px/18px Arial, Helvetica, sans-serif;margin-top:12px;}
.nav {color: #E5633B; width: 150px;}
.nav ul li{padding: 1px 0px 0px 0px;}
.nav ul a {padding-top: 5px; padding-bottom: 5px;}
	
.nav ul.sub1{display: none; position:absolute; top: 10px; left: 150px;}
.nav ul.sub1 a {width: 96%; height: 25px;padding-top: 10px;}
.nav ul.sub2{display: none; position:absolute; top: 10px; left: 154px;}
.nav ul.sub2 a {width: 98%}
.nav ul.sub3{display: none; position:absolute; top: 10px; left: 154px;}	
.nav ul.sub3 li {width:79%}
div.nav-expanded {display:block;}	

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

	
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	
	.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%;}
}