html {
  min-height: 100%;
}

body
{
	background-color:#f3f3f3;
    margin: 0 auto;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #626366;
	background-repeat:repeat;
	background-image: url(../images/diamond_upholstery.jpg);
    _background-image: url(../images/diamond_upholstery.jpg);
	min-width:320px;
}

textarea, input
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #626366;
	background-color:#E6E6E6;
	padding:2.2%;
	border:none;
	margin:1%;
	width:93%;
}

ul {padding:0 0 4% 9%;}

.custom-list {
	list-style: url(images/chevron.png);
	padding: 0;
	margin-left: 2.5%;
}

.custom-list li {
    position: relative;
	padding-left:5px;
	padding-bottom:2px;
}

.white-bg {
	height:auto;
	background-color:#FFF;
	z-index:50;
	width:100%;
	max-width:1024px;
	min-width:320px;
	position:absolute;
  	top: 0;
}

.bg-graphic {
	background-color:#FFFFFF;
	z-index:0;
	width:100%;
	height: 100%;
	max-width:1024px;
	min-width:320px;
	position:absolute;
  	top: 0;
	bottom: 0;
}

.contact-content {
	height:auto;
	background-color:transparent;
	z-index:50;
	width:100%;
	max-width:1024px;
	min-width:320px;
	position:absolute;
  	top: 0;	
}

.edu-content {
	height:auto;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-image: url(../images/landscape-architecture-education-851-950.png);
    _background-image: url(../images/landscape-architecture-education-851-950.png);
	min-width:320px;
	z-index:50;
	width:100%;
	max-width:1024px;
	min-width:320px;
	position:absolute;
  	top: 0;	
}

.products-content {
	height:auto;
	background-color:transparent;
	z-index:100;
	width:100%;
	max-width:1024px;
	min-width:320px;
	position:absolute;
  	top: 0;	
}

.brands-content {
	height:auto;
	background-color: #fff;
	z-index:125;
	width:100%;
	max-width:1024px;
	min-width:320px;
	position:absolute;
  	top: 0;	
}

.edu-container {
	clear:both;
	margin: 0 auto;
	width:100%;
	height: 100%;
	max-width:1024px;
	min-width:320px;
}

.container {
	clear:both;
	margin: 0 auto;
	width:100%;
	min-height: 100vh;
	max-width:1024px;
	min-width:320px;
}

.home-container {
	clear:both;
	margin: 0 auto;
	width:100%;
	max-width:1024px;
	min-width:320px;
	background-color: #fff;
}

.section-inset {
		clear: both;
		padding: 3% 6% 0% 6%;
		margin: 0;
	}
	
	.section {
		clear: both;
		padding: 0 0;
		margin: 0;
		z-index:150;
	}

/*  COLUMN SETUP  */
	.col {
		display: block;
		float:left;
		margin: 0 3.5% 0 0;
	}
	.col:first-child { margin-left: 0; }
	
	/*  GROUPING  */
	.group:before,
	.group:after {
		content:"";
		display:table;
	}
	.group:after {
		clear:both;
	}
	
	/*  GRID OF FOUR  */
	.span_4_of_4 {
		width: 100%;
	}
	.span_3_of_4 {
		width: 60%;
	}
	.span_2_of_4 {
		width: 40%;
	}
	.span_1_of_4 {
		width: 21%;
	}
	
	/*  GRID OF FOUR PRODUCTS PAGE */
	.span_1_of_4_products {
		width: 18.5%;
		float:left;
	}

	/*  GRID OF TWO EDUCATION PAGE */
	.span_2_of_4_education {
		width: 45%;
		float:left;
	}
	
	/*  GRID OF FOUR BRANDS PAGE */
	.span_1_of_4_brands_top {
		width: 21.5%;
		padding-bottom: 2%;
	}
	.span_1_of_4_brands_bottom {
		width: 21.5%;
		height: 350px;
	}

	.ironsmith {
		padding-top:15%;
	}
	
	/*  GRID OF FOUR CONTACT PAGE  */

	.span_2_of_4_contact {
		width: 50%;
	}
	.span_1_of_4_contact {
		width: 30%;
	}
	
	/*  GRID OF TWO  */
	
	.span_1_of_2 {
			width: 50%;
		}
	.span_2_of_2 {
			width: 100%;
		}


.common-bg-elements {
	z-index:0;
	height:auto;
	max-width:1024px;
	min-width:320px;
	background-color:transparent;
	position:absolute;
	top:0;
	pointer-events: none;
}

.contact-bg-elements {
	z-index:0;
	height:auto;
	max-width:1024px;
	min-width:320px;
	background-color:transparent;
	position:relative;
}

.bg-image-edu-950 {
	float:right;
	background-color:#FFFFFF;
	z-index:120;
}

.bg-image-950 {
	float:right;
	background-color:transparent;
	z-index:120;
}

.bg-image-768 {
	display:none;
}

.bg-image-600 {
	display:none;
}

.bg-image-480 {
	display:none;
}

.bg-image-400 {
	display:none;
}

a:link {color:#626366; text-decoration:none;}
a:visited {color:#626366; text-decoration:none;}
a:hover {color:#8DC63F; text-decoration:underline;}
a:active {color:#8DC63F; text-decoration:underline;}

a.highlight:link {color:#8DC63F; text-decoration:none;}
a.highlight:visited {color:#8DC63F; text-decoration:none;}
a.highlight:hover {color:#8DC63F; text-decoration:underline;}
a.highlight:active {color:#8DC63F; text-decoration:underline;}

a.header:link {color:#FFF; text-decoration:none;}
a.header:visited {color:#FFF; text-decoration:none;}
a.header:hover {color:#FFF; text-decoration:underline;}
a.header:active {color:#FFF; text-decoration:underline;}

#footer {
	clear:both;
	margin: 0 auto;
	width:96%;
    height:auto;
	padding:2%;
	max-width:1024px;
	min-width:275px;
	position:relative;
	z-index:50;
}

.header-bar {
	background-color:transparent;
	width:100%;
	max-width:1024px;
	min-width:275px;
	float:right;
	position:absolute;
	top:0;
	z-index:150;
	font-size: 13px;	
}

.social {
	width:6%;
	padding-top:0.5%;
	float:left;	
}

 .intro
{
	float:left;
	width:75%;
	padding:1% 0 0 10%;
}

.nav-bar {
	width:auto;
	padding:1.5% 1.5% 0.25% 1.5%;
	border-left-width: thin;
 	border-left-style: solid;
  	border-left-color: #626366;
	color:#626366;
	float:right;
	position:relative;
	z-index:150;
	font-weight:normal;
}

.nav-bar-reverse {
	width:auto;
	padding:1.5% 1.5% 0.25% 1.5%;
	border-left-width: thin;
 	border-left-style: solid;
  	border-left-color: #FFF;
	color:#FFF;
	float:right;
	position:relative;
	z-index:150;
	font-weight:normal;
}

.nav-bar-highlight {
	width:auto;
	padding:1.5% 1.5% 0.25% 1.5%;
	border-left-width: thin;
 	border-left-style: solid;
  	border-left-color: #FFF;
	color:#FFF;
	background-color:#8DC63F;
	float:right;
	position:relative;
	z-index:150;
	font-weight:normal;
}

.nav-bar-highlight2 {
	width:auto;
	padding:1.5% 1.5% 0.25% 1.5%;
	border-left-width: thin;
 	border-left-style: solid;
  	border-left-color: #626366;
	color:#FFF;
	background-color:#8DC63F;
	float:right;
	position:relative;
	z-index:150;
	font-weight:normal;
}

.bar-1 {
	width:32%;
	padding:0.75% 1.5%;
	text-align: left;
	vertical-align: middle;
	float:left;
	position:relative;
	font-weight:normal;
}
.bar-highlight-1 {
	width:32%;
	padding:0.75% 1.5%;
	text-align: left;
	vertical-align: middle;
	color:#FFF;
	background-color:#8DC63F;
	float:left;
	position:relative;
	font-weight:normal;
}
.bar-2 {
	width:13%;
	padding:0.75% 1.5%;
	text-align: left;
	vertical-align: middle;
	float:left;
	position:relative;
	font-weight:normal;
}
.bar-highlight-2 {
	width:13%;
	padding:0.75% 1.5%;
	text-align: left;
	vertical-align: middle;
	color:#FFF;
	background-color:#8DC63F;
	float:left;
	position:relative;
	font-weight:normal;
}

.subheading {
	font-size:20px;
	line-height:25px;
	float:left;
}

.tollfree {
	padding:1% 2% 0 2%;
}

.green
	{
		color:#8DC63F;
	}

.clear-row {
	clear:both;
}

.float-left {
	float:left;
}

.logos {
	clear:both;
	padding-bottom:10%;
}

.space-after {
	padding-bottom:10%;
}

.small-space-after {
	padding-bottom:1.5%;
}

.logo {
	padding:8% 0 12% 15%;
}

.sidebar {
	border-left-style:solid;
	border-left-width:4px;
	border-left-color:#8DC63F;
	padding:5% 0 5% 7%;
	
}

.sidebar_contact {
	border-left-style:solid;
	border-left-width:4px;
	border-left-color:#8DC63F;
	padding:5% 0 5% 7%;
	margin-left:40%;
	
}

.sidebar_signup {
	border-left-style:solid;
	border-left-width:4px;
	border-left-color:#8DC63F;
	padding:5% 0 5% 7%;
	
}

.button {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#626366;
	padding:2.5% 3.5% 2.5% 3.5%;
	border:none;
	cursor:pointer;
	width:auto;
	float:right;
	text-align:center;
}

.button:hover {
  background-color:#8DC63F;
 }

.sign-up-button {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#626366;
	padding:2.5% 3.5% 2.5% 3.5%;
	border:none;
	cursor:pointer;
	width:auto;
	float:left;
	text-align:center;
}

.sign-up-button:hover {
  background-color:#8DC63F;
 }
 
 .legal-copy
	{    
	margin-top:-3%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color:#666;
}

.brands-margin-top {
	margin-top:0;
}

.brands-spacer {
	display:block;
	height:350px;
	float:left;
}

.brands-callout {
	display:block;
}

.desktop-display {
	display:block;
}

.mobile-device {
	display:none;
}


@media only screen and (max-width: 950px) {
	
.bg-image-1024 {
	display:none;
}

.bg-image-950 {
	display:block;
}

.bg-image-768 {
	display:none;
}

.bg-image-480 {
	display:none;
}

.bg-image-400 {
	display:none;
}	
	
	}

@media only screen and (max-width: 870px) {

	.span_1_of_4_brands_bottom {
		width: 21.5%;
		height: 420px;
	}	
	.custom-list li {
    position: relative;
	padding-left:5px;
	padding-bottom:0;
}

			}

@media only screen and (max-width: 768px) {
.edu-content {
	height:auto;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-image: url(../images/laces-courses-600-768.png);
    _background-image: url(../images/laces-courses-600-768.png);
	min-width:320px;
	z-index:50;
	width:100%;
	max-width:1024px;
	min-width:320px;
	position:absolute;
  	top: 0;	
}
	
	
/*  GRID OF TWO EDUCATION PAGE */
	.span_2_of_4_education {
		width: 45%;
		float:left;
	}
		
.bg-image-1024 {
	display:none;
}

.bg-image-950 {
	display:none;
}
	
.bg-image-900 {
	display:none;
}
	
.bg-image-820 {
	display:none;
}

.bg-image-768 {
	display:block;
}

.bg-image-600 {
	display:none;
}

.bg-image-480 {
	display:none;
}

.bg-image-400 {
	display:none;
}

.nav-bar-reverse {
	height:24%;
	padding:1.5% 1.5% 0.25% 1.5%;
	border-left-width: thin;
 	border-left-style: solid;
  	border-left-color: #626366;
	color:#626366;
	float:right;
	font-weight:normal;
}

.nav-bar-highlight {
	height:24%;
	padding:1.5% 1.5% 0.25% 1.5%;
	border-left-width: thin;
 	border-left-style: solid;
  	border-left-color: #626366;
	color:#FFF;
	background-color:#8DC63F;
	float:right;
	font-weight:normal;
}

a.header:link {color:#626366; text-decoration:none;}
a.header:visited {color:#626366; text-decoration:none;}
a.header:hover {color:#8DC63F; text-decoration:underline;}
a.header:active {color:#8DC63F; text-decoration:underline;}

	.span_2_of_4 {
		width: 42%;
	}
	.span_1_of_4 {
		width: 30%;
	}
	
	/*  GRID OF FOUR CONTACT PAGE  */

	.span_2_of_4_contact {
		width: 50%;
	}
	.span_1_of_4_contact {
		width: 30%;
	}
	
	/*  GRID OF FOUR PRODUCTS PAGE  */

	.span_2_of_4_products {
		width: 50%;
	}
	.span_1_of_4_products {
		width: 25%;
	}
	
	/*  GRID OF FOUR BRANDS PAGE */
	.span_1_of_4_brands_top {
		width: 28%;
	}
	.span_1_of_4_brands_bottom {
		width: 42%;
		height:290px;
	}
	
	.ironsmith {
		padding-top:10%;
	}

.brands-margin-top {
	margin-top:25%;
}

.brands-spacer {
	display:none;
}

.logos {
	clear:both;
	padding-bottom:12%;
}
.brands-callout {
	display:none;
}
		
	}
	
@media only screen and (max-width: 600px) {

.edu-content {
	height:auto;
	background-color:#FFFFFF;
	background-size: 100% auto;
	background-image: url(../images/laces-courses-480-600.png);
    _background-image: url(../images/laces-courses-480-600.png);
	min-width:320px;
	z-index:50;
	width:100%;
	max-width:1024px;
	min-width:320px;
	position:absolute;
  	top: 0;	
}
	
	
.bg-image-1024 {
	display:none;
}

.bg-image-950 {
	display:none;
}

.bg-image-768 {
	display:none;
}

.bg-image-600 {
	display:block;
}

.bg-image-480 {
	display:none;
}

.bg-image-400 {
	display:none;
}

/*  GRID OF FOUR  */
	.span_4_of_4 {
		width: 100%;
	}
	.span_3_of_4 {
		width: 80%;
	}
	.span_2_of_4 {
		width: 50%;
	}
	.span_1_of_4 {
		width: 30%;
	}
	
	/*  GRID OF TWO EDUCATION PAGE */
	.span_2_of_4_education {
		width: 84%;
		float:left;
	}
	
	/*  GRID OF FOUR CONTACT PAGE  */

	.span_2_of_4_contact {
		width: 89%;
	}
	.span_1_of_4_contact {
		width: 75%;
	}
	
	/*  GRID OF FOUR BRANDS PAGE */
	.span_1_of_4_brands_top {
		width: 44%;
	}
	.span_1_of_4_brands_bottom {
		width: 44%;
		height:320px;
	}
	
	.ironsmith {
		padding-top:12%;
	}
	
	/*  GRID OF FOUR PRODUCTS PAGE  */

	.span_2_of_4_products {
		width: 50%;
	}
	.span_1_of_4_products {
		width: 26.5%;
	}
	
	.space-after {
	padding-bottom:12%;
}

.contact-inset {
	margin-left:5.25%;
}

.sidebar_contact {
	border-left-style:solid;
	border-left-width:4px;
	border-left-color:#8DC63F;
	padding:2% 0 5% 7%;
	margin-left:52%;
	
}

.social {
	width:8.75%;
	padding-top:1%;
	float:left;	
}

.contact-inset {
	margin-left:6.5%;
}

.brands-callout {
	display:none;
}

.logos {
	clear:both;
	padding-bottom:14%;
}

.desktop-display {
	display:none;
}

.mobile-device {
	display:block;
}
	
}

@media only screen and (max-width: 500px) {

.bg-image-1024 {
	display:none;
}

.bg-image-950 {
	display:none;
}
	
.bg-image-900 {
	display:none;
}
	
.bg-image-820 {
	display:none;
}

.bg-image-768 {
	display:none;
}

.bg-image-600 {
	display:none;
}

.bg-image-480 {
	display:block;
}	

.bg-image-400 {
	display:none;
}	

/*  GRID OF FOUR  */
	.span_4_of_4 {
		width: 100%;
	}
	.span_3_of_4 {
		width: 80%;
	}
	.span_2_of_4 {
		width: 80%;
	}
	.span_1_of_4 {
		width: 40%;
	}
	/*  GRID OF TWO EDUCATION PAGE */
	.span_2_of_4_education {
		width: 80%;
		float:left;
	}
	
	/*  GRID OF FOUR CONTACT PAGE  */

	.span_2_of_4_contact {
		width: 82%;
	}
	.span_1_of_4_contact {
		width: 75%;
	}
	
	/*  GRID OF FOUR BRANDS PAGE */
	.span_1_of_4_brands_top {
		width: 44%;
	}
	.span_1_of_4_brands_bottom {
		width: 44%;
		height:325px;
		padding-bottom:5%;
	}
	
	/*  GRID OF FOUR PRODUCTS PAGE  */

	.span_2_of_4_products {
		width: 50%;
	}
	.span_1_of_4_products {
		width: 25%;
	}
	
	.social {
	width:11%;
	padding-top:1%;
	float:left;	
}
.space-after {
	padding-bottom:10%;
}

.nav-bar-reverse {
	height:28%;
	padding:2.5% 3% 1% 3%;
	border-left-width: thin;
 	border-left-style: solid;
  	border-left-color: #626366;
	color:#626366;
	float:right;
	font-weight:normal;
}

.nav-bar-highlight {
	height:28%;
	padding:2.5% 3% 1% 3%;
	border-left-width: thin;
 	border-left-style: solid;
  	border-left-color: #626366;
	color:#FFF;
	background-color:#8DC63F;
	float:right;
	font-weight:normal;
	
}

.tollfree {
	padding:2% 3% 0 3%;
}	

.logo {
	padding:25% 0 10% 15%;
}

.contact-inset {
	margin-left:7%;
}

.sidebar_contact {
	display:none;
}

textarea, input
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #626366;
	background-color:#E6E6E6;
	padding:3%;
	border:none;
	margin:1%;
	width:93%;
}

.brands-margin-top {
	margin-top:100%;
	padding-top:22%;
}

.logos {
	clear:both;
	padding-bottom:15%;
}
	
}

@media only screen and (max-width: 400px) {

.bg-image-1024 {
	display:none;
}

.bg-image-950 {
	display:none;
}
	
.bg-image-900 {
	display:none;
}
	
.bg-image-820 {
	display:none;
}

.bg-image-768 {
	display:none;
}

.bg-image-600 {
	display:none;
}

.bg-image-480 {
	display:none;
}	

.bg-image-400 {
	display:block;
}

.span_1_of_4 {
		width: 50%;
	}
	
	.header {
	background-color:transparent;
	width:100%;
	height:auto;
	float:right;
	padding-bottom:3%;	
}

.sidebar_contact {
	display:none;
}

.subheading {
	font-size:18px;
	line-height:24px;
	float:left;
}

.brands-margin-top {
	margin-top:100%;
	padding-top:50%;
}

/*  GRID OF FOUR BRANDS PAGE */
	.span_1_of_4_brands_top {
		width: 74%;
		padding-bottom:8%;
	}
	.span_1_of_4_brands_bottom {
		width: 95%;
		height:220px;
	}
	
	/*  GRID OF FOUR PRODUCTS PAGE  */

	.span_2_of_4_products {
		width: 50%;
	}
	.span_1_of_4_products {
		width: 40%;
	}
	
	.logos {
	clear:both;
	padding-bottom:10%;
}

}

@media only screen and (max-width: 320px) {
	
	.brands-margin-top {
	margin-top:100%;
	padding-top:45%;
}
.span_2_of_4 {
		width: 80%;
	}
	.span_1_of_4 {
		width: 70%;
	}
	
	/*  GRID OF FOUR BRANDS PAGE */
	.span_1_of_4_brands_top {
		width: 80%;
		padding-bottom:8%;
	}
	.span_1_of_4_brands_bottom {
		width: 90%;
		height:230px;
	}
	
	.social {
	width:12%;
	padding-top:1%;
	float:left;	
}
	
}