@charset "UTF-8";
/* CSS Document */
.homeheadline {
	font-size:3em;
	font-family: whitman-display, serif;
	font-weight: 400;
	font-style: normal;
	text-transform:uppercase;
	padding-top:1%;
}
.homesubheadline {
	font-size:2em;
	font-family: relation-one, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align:center;
	color:rgb(255,255,255);
	padding-top:2%;
}
h1 {
	font-size:1.5em;
	font-family: whitman-display, serif;
	font-weight: 400;
	font-style: normal;
	color:rgb(165,52,52);
}
h2 {
	font-size:1.3em;
	font-family: whitman-display, serif;
	font-weight: 400;
	font-style: normal;;
	color:rgb(165,52,52);
	border-bottom:1px dotted #a53434;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
h3 {
	font-size:1.1em;
	font-family: whitman-display, serif;
	font-weight: 400;
	font-style: normal;
	color:rgb(165,52,52);
}
.price {
	font-size:1.2em;
	font-weight:600;
}
.confirm {
	color:rgb(162,52,52);
}
.fis {
	font-family: whitman-display, serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3em;
	text-align:center;
	color:rgb(255,255,255);
}
.appleLinks a {color:#000000; text-decoration: none;}
.appleLinksWhite a {color:#ffffff; text-decoration: none;}
.gray {
	background-color:rgb(240,240,240);
}
.humans { display: none; }
/* Links */
a.second:link {color: rgb(255,255,255); text-decoration:none;}
a.second:visited {color: rgb(255,255,255); text-decoration:none;}
a.second:hover {color: rgb(255,255,255); text-decoration:none;}
a.second:active {color: rgb(255,255,255); text-decoration:none;}
a.third:link {color: rgb(0,0,0); text-decoration:none;}
a.third:visited {color: rgb(0,0,0); text-decoration:none;}
a.third:hover {color: rgb(0,0,0); text-decoration:none;}
a.third:active {color: rgb(0,0,0); text-decoration:none;}
a.fourth:link {color: rgb(150,150,150); text-decoration:none;}
a.fourth:visited {color: rgb(150,150,150); text-decoration:none;}
a.fourth:hover {color: rgb(150,150,150); text-decoration:none;}
a.fourth:active {color: rgb(150,150,150); text-decoration:none;}
/* Structure */

body {
	margin:0;
	font-size:1.1em;
	font-family: agenda, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.container {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
}
.headercontainer {
	position: relative;
	width: 100%;
	height: auto;
	z-index:2;
	/*background-image:url(../main/header_bkg.png);
	background-repeat:repeat-x;
	background-size:contain;
	background-position:center;
	border-bottom:2px solid #a53434;*/
}
.header {
	display: inline-flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	position:relative;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content:center;
	width: 100%;
	max-width:1400px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index:3;
}
.headerlft, .headerctr, .headerrt {
	position: relative;
	width:33%;
	padding:0 1%;
	height: auto;
	text-align:center;
	font-weight:400;
	color:rgb(0,0,0);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index: 4;
}
.navigationcontainer {
	position: relative;
	width: 100%;
	height: auto;
	background-color:rgb(65,65,65);
	border-bottom:2px solid #fff;
	z-index:2;
}
.navigation {
	display: inline-flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	position:relative;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content:center;
	width: 100%;
	max-width:1400px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index:3;
	text-transform:uppercase;
	font-size:.9em;
}
.nav {
	position: relative;
	width:20%;
	padding:1%;
	height: auto;
	text-align:center;
	font-weight:400;
	color:rgb(255,255,255);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index: 4;
}
.hnavblock {
	display:inline-block;
	position:relative;
	width:auto;
	height:auto;
	padding:1%;
	color:rgb(100,100,100);
	font-size:.8em;
	text-transform:uppercase;
}	
.block {
	display:block;
	width:100%;
	height:5px;
	background-color:rgb(255,255,255);
}
.t_figurecontainer {
	position:relative;
	width: 100%;
	height:auto;
	background-image:url(../main/ken_miller_supply_home_page.jpg);
	background-repeat:none;
	background-size:cover;
	background-position:center;
	padding:5% 0 5% 0;
	z-index:2;
}
.m_figurecontainer {
	display: inline-flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	position:relative;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content:center;
	width: 100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	z-index:2;
}
.triblock {
	position: relative;
	height: auto;
	text-align:center;
	font-weight:400;
	color:rgb(255,255,255);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index: 4;
}
.tblocklftbkg {
	background-image:url(../main/oil_pump.jpg);
	background-repeat:none;
	background-size:cover;
}
.tblockrtbkg {
	background-image:url(../main/stack_of_piping.jpg);
	background-repeat:none;
	background-size:cover;
}
.w35 {
	width:35%;
}
.w30 {
	width:35%;
	background-color:rgb(65,65,65);
}
.borderrt {
	border-right:2px solid #ffffff;
}
.borderlft {
	border-left:2px solid #ffffff;
}
.borderbottom {
	border-bottom:1px dotted #ffffff;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
hr.home {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border-top: 1px dashed white;
}
.servicebox {
	width:100%;
	height:auto;
	padding:2% 0;
}
.figurecontainer {
	position:relative;
	width: 100%;
	height:auto;
	z-index:2;
}
.figureblock {
	display:block;
	position:relative;
	background-color:rgba(65,65,65,.8);
	color:rgb(255,255,255);
	width: 100%;
	max-width:900px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	z-index: 3;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px
}	
.figure {
	position: relative;
	width: 100%;
	max-width:1400px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	z-index: 3;
}
.bgk_stairs {
	background-image:url(../products-and-services/stair_parts.jpg);
	background-repeat:none;
	background-size:cover;
	background-position:center;
}
.menu {
	width:45%;
	height:auto;
	padding:2% 1%;
	margin:1%;
	font-size:1.4em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius: 15px;
	-webkit-border-radius:15px;
	border-radius: 15px;
	border:1px solid #c8b49b;
	background-image:url(../main/bkg.png);
	background-repeat:repeat;
}
.blockcontainer {
	display: inline-flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	position:relative;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content:stretch;
	justify-content:center;
	width: 100%;
	height: auto;
	text-align:center;
	z-index: 3;
}
.blocks {
	height:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.contentcontainer {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 2;
}
.content {
	position: relative;
	width: 100%;
	max-width:1400px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	z-index: 3;
}
.homecontent {
	position: relative;
	width: 100%;
	max-width:1000px;
	height: auto;
	padding:1% 2%;
	margin-left:auto;
	margin-right:auto;
	z-index: 3;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.download {
	position:relative;
	display:block;
	width:100%;
	max-width:500px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:white;padding:2% 0;
	margin-bottom:1%;
	background-color:rgb(165,52,52);
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	text-transform:uppercase;
}
.ctr {
	text-align:center;
}
.lft {
	text-align:left;
}
.rt {
	text-align:right;
}
.article {
	display:inline-block;
	position:relative;
	width:50%;
	height:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:1% 2%;
	float:left;
	line-height:1.5em;
	z-index:4;
}
.service_article {
	display:inline-block;
	position:relative;
	width:60%;
	height:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:1% 2%;
	float:left;
	line-height:1.5em;
	z-index:4;
}
.sub_article {
	display:inline-block;
	position:relative;
	width:50%;
	height:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:1% 2%;
	float:left;
	line-height:1.5em;
	z-index:5;
}
.service_sidebar {
	display:inline-block;
	position:relative;
	width:40%;
	height:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:1% 2%;
	float:left;
	line-height:1.5em;
	z-index:4;
}
.thumbbox {
	width:100%;
	padding:1%;
	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.footercontainer {
	position: relative;
	width: 100%;
	height: auto;
	background-color:rgb(65,65,65);
	border-top:2px solid #a53434;
	z-index: 2;
}
.footer {
	font-size:.9em;
	color:rgb(255,255,255);
	width: 100%;
	max-width:1400px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	z-index: 3;
}
.footerlft, .footerrt {
	display:inline-block;
	position: relative;
	width: 50%;
	padding:1%;
	height: auto;
	float:left;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index: 4;
}
.spacer {
	width:100%;
	height:auto;
	clear:both;
}
#audioplayer{
  text-align:center;
}

/* Form */
fieldset.contact {
	width:auto;
	max-width:100%;
	border: 1px solid #dcdcdc;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	background-color:rgb(255,255,255);
	padding:20px;
	text-align:left;
}
legend.contact {
 	background-color: #99897b;
    color: #fff;
	border: 1px solid #99897b;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	padding: 10px 20px;
	text-align:left;
	font-size:1.2em;
	width:auto;
	max-width:75%;
	text-transform:uppercase;
}
input.contact {
	background-color:#e6e6e6;
	width:90%;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	padding: 5px 5px 5px 30px;
	display:block;
	margin:5px;
}
textarea.contact {
	background-color:#e6e6e6;
	width:90%;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	padding: 5px 5px 5px 30px;
	display:block;
	margin:5px;
}
button.contact {
	background-color:#99897b;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	padding: 5px 10px 5px 10px;
	display:block;
	margin:5px;
	width:50%;
}
button.contact {
	background-color:#99897b;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	padding: 5px 10px 5px 10px;
	display:block;
	margin:5px;
	width:50%;
}
select.contact {
	background-color:#e6e6e6;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	padding: 5px 5px 5px 30px;
	display:block;
	margin:5px;
}

/* Google Map */
embed, object, iframe{max-width: 100%;}


/* Admin */
.contentsection {
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
	border: 1px dotted #000000;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.contenttitle {
	position:relative;
	font-weight:bold;
	display:inline-block;
	width:100%;
	float:left;
	height:auto;
	padding:1%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.contentreview {
	font-size:.8em;
	font-weight:300;
	color:rgb(100,100,100);
}
.contentedit {
	position:relative;
	display:inline-block;
	width:100%;
	float:left;
	height:auto;
	text-align:center;
	padding:1%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* image control */
.responsive {
	display:block;
	width:100%;
	height:auto;
}
.responsiveheader {
	display:block;
	width:100%;
	max-width:700px;
	height:auto;
}
.responsivegraphic {
	display:inline-block;
	width:100%;
	max-width:400px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border: 2px solid #939598;
	padding:5px;
}
.headerlogo {
	width:100%;
	max-width:200px;
	height:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.stateicon {
	width:100%;
	max-width:350px;
	height:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
img.center {
	display: block;   
	margin-left: auto;   
	margin-right: auto; 
}
.headericons {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	max-width:50px;
	height:auto;
	max-height:50px;
}

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

.menu {
	font-size:1.1em;
}
.blockcontainer {
	flex-wrap: wrap;
}
.block {
	width:33.33%;
}	
.article, .service_article, .service_sidebar {
	width:100%;
}
.headerlft {
	width:35%;
}	
.headerctr {
	width:30%;
}	
.headerrt {
	width:35%;
	font-size:.9em;
}	
.navigation {
	flex-wrap: wrap;
	padding-bottom:3%;
	padding-top:1%;
}
.nav {
	width:33%;
	font-weight:400;
	font-size:1.2em;
}	
.footerlft, .footerrt {
	width: 100%;
	text-align:center;
	line-height:1.6em;
}
.footer {
	font-size:1em;
}
ul {
  margin-left: -20px;
}	
.homeheadline {
	font-size:2.2em;
}
.homesubheadline {
	font-size:1.5em;
}
.fis {
	font-size:1.1em;
}	
}