@charset "UTF-8";
/* CSS Document */
/* font */
body {
	margin: 0px;
	font-size: 100%;
}
img {
	max-width: 100%;
}
.rmm {
	visibility: hidden;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1920px;
}
#holder {
	overflow:auto;
	padding-bottom: 400px; /* must be same height as the footer */
	clear: both;
	font-family: 'Open Sans Condensed',sans-serif;
}
#footer {
	position: relative;
	margin-top: -400px; /* negative value of footer height */
	height: 400px;
	clear:both;
	background-color: #4D4D4D;
	border-top: #333333 solid 6px;
}
/* Bottom Navigation */
#bottomnav {
	width: 96%;
	margin: 0 auto;
	padding-top: 10px;
	max-width: 960px;
}
#botnavleft {
	width: 40%;
	float: left;
	height: 275px;
	margin-bottom: 25px;
}
#botnavright{
	width: 60%;
	float: left;
	height: 275px;
	margin-bottom: 25px;
}
#bottomnav ul {
	padding-left: 0px;
}
#bottomnav li {
	list-style: none;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight: 700;
	color: #FFFFFF;
	margin-top: -4px;
}
#bottomnav li a {
	text-decoration: none;
	color: #FFFFFF;
}
#bottomnav li a:hover {
	color: #CCCCCC;
}
.smalltext {
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
	font-size: .75em;
	font-weight: 100;
	letter-spacing: normal;
	font-color: #FFFFFF;
}
.botlinks {
	float: left;
	padding-right: 10px;
}
.copyright {
	font-family: 'Open Sans', sans-serif;
	font-size: .75em;
	color: #FFFFFF;
	font-style: italic;
}
/* Top Bar */
#tncontainer{
	width: 100%;
	height: 30px;
	background-color: #E6E7E8;
}
#topnav {
	width: 96%;
	height: 35px;
	margin: 0 auto;
	max-width: 960px;
}
.toplinks {
	padding-top: 5px;
	float: right;
	padding-right: 15px;
}
/* Main Navigation */
#mncontainer {
	width: 100%;
	background-color: #FFFFFF;
}
#mainnav {
	width: 96%; /*960*/
	height: 130px;
	margin: 0 auto;
	max-width: 960px;
}
#logo {
	width: 37.5%; /*360*/
	float: left;
	margin-top: 10px;
}
#nav {
	width: 62.5%; /*600*/
	float: right;
	margin-top: 90px;
}
#nav ul {
	padding-left: 0px;
	text-align: right;
}
#nav li {
	list-style: none;
	display: inline;
	margin-left: 4.28%;
}
#nav li a {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size: 1.125em;
	font-weight: 400;
	text-align: left;
	text-decoration: none;
}
#nav li a:hover {
	border-bottom: solid 2px #ED1C24;
	padding-bottom: 1.5px;
}
/* Cover Image */
#cicontainer {
    position: relative;
	display: block;
    height: 450px;
    width: 100%;
	max-width: 1920px;
	margin-top: 20px;

}
#coverimagecenter {
	background: url(http://www.dispenserinstall.com/graphics/HandSoap.jpg) no-repeat center;
	height: 450px;
	background-size: cover;
	overflow: hidden;
}
/* Cover Image */
#ci2 {
    position: relative;
	display: block;
    height: 225px;
    width: 100%;
	max-width: 1500px;
	margin-top: 20px;
}
#ci2center {
	background: url(http://www.dispenserinstall.com/DIS_aboutimage.jpg) no-repeat center;
	height: 225px;
	background-size: cover;
	overflow: hidden;
}
#citext {
	width: 96%; /*960*/
	max-width: 960px;
	margin: 0 auto;
}
/* Content */
#concontainer {
	width: 100%;
}
#content {
	width: 96%; /*960*/
	margin: 0 auto;
	max-width: 960px; 
}
#conleft {
	width: 60.4166667%; /*580*/
	float: left;
	margin-top: 0px;
}
#conright {
	width: 35.4166667%; /*340*/
	float: right;
	margin-bottom: 30px;
	margin-top: 25px;
}
#fullpageicons {
	width: 100%;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#halfleft {
	width: 48%;
	float: left;
	margin-bottom: 30px;

}
#halfright {
	width: 48%;
	float: right;
	margin-bottom: 30px;

}
#customerleft{
	width: 48%;
	float: left;
	margin-bottom: 30px;
	margin-top: 30px;

}
#customerright {
	width: 48%;
	float: right;
	margin-bottom: 30px;
	margin-top: 45px;

}
#righttext {
	width:  72.9166667%; /*700*/
	float: right;
}
#fullcontent {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px;
}
#map {
	height: 400px;
	width: 100%;

}
#columnholder {
	width: 96%;
	margin: 0 auto;
}

/* HR */
#rule {
	width: 100%;
	height: 2px;
	margin: o auto;
	background:#ED1C24;
	overflow: hidden;
}
/* HR */
#tworule {
	width: 100%;
	height: 1px;
	margin: o auto;
	background:#9D9FA2;
	overflow: hidden;
}
/* Elements */
h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #ED1C24;
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: -7px;
}
h1.index {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #ED1C24;
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: -7px;
	margin-top: 0px;
}
h1.contact {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 1.25em;
	text-transform: uppercase;
	margin-top: -5px;
	padding-top: 0px;
}
h1.two {
	color: #000;
	margin-bottom: -7px;
	margin-top: 10px;
}
h1.services {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 1.125em;
	text-transform: uppercase;
	letter-spacing: .025em;
}	
h1.firstHeading {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: -7px;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	color: #9D9FA2;
	font-size: 1.125em;
	font-weight: normal;
	line-height: 1.75em;
}
h2.highlight {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 1.125em;
	font-weight: 700;
	line-height: normal;
	margin-top: 30px;
	margin-bottom: 10px;
	font-style: italic;
}
h2.contact {
	font-family: 'Open Sans', sans-serif;
	color: #9D9FA2;
	font-size: .875em;
	font-weight: normal;
	margin-top: 4px;
}
h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #B30000;
	font-size: .875em;
	font-weight: normal;
	font-style: italic;
	margin-bottom: -10px;
}
h1.title {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #FFFFFF;
	font-size: 2.25em;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 200px;
}
h1.praise {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #9D9FA2;
	font-size: 1em;
	text-transform: uppercase;
}
h1.locations {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 1.125em;
	text-transform: uppercase;
	letter-spacing: .025em;
	margin-bottom: -15px;
}
p {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size: 1em;
	margin-right: 3.125%;
	line-height: 1.5em;
}
p.contact {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size: 1em;
	margin-right: 3.125%;
	margin-top: 7px;
}
p.praise {
	color: #9D9FA2;
	font-family: 'Open Sans', sans-serif;
	font-size: .875em;
	font-style: italic;
}
p.name {
	color: #9D9FA2;
	font-family: 'Open Sans', sans-serif;
	font-size: .875em;
	text-align: right;
}
p.serviceexplain {
	margin-top: 7px;
	margin-bottom: 30px;
	
}
p.hirebutton {
	margin-top: 25px;
}
p.fineprint {
	font-family: 'Open Sans', sans-serif;
	font-size: .875em;
	font-style: italic;
}	
li.servicelist {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.locations {
	padding: 0px;
}
li.locations {
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size: 1em;
}
a.hirebutton {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #FFF;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #ED1C24;
	border: none;
	padding: 10px 20px;
}	

.hirebutton a:hover {
	background-color: #333;
}
a.work {
	color: #000;
	font-weight: 700;
}
a.nostyle {
	color: #000;
	text-decoration: none;
}
img.servicesimage {
	display: inline;
	float: left;
}
img.contact {
	display: block;
	float: left;
	clear: left;
	padding-right: 15px;
}
img.like {
	float: left;
	padding-right: 10px;
}
p.like {
	margin-top: 18px;
}
/* service tables */
img.table {
	display: block;
	margin: 0 auto;
}
.servicetable {
	vertical align: centered;
}
.servicetable td {
	padding: 15px;
}
.socialmedia {
	vertical align: center;
}
.socialmedia td {
	padding: 0px 5px;
}
.socialmedia img {
	display: block;
	margin: 0 auto;
}
#tablelarge {
	width: 100%;
	margin: 0 auto;
}
#smalltable {
	display: none;
}
/* page id */
#home #home, #about #about, #services #services, #installations #installations, #work #work, #contact #contact {
		
}
/* Responsive Mobile Menu */
.rmm {
	display:block;
	position:relative;
	width:100%;
	padding: 20px 0px 0px 0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family: 'Open Sans', sans-serif;
}
.rmm a {
	color:#ebebeb;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}

/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}
/* */
.rmm .rmm-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}
/*style*/
.rmm a {
	color:#333333;
}
.rmm a:hover {
	background-color: #333333;
}
.rmm .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
}
.rmm-toggled {
	width:100%;
	min-height:36px;
	background-color:#ED1C24;
	color: #FFFFFF;
}
.rmm-toggled-controls {
	display:block;
	height:36px;
	color:#FFFFFF;
	text-align:left;
	position:relative;
}
.rmm-toggled-title {
	position:relative;
	top:9px;
	left:9px;
	font-size:16px;
	color:#FFFFFF;
}
.rmm-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
}
.rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:#FFFFFF;
	width:25px;
}
.rmm-toggled ul li a {
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #333333;
	color:#FFFFFF;
	background-color: #9d9fa2;

}
.rmm-toggled ul li:first-child a {
	border-top:1px solid #333333;
}
/*media queries*/
@media screen and (max-width: 910px) {
	#mainnav {
		width: 100%;
		height: 200px;
	}
	#logo {
		width: 100%;
		padding-left: 0px;
		padding-bottom: 15px;
	}
	#logo img {
		float: none;
		display: block;
		margin: 0 auto;
	}
	#nav {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	#nav ul {
		padding-left: 0px;
		text-align: center;
	}
	#nav li {
		margin: 0 auto;
		list-style: none;
		float: none;
		display: inline-block;
		height: 50px;
		line-height: 50px;
		padding: 0px 12px;
	}
	#nav li a {
		font-family: 'Open Sans', sans-serif;
		color: #000000;
		font-weight: 400;
		text-decoration: none;
	}
	#nav li a:hover {
		border-bottom: solid 2px #ED1C24;
		padding-bottom: 1.5px;
	}
	#botnavleft {
		width: 50%;
	}
	#botnavright{
		width: 50%;
	}
	#cicontainer {
   		height: 225px;
		z-index: 0;
		margin-top: 0px;
	}
	#coverimagecenter {
		height: 225px;
	}
	h1.title {
		font-size: 1em;
		line-height: 90px;
	}
	#concontainer {
		width: 96%;
		padding-bottom: 20px;
		margin: 0 auto;
	}
	#conleft {
		width: 100%;
		float: none;
	}
	#conright {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	#customerleft {
		width: 100%;
		float: none;
	}
	#customerright {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}	
	#halfleft {
		width: 100%;
		float: none;
	}
	#halfright {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	#righttext {
		width: 96%;
		float: none;
		margin: 0 auto;
	}

	#tablelarge {
		display: none;
	}
	#smalltable {
		display: block;
}
	img.servicesimage {
	display: block;	
	float: none;
}

@media screen and (max-width: 575px) {
	#mainnav {
		height: 175px;
	}
	#nav {
		display: none;
	}
	.rmm {
		visibility: visible;
		z-index: 2;
	}
	#cicontainer {
   		height: 175px;

	}
	#coverimagecenter {
		height: 175px;
	}
	img.contact {
		display: block;	
		float: none;
	}
	h1.contact {
		margin-top: 0px;
	}
	p.contact {
		margin-top: -10px;
		margin-bottom: 25px;
	}
}