html, body {
	background:#000 url(../images/layout/bg_bars.png) top center repeat-y;
	padding:0px;
	margin:0px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#464646;
}

/* GLOBAL STYLES */

h1 {
	color:#48677e;
	font-size:15px;
	margin-top:0px;
	padding-top:0px;
}
h2 {
	color:#48677e;
	font-size:15px;
}
.clear-fix {
	clear:both;
}
img {
	border:none;
	max-width:100%;
}

a:link, a:visited {text-decoration:none; color:#737373;}
a:hover, a:active, a:focus { text-decoration:none; color:#48677e;}

.float-right {
	float:right;
	width: 34%;
}

.float-left {
	float:left;
	width: 60%;
}

.about-left{float:left; width: 46%;}
.about-right{float:right; width: 51%;}

.show-left{float:left; width: 34%;}
.show-right{float:right; width: 60%;}

.contact-left{float:left; width: 51%;}
.contact-right{float:right; width: 46%;}

/* CONTAINER */

#container {
	margin: 0px auto;
}

/* HEADER */

#header-wrap {
	width:100%;
	background:#ededed url(../images/layout/bg_hdr-0.jpg) top center no-repeat;
}

#header {
	height:120px;
	max-width:749px;
	width:100%;
	margin: 0px auto;
	background:url(../images/layout/bg_hdr-1.jpg) top center no-repeat;
	position:relative;
}

.hdr-logo {
	position:relative;
	top:34px;
	padding-left:30px;
	background-image: url(BRIDGEHAMPTON%20STONE%20&%20MOSAIC);
	float:left;
}

/* HEADER NAVIGATION */

#navs {
	position:relative;
	top:33px;
	padding-right: 60px;
	float: right;
}

#navs ul {
	float:right;
	margin:0px;
	padding:5px 12px 0px 12px;
}

.border-black {
	border-right:1px solid #000;
}

#navs li {
	list-style: none;
	padding:0px 0px 7px 0px;
	margin:0px;
	height:10px;
}

#navs-col1 {
	float:left;
	display:block;
	height:54px;
	width:109px;
	border-right:1px solid #000;
	padding:6px 12px 0 12px;
}

#navs-col2 {
	float:left;
	display:block;
	height:54px;
	width:109px;
	padding:6px 12px 0 12px;
}

#navs-col1 img, #navs-col2 img {
	padding:0 0 10px 0;
}

/* PAGE CONTENT */

#content-wrap {
	width:100%;
	background:#FFF;
}

#content {
	margin: 0px auto;
	max-width:696px;
	background: url(../images/layout/bg_bars.png) top center repeat-y;
	padding:40px 23px 50px 30px;
}

.text-wrap {
	border-top:1px #525957 solid;
	width:320px;
}

.show-text-wrap {
	border-top:1px #525957 solid;
	width:415px;
}

.fab-text-wrap {
	border-top:1px #525957 solid;
	width:415px;
}

.show-manu-border {
	border-right:1px #525957 solid;
	/*width:222px;*/
	width:100%;
}

.photo-float {
	float:right;
}

.slideshow {
	/*background:url(../images/layout/bg_photo.png) left no-repeat;
	height:341px;
	width:231px;*/
}

.cycle-slideshow img {
	/*padding:4px 9px 6px 4px;*/
	-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
}

/* FOOTER */

#footer-wrap {
	width:100%;
}

#footer {
	margin: 0px auto;
	max-width:594px;
	width:100%;
	height: 66px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	text-align:right;
	padding:24px 155px 30px 0;
	position:relative;
}

#footer a:link, #footer a:visited {text-decoration:none; color:#737373;}
#footer a:hover, #footer a:active, #footer a:focus { text-decoration:none; color:#48677e;}
#footer a.footerPhone{color:#FFFFFF;}

.ftr-logo {
	position:absolute;
	top:-26px;
	right:30px;
}

.show-left .cycle-slideshow img, .about-right img, .contact-left img{-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
}

.homeSlides{width:100%;}
.homeSlides .cycle-slideshow{float:left; margin:0px 2%; width:29%;}

.grid-item{max-width:325px; text-align:center;}
.grid-item img{}
.grid-item span{}

.inventory{float:left; max-width:380px; height:280px; text-align:center; margin: 0px auto 48px; font-size:16px; width:100%;}

.inventoryImg{max-width:325px; max-height:325px; margin: 0px 7%; height: calc(100% - 40px);}
.inventoryImg a img{position: relative; top:50%; transform:translateY(-50%);}
.inventoryText{padding-top: 20px;}
/*.inventory:nth-child(3n+2){border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5;}
.inventory:nth-child(1n+4){border-top:1px solid #b5b5b5;}*/

.inventoryBtn{ font-size: 13px; background: #3a7090; border:1px solid #FFFFFF; border-radius: 2px; padding: 9px 14px; text-decoration: none; color: #fff; font-weight: bold; display: inline-block; margin-top: -1px; text-transform: uppercase; vertical-align: middle; position: absolute; top: -16px; left: 30px;}
.inventoryBtnBreak{display:none;}
#footer a.inventoryBtn, #footer a.inventoryBtn:visited, #footer a.inventoryBtn:hover, #footer a.inventoryBtn:active, #footer a.inventoryBtn:focus{color:#FFFFFF;}

@media (min-width:1001px) {

html, body{background-image:none;}

#header-wrap{padding: 0px 7%; width:86%;}
#content-wrap{padding: 0px 7%; width:86%;}
#footer-wrap{padding: 0px 7%; width:86%;}

#header{
border-left:#B5B5B5 solid 1px; 
border-right:#B5B5B5 solid 1px;
margin: 0px auto;
background:none;
max-width: 1200px;
width: auto;
}

#content{
border-left:#B5B5B5 solid 1px; 
border-right:#B5B5B5 solid 1px;
margin: 0px auto;
background:none;
max-width: 1147px;
min-height: 430px;
}

#footer{
border-left:#B5B5B5 solid 1px; 
border-right:#B5B5B5 solid 1px;
margin: 0px auto;
background:none;
max-width: 1045px;
width: auto;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(#B5B5B5), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(#B5B5B5, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(#B5B5B5, rgba(0, 0, 0, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(#B5B5B5, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, #B5B5B5, rgba(0, 0, 0, 0)) 1 100%;
	  height:150px;
}

.text-wrap {width:auto;}
.show-text-wrap {width:auto;}
.fab-text-wrap {width:auto;}

.float-left{width: calc(100% - 360px);}
.float-right{width:auto;}
.show-right{width: calc(100% - 360px);}
.show-left{width:auto;}
.about-left{width: calc(100% - 610px);}
.about-right{width:auto;}
.contact-left{width:auto;}
.contact-right{width: calc(100% - 610px);}

#navs{float:left;}

.homeSlides .slideshow{width:334px; height: 500px; }
}

@media (min-width:749px) and (max-width:1000px){
	
html, body{background-image:none;}

#header-wrap{padding: 0px 3%; width:94%;}
#content-wrap{padding: 0px 3%; width:94%;}
#footer-wrap{padding: 0px 3%; width:94%;}

#header{
border-left:#B5B5B5 solid 1px; 
border-right:#B5B5B5 solid 1px;
margin: 0px auto;
background:none;
max-width: 1000px;
width: auto;
}

#content{
border-left:#B5B5B5 solid 1px; 
border-right:#B5B5B5 solid 1px;
margin: 0px auto;
background:none;
max-width: 947px;
min-height: 430px;
}

#footer{
border-left:#B5B5B5 solid 1px; 
border-right:#B5B5B5 solid 1px;
margin: 0px auto;
background:none;
max-width: 845px;
width: auto;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(#B5B5B5), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(#B5B5B5, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(#B5B5B5, rgba(0, 0, 0, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(#B5B5B5, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, #B5B5B5, rgba(0, 0, 0, 0)) 1 100%;
}

.text-wrap {width:auto;}
.show-text-wrap {width:auto;}
.fab-text-wrap {width:auto;}

#navs{float:left;}

}

@media (max-width:748px) {
	#header-wrap{background-color:#FFFFFF;}
	#header{text-align:center; height:200px;}
	.hdr-logo{float:none; padding:0px;}
	#navs{float:none; padding:0px; width: 250px; top:42%; margin:0px auto;}
	.border-black{float:left !important;}
	#footer{float:right;}
	.float-right {float:none; width:100%;}
	.float-right .cycle-slideshow{display:none;}
	.float-left {float:none; width:100%;}
	.float-left .cycle-slideshow{display:none;}
	.about-left{float:none; width:100%;}
	.about-right{float:none; display:none;}
	.show-left{float:none; width:100%;}
	.show-left .cycle-slideshow{display:none;}
	.show-right{float:none; width:100%;}
	.contact-left{float:none; width:100%;}
	.contact-right{float:none; width:100%;}
	.text-wrap {width:100%;}
	.show-text-wrap {width:100%;}
	.fab-text-wrap {width:100%;}
	.show-manu-border {width:100%; border-right:none; border-top:1px #525957 solid;}
	.photo-float {display:none;}
	.contactImg{display:none;}
	.inventoryBtn{position:initial; margin-bottom: 20px;}
	.inventoryBtnBreak{display:initial;}
	.inventory{float:none;}
}

@media (max-width:500px) {
	.hdr-logo{padding:0px 24px; box-sizing:border-box;}
	#footer{padding:24px 24px 30px 24px; text-align:left; box-sizing: border-box; height:auto;}
	.ftr-logo{display:none;}
}

@media (max-width:320px) {
	.footerBar{display:none;}
}