@charset "UTF-8";
/* CSS Document */


body {
	font-family: Lato, Verdana, Geneva, sans-serif;
	background-image: url(../Assets/backgrounds/diamond_upholstery.png);
}
img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}





.scalable {
	width: auto;
	height: auto;
	max-width: 100%;
}

.scalable-center {
	width: auto;
	height: auto;
	max-width: 100%;
	text-align: center;
}

















.fb h3 {
	font-size: .9em;
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 10px;
	padding: 4px 10px;
}

/* Highlite text */
.fontyellowbg {
background-color: #FFFF00;	
	
}


/*faux button UL.*/
.fb ul {
	margin: 0;
	padding: 0;
	
}

/*The menu list items. Margin-bottom provides some separation between each item and may be edited.*/
.fb ul li {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 0px;
	
	
}


.fb a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 8px 15px;
	font-size: .8em;
	border: 1px solid #000;
	border-radius: 10px;
	background-color: #E2E2E2;
	-webkit-box-shadow: 0px 0px 15px #DDD;
	box-shadow: 0px 0px 15px #DDD;
	margin-bottom: 10px;

}

/*The menu links hover and focus states. A box shadow effect changes for this state. */
.fb a:hover, .fb a:focus {
	color: #000000;
	border-color: #222;
	background-color: #cccccc;
	box-shadow: 5px 5px 30px #999;
	outline: 0;
}


.dark-row {
	background-image: url(images/black-noise.png);
}
.light-row {
	background-color: #FFF;
	background: rgba(255,255,255,0.65);
	background-image: url(images/white-noise.png);
	color: #000;
}

.lbm-row.black {
	background-color: rgba(0,0,0,0.9);
	color: #FFF;
}
.lbm-row.white {
	background-color: rgba(255,255,255,0.9);
	color: #000;
}
.lbm-row.orange {
	background-color: rgba(239,118,51,0.9);
	color: #FFF;
}
.lbm-row p {
	line-height: 1.6;
}
.bigger p {
	font-size: 135%;
}
.bigger p {
	line-height: 2;
}
strong {
	font-size: 120%;
}
h1.logo {
	font-weight: bold;
	transition: font-size .5s linear;
}
.tip, .note {
	padding: 10px 15px;
	background-color: rgba(79,79,79,0.76);
	color: #FFF;
	border-radius: 5px;
	font-size: 95%;
}
.color-chart {
	padding: 10px;
}
.color-chart p {
	font-size: 80%;
}
.hmy-content-wrapper.my-special-column {
	font-size: 125%;
	background-color: #F69;
}
.grid-matte {
	padding: 10px;
}
#support {
	padding-bottom: 200px;
}
.caption .hmy-content {
	padding: 5px 20px;
}


#footer {
	background-color: #151515;
	color: #BBB;
	box-sizing: border-box;
	padding: 10px 30px;
	border-radius: 0px 0px 6px 6px;
	font-size: 80%;
	text-align: center;
}
#footer a {
	color: #BBB;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#footer a:hover {
	color: #FFF;
	border-bottom: 1px solid;
}



#bottomfooter {
	background-color: #151515;
	color: #BBB;
	font-size: 80%;
	text-align: center;
}
#bottomfooter a {
	color: #BBB;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#bottomfooter a:hover {
	color: #FFF;
	border-bottom: 1px solid;
}






@media only screen and (min-width: 0px) and (max-width: 700px) {
	h1.logo {font-size: 165%;}
}