@import url(https://www.solutioninnovators.com/shared/styles/si-grid-1.1.php?gridSize=12&gutterWidth=4);
@import url(linear-icons/style.css);
@import url(euro-caps/stylesheet.css);

/********** Key **********

.blockName
.blockName-elementName (for a subcomponent of a block)
.blockName_modifierName (for a variation of a block)

*/


/********** CSS Reset & Base Styles **********/

body,div,i,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,label,input,textarea,p,blockquote,th,td {  
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img,abbr,acronym {
	border: 0;
}

address,caption,i,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

caption,th {
	text-align: left;
}

input, textarea {
	font-family: inherit;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-size: 120%;
	font-family: "myriad-pro-condensed", sans-serif;
	font-weight: 300;
	color: #EEEEEE;
	line-height: 1.7;
	background: #282623 url('images/dotted-texture.png') repeat;
	
	/*-webkit-text-size-adjust: 100%; *//* responsive */
}
/* CSS for high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    body {
        background-image: url('images/dotted-texture@2x.png');
        background-size: 19px 18px;
    }
}

img {
	max-width: 100%;
	height: auto;
}

ol,ul { 
	margin-bottom: 1.5em;
	padding-left: 1.7em;
} 

li {
	margin-bottom: .7em;
}

p {
	margin-bottom: 1.4em;
	line-height: 1.7em;
}

td {
	vertical-align: top;
}

hr {
	border-top: 1px dashed #4A4A4A;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 0px;
	margin-bottom: 1em;
}

a {
	color: #39C2E1;
}
	
a[href^=tel] {
	color:inherit;
	text-decoration:none;
	font-weight: normal;
}

/* Basic animated transitions */
#ANIMATE,
a, a:hover, a:focus,
.animate {
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

::-webkit-input-placeholder {
	color: #888;
}
:-moz-placeholder {
	color: #888;
}
::-moz-placeholder {
	color: #888;
}
:-ms-input-placeholder {
	color: #888;
}
.placeholder {
	color: #888;
}

/********** Objects / Blocks **********/

/* Sets site's main container width */
.container {
	width: 90%;
	min-width: 980px;
	max-width: 1100px;
	margin: 0 auto;
	zoom: 1;
	position: relative;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

h2 {
	font-family: "euro_capsregular", sans-serif;
	font-size: 38px;
	color: #FFFFFF;
	line-height: 46px;
}

h3 {
	font-family: "euro_capsregular", sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
	line-height: 1.8em;
	margin-bottom: .5em;
}

.icon {
	margin-right: 4px;
}

.preNav {
	min-height: 58px;
}

.phone {
	float: right;
	margin-top: 16px;
	line-height: 1.3em;
	color: #fff;
	font-family: 'euro_capsregular', sans-serif;
}
	.phone a:hover, .phone a:focus {
		color: #ccc;
	}
	.phone-icon {
		font-size: 20px;
		margin-right: 10px;
	}
	.phone-number {
		font-size: 25px;
		letter-spacing: 1px;
	}

.navBar {
	padding: 7px 0;
	background: #58554C;
	margin-bottom: 80px;
	
	-moz-box-shadow: 0px 1px 0px 0px #393731, 0px -1px 0px 0px #605C53, 0px 1px 8px 0px rgba(0,0,0,0.50), 0px 2px 66px 0px rgba(0,0,0,0.53);
	-webkit-box-shadow: 0px 1px 0px 0px #393731, 0px -1px 0px 0px #605C53, 0px 1px 8px 0px rgba(0,0,0,0.50), 0px 2px 66px 0px rgba(0,0,0,0.53);
	box-shadow: 0px 1px 0px 0px #393731, 0px -1px 0px 0px #605C53, 0px 1px 8px 0px rgba(0,0,0,0.50), 0px 2px 66px 0px rgba(0,0,0,0.53);
}
	.navBar-inner {
		background: #38362D;
		/*
		border-top: 1px solid #666358;
		border-bottom: 1px solid #666358;
		*/
		height: 62px;
	}

.siteLogo {
	position: absolute;
	top: -55px;
}

.nav {
}
	.nav ul {
		list-style: none;
		margin-bottom: none;
	}
	.nav-outer {
		float: right;
		margin: 8px 0 0 0;
		padding-left: 0;
	}
	.nav-lvl1 {
		float: left;
		display: block;
		font-size: 20px;
		font-family: 'euro_capsregular', sans-serif;
	}
	.nav-lvl1 a {
		display: block;
		padding: 10px 22px;
		margin: 0 20px;
		line-height: 1.2em;
		text-decoration: none;
		color: #fff;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}
	.nav-lvl1.active a, .nav a:hover, .nav a:focus {
		border-color: #4ABEFF;
		color: #4ABEFF;
		
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}
	/* Color Variations */
	.nav-lvl1.active a.green, .nav a.green:hover, .nav a.green:focus {
		color: #A8F87D;
		border-color: #A8F87D;
	}
	.nav-lvl1.active a.red, .nav a.red:hover, .nav a.red:focus {
		color: #FF5A52;
		border-color: #FF5A52;
	}
	
.caption {
	font-family: 'myriad-pro', sans-serif;
	font-style: italic;
	font-size: .9em;
	line-height: 1.5em;
}
.caption_constrained {
	padding-left: 10%;
	padding-right: 10%;
}

.footer {
	min-height: 200px;
	background: #38362D;
	border-top: 1px solid #7D7A70;
	padding-bottom: 20px;
}
	.footer-topper {
		background: #58554C;
		height: 7px;
	}
	.footer-logo {
		margin-top: -1px;
		text-align: right;
	}

.pageTitle {
	margin-top: -55px;
	float: right;
	color: #fff;
}
	.pageTitle i {
		font-size: 28px;
	}
	
.pageHeader {
	min-height: 15px;
}	
	
.contactList {
	list-style: none;
	padding-left: 0;
	color: #ECECEC;
	font-family: "myriad-pro-condensed", sans-serif;
	font-size: 18px;
}
	.contactList > li {
		line-height: 1.2em;
		margin-bottom: .4em;
	}
	.contactList-icon {
		margin-right: 6px;
		color: #868071;
		font-size: .9em;
	}
	.contactList a {
		text-decoration: none;
		color: #ECECEC;
	}
	.contactList a:hover, .contactList a:focus {
		color: #bbb;
	}

.copyright {
	padding-top: 18px;
	font-family: 'euro_capsregular', sans-serif;
	color: #E1E1E1;
	font-size: 14px;
}
	.copyright-symbol {
		color: #827D6E;
	}

.designer {
	text-align: right;
	margin-top: 20px;
	font-family: 'euro_capsregular', sans-serif;
}
	.designer a {
		display: block;
		text-decoration: none;
		opacity: .7;
	}
	.designer a:hover, .designer a:focus {
		text-decoration: none;
		opacity: 1;
	}
	.designer-txt {
		border-right: 1px solid #5C5C5C;
		padding-right: 11px;
		margin-right: 3px;
		display: inline-block;
		height: 25px;
		line-height: 25px;
		color: #fff;
		vertical-align: middle;
		color: #979797;
		font-size: 9px;
	}
	.designer-logo {
		display: inline-block;
		vertical-align: middle;
	}

.banner {
	position: relative;
	border-bottom: 1px solid #CBD0D0;
	min-width: 980px;
	top: -220px;
	z-index: -1;
	background: #111;
	overflow: hidden;
	
	-moz-box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.41);
	-webkit-box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.41);
}	
	.banner-mask {
		background: url("images/banner-mask.png") repeat-x;
		z-index: 999;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 279px;
	}
	.cycle-slideshow {
		margin-left: auto;
		margin-right: auto;
		max-width: 1800px;
		max-height: 650px;
		overflow: hidden;
	}
	.banner-img {
		width: 100%;
		height: auto;
	}
	
.section {
	position: relative;
	border-top: 1px solid #CBD0D0;
	border-bottom: 1px solid #CBD0D0;
	margin-bottom: 64px;
	background: #26383B;
	background-image: radial-gradient(48% 147%, #344649 48%, #25373A 100%);
	
	-moz-box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.41);
	-webkit-box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.41);
}
	.section-padding {
		padding: 35px 0;
	}
.section_inner {
	margin-top: -1px;
	margin-bottom: -1px;
	border-left: 1px solid #CBD0D0;
	border-right: 1px solid #CBD0D0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	.section_inner .section-padding {
		padding: 35px;
	}
.section_inner_hangBelow {
	margin-bottom: -70px;
}
.section_constrained {
	border-left: 1px solid #CBD0D0;
	border-right: 1px solid #CBD0D0;
}
	.section_constrained > .section-padding {
		padding-left: 35px;
		padding-right: 35px;
	}
.section_blue {
	background: #26383B;
	background-image: radial-gradient(48% 147%, #344649 48%, #25373A 100%);
}
.section_red {
	background: #3A2B2B;
	background-image: radial-gradient(48% 146%, #483737 48%, #2D2020 100%);
}
.section_green {
	background: #334030;
	background-image: radial-gradient(51% 109%, #3A4837 48%, #2B3829 100%);
}
.section-highlight {
	background: rgba(255, 255, 255, .1);
	margin: 45px -36px 35px;
}
	.section-highlight > .section-padding, .section-highlight.section-padding {
		padding-left: 35px;
		padding-right: 35px;
	}


.btn {
	border: 1px solid #fff;
	padding: 5px 34px;
	text-transform: uppercase;
	font-size: 11px;
	font-family: 'myriad-pro', sans-serif;
	font-weight: 300;
	color: #fff;
	text-decoration:none;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
	.btn:hover, .btn:focus {
		text-decoration: none;
		background: #fff;
		color: #3a3a3a;
	}

.btn_blue {
	border-color: #4ABEFF;
	color: #4ABEFF;
}
	.btn_blue:hover, .btn_blue:focus {
		background: #4ABEFF;
	}
	.btn_blue:active {
		background: #16a8f9;
	}
	
.btn_red {
	border-color: #FF5A52;
	color: #FF5A52;
}
	.btn_red:hover, .btn_red:focus {
		background: #FF5A52;
	}
	.btn_red:active {
		background: #EE544C;
	}
	
.btn_green {
	border-color: #A8F87D;
	color: #A8F87D;
}
	.btn_green:hover, .btn_green:focus {
		background: #A8F87D;
	}
	.btn_green:active {
		background: #83f148;
	}

.link {
	
}
.link_red {
	color: #FF5A52;
}
	.link_red:hover, .link_red:focus {
		text-decoration: none;
	}	
	.link_red::after {
		text-decoration: none;
	}
	
.logoGrid {
	padding-left: 0;
	margin-bottom: 0;
}
	.logoGrid > li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		display: inline-block;
		/*width: 200px;*/
		width: 19%;
		background: #574242;
		margin-right: 2px;
		margin-bottom: 2px;
		height: 150px;
		line-height: 150px;
	}
	.logoGrid img {
		max-width: 75%;
		vertical-align: middle;
	}
	.logoGrid > li:last-of-type:after {
		margin-right: 0;
	}
	
.boxGrid {
	padding-left: 0;
	margin-bottom: 0;
}
	.boxGrid > div {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		width: 99%;
		margin-bottom: 4px;
		height: 150px;
		/*line-height: 150px;*/
	}
	.boxGrid_red > div {
		background-color: #574242;
	}
	.boxGrid_blue > div {
		background-color: #4A6367;
	}
	.boxGrid_green > div {
		background-color: #5c6e58;
	}
	.boxGrid-inner {
		padding: 35px;
		line-height: 1.25em;
	}
	
.tagline {
	font-family: 'myriad-pro', sans-serif;
	font-style: italic;
	font-size: .85em;
	color: #D5D5D5;
	line-height: 1.3em;
	width: 486px;
	float: right;
	margin-top: -8px;
	text-align: right;
}

.photoBorder {
	border: 1px solid #CBD0D0;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.50), 0px 0px 9px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.50), 0px 0px 9px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.50), 0px 0px 9px 0px rgba(0,0,0,0.25);
}

.certifications {
	z-index: 100;
	text-align: center;
	margin-top: -290px;
	margin-bottom: 40px;
}
	.certifications-inner {
		display: inline-block;
		
		background: #fff;
		background: rgba(255,255,255,0.88);
		text-align: center;
		padding: 8px 16px;
		
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		
		-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);
		-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);
	}
	.certifications img {
		vertical-align: middle;
		margin: 0 24px;
	}

.checkList {
}
	.checkList-header {
		padding: 10px 18px 6px;
		margin-bottom: 0;
	}
	.checkList-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
	}
	.checkList-item {
		background: #435340;
		color: #fff;
		font-family: 'myriad-pro', sans-serif;
		font-weight: 200;
		font-style: italic;
		padding: 4px;
		padding-left: 50px;
		position: relative;
		margin: 0 2px 1px;
	}
	.checkList-item > .icon {
		color: #A8FF8F;
		position: absolute;
		left: 18px;
		top: 10px;
		display: block;
	}
	.checkList-footer {
		padding: 6px 18px 10px;
	}
	
.contact {
	font-size: 18px;
}
	.contact > i {
		color: #D1C6C4;
	}
	.contactHead {
		font-size: 20px;
		display: block;
		padding-bottom: 2px;
	}
	
.project {

}
	

/* ProcessWire RichText Editor Styles */

.align_left {
	float: left;
	margin: 0 1.5em 1em 0;
}
	@media screen and (max-width:600px) {
		.align_left {
      float: none;
      margin: 0;
		}
	}

.align_right {
	float: right;
	margin: 0 0 1em 1.5em;
}
	@media screen and (max-width:600px) {
		.align_right {
	    float: none;
	    margin: 0;
		}
	}
	
.align_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}