/* Basic Styles ------------*/


html { font-size: 1em;}

body {background: #000 url('img/texture1.png') repeat;
	  margin:0px;
	  font-family: helvetica, arial, sans-serif;
	  line-height:1.125rem;}

img {max-width:100%;

	 float:left;
	 margin:10px 10px 5px 0px;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
	/*border:1px solid #484848; */
}

p {font-size: 0.875rem;
   float:left;
   color: #fff;
   padding:10px 0px;}

address {padding-top: 10px;
		color: #fff;}

h1 {font-size: 28px;
	line-height: 24px;}


h2{font-size: 24px;
	color: #3b934c;}


h3{font-size: 20px;
	color: #3b934c;}

h1, h2, h3 {
			padding-top:6px;}

.copy {color:#484848;
	text-align: center;
	max-width: 100%;
	width:100%;
	font-size: .625rem;}

/* rope styles -————————- */

/* slider styles  -————————- */
.bjqs-wrapper {float:left;
				margin-bottom:10px;}


.gridslide {padding:0px;
            max-width:940px;
            width:100%;
            float:left;}
				

/* slider styles  -————————- */
.toprope {
          max-width:640px;
          width:100%;
      }


.topaddress {font-size: 0.875rem; color:#fff; float:right; padding: 10px 10px;}

.hours {font-size: 0.875rem; color:#fff; text-align:right; float:right; padding: 10px 10px;}

.social {
	text-decoration: none;
	font-weight: bold;
	color: #3B934C;

}

.thumbsmall {max-width: 133px;
			 margin-right: 7px;
             }

/* Clear fix -————————- */

.group:before,
.group:after {content:"";
display:table;}

.group:after {clear:both;}

/* Clear fix for I.E 6 & 7 -————————- /
.group {zoom:1;}

/* End Clear fix -————————- */

/* Box Sizing -————————- */

.size {	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
}

/* End Box Sizing -————————- */


/* Grid Classes -------------*/
.grid12, 

.grid11,

.grid10,

.grid9,

.grid8,

.grid7,

.grid6,

.grid5,

.grid4,

.grid3,

.grid2,

.grid1

{ float:left;
  width:100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  padding:10px;
}

.grid12 { max-width:940px;
          
         }

.grid11 {}

.grid10 {max-width: 920px}

.grid9	{}

.grid6	{min-width: 200px;
			max-width:450px;
			margin:10px 20px 0px 0px;
			background-color: ;}

.grid7	{}

.grid8	{   min-width: 200px;
			max-width:620px;
			margin:10px 20px 20px 0px;
			background-color: ;
		}

.grid5	{}

.grid4	{
		 min-width:200px;
		 width:300px;
		 margin:10px 20px 20px 0px;
		 
		}

.grid4 img {float:none;
			max-width: 250px}



.grid3	{}

.grid1 {}

.grid1 {}

.last {margin-right: 0px;}

#gridwrap {max-width: 960px;
		   width:100%;
		   color: #fff;
		   height: 800px;
		   padding:0px 10px;
		   margin: 0px auto;}
		  /* outline: 1px solid red;} */

/* Smartphones (portrait) ----------- */


/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 974px)  {

.grid4	{
		 width:30%;
		 margin:10px 5% 20px 0px;
		background-color: ;
		}

.grid8	{
		 width:65%;
		 margin:10px 5% 20px 0px;
		
		}

.grid8 p {float:left;}
img.thumbsmed {width:100%;
	 max-width:300px;
	 float:left;
	 margin:10px 10px 5px 0px;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border:1px solid #484848;
}

.thumbsmall {max-width: 125px;
			 margin-right:5px;
             }


.last {margin-right: 0%;}

}

/* tablets medium (portrait and landscape) ----------- */
@media only screen and (max-width : 710px)  {

.grid4	{
		width: 100%;
		margin:10px 2% 20px 0px;
		background-color: ;
		}

.grid8	{
		 max-width:700px;
		 width:100%;
		 margin:10px 0% 20px 0%;
		
		}

.thumbsmall {max-width: 125px;
			 margin-right:5px;
             }



.last {margin-right:0%;}

}


@media only screen and (max-width : 320px) {
/* Styles */

.grid4	{
		 
		 width:100%;
		 margin:10px 5% 20px 0px;
		background-color: ;
		}

.gridslide {width: 100%;
			padding: 0px 0px 30px 0px ;}

img {max-width:100%;

	 float:left;
	 margin:10px 10px 10px 0px;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
	/*border:1px solid #484848; */
.last {margin-right: 0%;}

body {background:;}
}