/* sitewide */
body{
	margin: 0;
	font-family: "Open Sans", "Helvetica-Neue",Helvetica,"Century Gothic",Arial,"Nimbus Sans L",sans-serif;
}

#wrapper {
	background-image: url("images/ffsSiteBackground.jpg");
    background-size: 100% 100%;
	background-repeat: no-repeat;	
	display: -webkit-flex;
    display: flex;
	-webkit-flex-direction: column;
    flex-direction: column;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	min-height:100vh;
}

#header, #middle, #footer {
	display: -webkit-flex;
    display: flex;
}
.centerContainer {
	margin: auto;
	width: 800px;
}

#header {
	padding-top: 10px;
	padding-bottom: 10px;	
	background-color: rgba(0,0,0,0.9);	
}

#header * {
	list-style: none;
	vertical-align: middle;
}

#logo {
	width: 160px;
}

#nav {
    display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 20px;
}

#nav li {
	display: inline-block;
	margin-left: 35px;
	
}

#nav li a {
	text-decoration: none;
	color: #C5C7C9;
}

#nav li a:hover {
	color: #FF880E;
}

#middle {
	padding: 5px;
}
#content {
	padding: 20px;
	background-color: rgba(50,85,120,0.95);
	border-radius: 5px;
	color: rgb(255,255,255);
	font-size: 14px;
	line-height: 1.75em;
}

#content p {
	text-align: justify;
}

#content a, #content a:hover, #content a:visited{
	text-decoration: none;
	color: #FF880E;
}

#footer {
	background-color: rgba(100,100,100,0.9);
	font-size: 10px;
	color: rgb(230,230,230);
	text-align: center;
}

/* homepage */

#clientLogoCards{
	display: -webkit-flex;
    display: flex;	
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.clientLogoCard {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;	
	width: 180px;
	height: 115px;
	margin: 5px;
	background-color: rgb(255,255,255);
	border-radius: 5px;
}

.clientLogo {
	width: 160px;
}