body, div, h1, h2, h3, h4, p ul, img {margin:0px; padding:0px; 
}

body { 
	font-family: Aventir; Georgia; sans-serif;
}

.container {
	width: 1000px;
	margin: 0 auto;
}

::-moz-selection {
  color: white;
  background: #367DF2;
}

::selection {
  color: white;
  background: #367DF2;
}

#headerlogo {
	margin-left: auto;
	margin-right: 50%;
	padding-top: 14px;
	width: 74px;
	height: 137px;
}

img {
    border: 0;
}

a {
	text-decoration: none;
	color: #02225B;
}

#content h1 {
	font-size: 50px;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	color: #fff;
	font-family: Arial Black, Arial;
	font-weight: 900;
	margin-top: 100px;
}

#content h2 {
	font-size: 50px;
	text-align: center;
	color: #367DF2;
	padding-left: 50px;
	padding-right: 50px;
	font-family: Arial Black, Arial;
	font-weight: 900;
	margin-top: 100px;
}

#content h2 a {
	color: #367DF2;
}

#content h3 {
	font-size: 50px;
	text-align: center;
	color: #1D1F2D;
	padding-left: 50px;
	padding-right: 50px;
	font-family: Arial Black, Arial;
	font-weight: 900;
	margin-top: 100px
}

#content h4 {
	font-size: 18px;
	font-family: Avenir;
	text-transform: uppercase;
	font-weight: bold;
	color: #367DF2;
}

#content h5 {
	padding-top: 50px;
	padding-left: 50px;
	font-size: 18px;
	font-family: Avenir;
	text-transform: uppercase;
	font-weight: bold;
	color: #367DF2;
}

#content p {
	font-family: Avenir;
	font-size: 18px;
	color: #1D1F2D;
}

#content td {
	font-size: 1.2em;
	color: #282828;
}

#content th {
	font-size: 2em;
	font-weight:bold;
	color: #474747;
}

#footer {
	background: #1D1F2D;
	width: 100%;
}

#footercontent {
	float: left;
	font-family: Avenir;
	font-size: 14px;
	color: #fff;
	background-color: #1D1F2D;
	padding-top: 40px;
	padding-bottom: 35px;
	width: 100%;
	text-align: center;
}

.pagecontent {
	float: left;
	width: 900px;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px; 
}

.pagedivide {
	float: left;
	margin-left: 50px;
	width: 900px;
	height: 2px;		
	background-color: #02225B;
}

.pageheader {
	float: left;
	padding-left: 50px;
	padding-top: 100px;
	padding-bottom: 30px;
}

.pagesubheader {
	float: left;
	padding-left: 50px;
	padding-bottom: 30px;
}

.centered-content {
	text-align: center;
}

.large-bold-white {
	font-family: Georgia;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
} 

.large-bold-blue {
	font-family: Georgia;
	font-size: 1.5em;
	font-weight: bold;
	color: #092659;
} 

.leftpagecontent {
	float: left;
	padding-top: 30px;
	width: 430px;
	padding-left: 50px;
}

.rightpagecontent {
	float: right;
	padding-top: 30px;
	padding-right: 50px;
	width: 430px;
}

.readmorelink {
	float: right;
	text-decoration: none;
	color: #02225B;	
}

.readmorelink a {
	text-decoration: none;
	color: #02225B;	
	font-size: 1.2em;
}

.smallslidebackground {
	margin-top: 60px;
	background-image: url(images/smallslide.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #EFECE6;
	width: 100%;
	height: 400px;
}

.upperbackground {
	background-image: url(images/map.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #367DF2;
	width: 100%;
	height: auto;
}

.bluesubsection {
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #02225B;
	width: 100%;
}

#homepageslides {
	float: left;
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#homepagecentraldivide {
	float: left;
	width: 1px;
	height: 300px;
	margin-left: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #AAAAAA;
}

#slide-image {
	padding-top: 100px;	
	padding-left: 35%;
	padding-bottom: 70px;
}

#slide-content-two-left {
	float: left;
	margin-left: 190px;
	width: 280px;
	margin-bottom: 50px;
	margin-top: 50px;
}

#slide-content-two-right {
	float: left;
	width: 280px;
	margin-left: 60px;
	margin-bottom: 50px;
	margin-top: 50px;
}

#slide-content-two-left-blue {
	float: left;
	margin-left: 190px;
	width: 280px;
	margin-bottom: 50px;
	margin-top: 50px;
}

#slide-content-two-right-blue {
	float: left;
	width: 280px;
	margin-top: 50px;
	margin-left: 60px;
	margin-bottom: 50px;
}

#slide-content-two-left-blue p {
	font-size: 20px;
	color: #092659;
}

#slide-content-two-right-blue p {
	font-size: 20px;
	color: #092659;
}

#welcomeheader {
	font-size: 2.5em;
	font-family: Arial Black, Arial;
	font-weight: 900;
	padding-top: 200px;
	padding-left: 50px;
	padding-right: 50px;
	color: #fff;
}

#welcomeheader h1 {
	font-size: 1.7em;
	font-family: Arial Black, Arial;
	font-weight: 900;
	padding-right: 50px;
	color: #fff;
}


#welcomeheader a {
	font-family: font-family: Arial Black, Arial;
	font-weight: 900;
	color: #fff;
}

#welcomedescription {
	font-size: 1.6em;
	font-family: Avenir;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 175px;
	color: #fff;
}

#slide-content img {
	padding-top: 25px;
	padding-right: 30px; 
}

#slide-link {
	font-size: 2em;
	text-align: center;
	color: #898309;
}

.bluecontent {
	font-size: 32px;
	text-align: center;
	color: #092659;
}

#moreheresmalllink a {
	text-decoration: none;
	color: #fff;
}

#moreheresmalllinkblue {
	font-family: Georgia;
	font-size: 25px;
	float: left;
	padding-left: 40px;
	padding-top: 90px;
	color: #092659;
}

#moreheresmallarrow {
	float: right;
	padding-right: 70px;
	padding-top: 80px;
	width: 27px;
	height: 53px;
}


#moreheresmallbutton:hover {
  background: url(images/gold-arrow.png) no-repeat;
  background-position: 215px center;
  color: #898309;
  background-color: #fff;
}

#moreheresmallbutton a {
	text-decoration: none;
	color: #092659;
}

#creationcentrallink {
	font-size: 40px;
	text-align: center;
	font-family: Gill Sans;
	color: #fff;
}

#creationcentrallink a {
	text-decoration: none;
	color: #fff;
}

#creationcentralarrow {
	float: right;
	margin-right: 250px;
	margin-top: -88px;
	width: 46px;
	height: 91px;
}

#managementcentralarrow {
	float: right;
	margin-right: 220px;
	margin-top: -88px;
	width: 46px;
	height: 91px;
}

#pagemanagementtable {
	float: left;
	padding-top: 50px;
	padding-left: 50px;
	padding-bottom: 20px;
}

#pagemanagementbasicadditional {
	float: left;
	padding-left: 287px;
	width: 200px;
}

#pagemanagementsubstantialadditional {
	float: left;
	padding-left: 25px;
	width: 200px;
}

#pagemanagementcriticaladditional {
	float: left;
	padding-left: 30px;
	width: 200px;
}

#pagemanagementbasiclink {
	float: left;
	padding-left: 385px;
	padding-bottom: 40px;
}

#pagemanagementbasiclink a {
	text-decoration: none;
	color: #02225B;
	font-size: 14px;
}

#pagemanagementsubstantiallink {
	float: left;
	padding-left: 125px;
	padding-bottom: 40px;
}

#pagemanagementsubstantiallink a {
	text-decoration: none;
	color: #02225B;
	font-size: 14px;
}

#pagemanagementcriticallink {
	float: left;
	padding-left: 140px;
	padding-bottom: 40px;
}

#pagemanagementcriticallink a {
	text-decoration: none;
	color: #02225B;
	font-size: 14px;
}

#pagecreationenquirelink {
	float: left;
	padding-left: 50px;
	padding-bottom: 50px;
}

#pageeditenquirelink {
	float: right;
	padding-right: 50px;
	padding-bottom: 50px;
}

#pagecreationenquirelink a {
	text-decoration: none;
	color: #02225B;
	font-size: 14px;
}

#pageeditenquirelink a {
	text-decoration: none;
	color: #02225B;
	font-size: 14px;
}

#contactform {
	margin-left: 5%;
}

label {
    float: left;
    clear: both;
	font-size: 18px;
	padding-top: 20px;
	width: 150px;
	margin-top: 50px;
	font-family: Avenir;
	color: #1D1F2D;
	border: none;
}

fieldset { 
	border: none; 
}

.button {
	float: left;
	clear: both;
	width: 200px;
	height: 80px;
    color: #367DF2;
    background-color: #fff;
	text-transform: uppercase;
	font-family: Arial Black, Arial;
	font-weight: 900;
    border-style: dashed;
	border-width: 3px;
	border-color: #367DF2;
	font-size: 20px;
	margin-top: 50px;
	margin-bottom: 100px;
	margin-left: 180px;
}

.button:hover {
	color: #1D1F2D;
	cursor: pointer;
	border-style: dashed;
	border-width: 3px;
	border-color: #1D1F2D;
}

#contactdetails { 
    margin-left: 5%;
    outline: none;
}
 
textarea {
	float: left;
    height: 120px;
    border: none;
}

textarea:focus, input:focus {
    outline: none;
}

form {
    border: none;
}

input, textarea { 	
	float: left;	
	margin-top: 50px;
    padding: 20px;
    background: #367DF2;
    outline: none;
    font-size: 14px; 
    color: #fff;
    border: none;
}

input:hover, textarea:hover { 
	outline: none;
}

#contactthankyoulink a {
	text-decoration: none;
	color: #1D1F2D;
	font-size: 18px;
	font-family: Avenir;
}

#thankyoucontent {
	width: 100%;
	height: auto;
	background-color: #367DF2;
	color: #fff;
	font-family: Avenir;
	text-align: center;
	padding-top: 200px;
}

.clear {
	clear: left;
	clear: right;
}

.pressdate {
	padding-left: 50px;
	font-size: 18px;
	font-family: Avenir;
	text-transform: uppercase;
	font-weight: bold;
	color: #367DF2;
	margin-top: 80px;
}

.presstitle {
	max-width: 800px;
	margin-top: 20px;
	margin-left: 100px;
	font-size: 50px;
	color: #367DF2;
	font-family: Arial Black, Arial;
	font-weight: 900;
}

.presstitle a {
	float: left;
	clear: left;
	font-size: 25px;
}

.presscontent {
	max-width: 800px;
	font-size: 18px;
	font-family: Avenir;
	margin-left: 100px;
	color: #1D1F2D;
	padding-right: 100px;
}

.presswebsite {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 100px;
	color: #367DF2;
	font-size: 18px;
	font-family: Avenir;
	text-transform: uppercase;
	font-weight: bold;
}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */    
  	height: 100%;
  	width: 0;
  	position: fixed; /* Stay in place */
  	z-index: 1; /* Sit on top */
  	left: 0;
  	top: 0;
  	font-family: Avenir;
  	text-transform: uppercase;
  	background-color: #1D1F2D;
  	overflow-x: hidden; /* Disable horizontal scroll */
  	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  	position: relative;
  	top: 10%; /* 25% from the top */
  	width: 100%; /* 100% width */
 	text-align: center; /* Centered text/links */
  	margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
	padding-bottom: 100px;
}

.home {
	position: absolute;
  	top: 40px;
  	left: 45px;
  	font-family: Arial Black, Arial;
	font-weight: 900;
	font-size: 60px;
}

.overlay-header {
	position: relative;
	font-family: Arial Black, Arial;
	font-weight: 900;
  	text-transform: uppercase;
  	margin-left: auto;
  	margin-right: auto;
  	font-size: 36px;
  	color: #367DF2;
  	width: 20%;
  	height: 70px;
  	margin-bottom: 20px;
  	border-bottom: 3px dashed #367DF2;
}

/* The navigation links inside the overlay */
.overlay a {
  	padding: 8px;
  	text-decoration: none;
  	font-size: 20px;
  	color: #fff;
  	display: block; /* Display block instead of inline */
  	transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  	color: #367DF2;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  	position: absolute;
  	top: 20px;
  	right: 45px;
  	font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

#header {
	position: fixed;
	background-color: #367DF2;
	height: 100px;
	width: 100%;
}

#navigation {
	position: fixed;
	background-color: #367DF2;
	left: 20px;
	top: 20px;
	display: inline-table;
}

#headercontact {
	position: fixed;
	right: 30px;
	background-color: #367DF2;
	top: 15px;
	font-family: Arial Black, Arial;
	font-weight: 900;
	font-size: 20px;
	color: white;
	z-index: -1;
	display: inline-table;
}

#headercontact a {
	color: white;
}

#press {
	display: flex;                  /* establish flex container */
  	flex-direction: row;            /* default value; can be omitted */
  	flex-wrap: nowrap;              /* default value; can be omitted */
  	justify-content: space-around;
	background-color: #1D1F2D;
	height: auto;
}

#press p {
	float: left;
	font-family: Avenir;
	margin-top: 65px;
	font-size: 24px;
	color: #fff;
	width: 193px;
	height: 68px;
}

.presslogo {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 20px;
	margin-right: 20px;
}

.presslogo img {
	width: 100%;
    height: auto;
}

#officebackground {
	float: left;
	background-image: url(images/meetingbackground-01.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: auto;
}

.columncontent {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-width: 400px;
    -moz-column-width: 400px;
    column-width: 400px;
}

.columnheaderleft {
	float: right;
	text-align: right;
	margin-right: 10%;
	margin-left: 10%;
	width: 300px;
	margin-top: 80px;
	font-family: Arial Black, Arial;
	font-weight: 900;
}

.columnheaderright {
	float: left;
	text-align: left;
	margin-right: 10%;
	margin-left: 10%;
	width: 300px;
	margin-top: 80px;
	font-family: Arial Black, Arial;
	font-weight: 900;
}

.columndescriptionleft {
	float: right;
	margin-bottom: 80px;
	margin-right: 10%;
	margin-left: 10%;
	text-align: right;
	width: 300px;
}

.columndescriptionright {
	float: left;
	margin-bottom: 80px;
	margin-right: 10%;
	margin-left: 10%;
	text-align: left;
	width: 300px;
}

.whitebackground {
	float: left;
	background-color: #fff;
	background-position: center center;
	width: 100%;
	height: auto;
}

.bluebackground {
	float: left;
	background-color: #367DF2;
	background-position: center center;
	width: 100%;
	height: auto;
}

.darkbluebackground {
	float: left;
	background-color: #1D1F2D;
	background-position: center center;
	width: 100%;
	height: auto;
}

.subheader {
	font-size: 26px;
	text-align: center;
	color: #1D1F2D;
	padding-left: 75px;
	padding-right: 75px;
	font-family: Avenir;
	margin-top: 25px;
}

.downarrow {
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	width: 98px;
	height: 181px;
}

.calltoaction {
	font-size: 65px;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 30px;
	font-family: Avenir;
}

#calltoactionbutton {
	font-size: 20px;
	text-align: center;
	color: #367DF2;
	border-style: dashed;
	border-width: 3px;
	border-color: #367DF2;
	font-family: Arial Black, Arial;
	font-weight: 900;
	font-size: 35px;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	width: 320px;
	cursor: pointer;
}

#calltoactionbutton p {
	color: #367DF2;
	margin-top: 12px;
}

#calltoactionbutton:hover p {
	color: #fff;
	transition-duration: 0.7s;
}

#calltoactionbutton:hover {
	border-color: #fff;
	color: #fff;
	transition-duration: 0.7s;
}

.calltoactiondescription {
	font-size: 30px;
	text-align: center;
	padding-left: 75px;
	padding-right: 75px;
	color: #fff;
	font-family: Avenir;
	margin-top: 80px;
}

#servicerow {
	display: flex;                  /* establish flex container */
  	flex-direction: row;            /* default value; can be omitted */
  	flex-wrap: nowrap;              /* default value; can be omitted */
  	justify-content: space-around; /* switched from default (flex-start, see below) */
}

.servicebox {
	margin-top: 50px;
	margin-bottom: 50px;
	cursor: pointer;
	height: 50px;
	width: 180px;
	border-style: dashed;
	border-width: 3px;
	border-color: white;
	
}

.servicebox p {
	position: relative;
	top: -27px;
	font-size: 30px;
	text-align: center;
	font-family: Avenir;
	color: #fff;
}

.servicebox:hover p {
	color: #367DF2;
	transition-duration: 0.7s;
}

.servicebox:hover {
	border-color: #367DF2;
	color: #367DF2;
	transition-duration: 0.7s;
}

.faqquestion {
	padding-bottom: 100px;
	margin-left: 10%;
	margin-right: 10%;
	border-bottom: 3px dashed #1D1F2D;
}

.factlist {
	margin-top: 100px;
	text-align: center;
	margin-left: 15%;
	margin-right: 15%;
}

.factlist p {
	
}