* { margin:0; padding:0; }
*:active { border:none; }

html { margin:0; padding:0; position:relative; top:0; left:0; width:100%; }
body { position:relative; top:0; left:0; margin:0; padding:0; width:100%; background-color:goldenrod;
	background-image:linear-gradient(to bottom, #fff, #eee); /* #95b3d7 */
	font-family: Arial, Helvetica, sans-serif; font-size:100%; color:#000;
}

a, a:active { text-decoration: none; color: #000; }
a:link { }
a:visited { color: #000; }
a:hover { color: #f00; text-decoration: underline; }

h1 { font-size:2em; margin:0 0 .5em 0; color:#385D8A; text-shadow:1px 1px 1px #444; }
h2 { font-size: 1.5em; margin:0 0 .5em 0; color:#385D8A; text-shadow:1px 1px 1px #444; }
h3 { color:#385D8A; text-shadow:1px 1px 1px #444; }
p { margin-bottom:6px; }

#mainContent p, #mainContent li { font-size:100%; }

#wrapper {
	position:relative;
	top:0; left:0;
	width:94%; max-width:1270px; 
	margin:5px auto;
	background-color:#fff;
	border-width:0px; border-style:ridge; border-color:#7F7500;
	box-shadow:4px 0 8px #444;
}
#mainContent {
	position:relative;
	top:0; left:0;
	margin:0;
	padding:4px 12px;
	min-height:450px;
	background-color:#fff;
}

#mainContent p { text-align:justify; line-height:1.3em; }

#logoBox { position:relative; top:0; left:0; text-align:center; z-index:1; }
#logoBox img { margin-top:1em; width:auto; max-width:98%; z-index:1; }

#tagline {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	margin-left:100px;
	padding:5px 0;
	text-transform:uppercase;
}
#topAddress {
	display:inline;
}

nav {
	background-color:#385D8A; /* #0046a0 #0082C3 #c0392b! #2980b9 */
}
nav ul {
	background-color:transparent;
	width:100%;
	margin:0;
	padding:0 0 16px 0;
padding:0;
	list-style:none;
	vertical-align:middle;
/*	height:2em; */
	font-family: Arial, Helvetica, sans-serif;
}
nav ul li {
	display:inline-block;
	position:relative;
	width:auto;
	text-align:center;
}
nav ul li a, nav ul li a:active, nav ul li a:visited {
	display:block;
	padding:8px 20px;
	font-size:18px;
	color:#fff;
	line-height:1em;
	transition:all .5s;
}
nav ul li a:hover {
	background-color:gold;
	color:#000 !important;
	text-decoration:underline;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	display: none; padding: 4px 0; background: #0046a0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.5em; color: #fff;
	text-decoration: none; text-align: center;
}

/*Hide checkbox*/
nav input[type=checkbox] { display: none; }

/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ ul { display: block; }

#home nav ul li:first-child a, #home nav ul li:first-child a:active, #home nav ul li:first-child a:visited { color:gold; }
#home #mainTop { position:relative; margin-left:46%; width:48%; }
#home #callToAction { padding-left:0em; max-width:480px; text-indent:0; color:#c00; text-align:left; font-weight:bold; }
#connecting {
	float:left;
	margin:0 1% 0 3%;
	padding-top:1%;
	width:40%;
	text-align:center;
}
#connecting img { width:98%; box-shadow:4px 4px 4px #888; }
#home #mainBottom { position:relative; margin:2em 46% 1.5em 12%; width:40%; }
#planning {
	float:right;
	margin:2.2em 14% 0 1%;
	width:32%;
	text-align:center;
}
#planning img { width:98%; box-shadow:4px 4px 4px #888; }

#about #wrapper nav ul li:nth-child(2) a { color:gold; }
#about #mainTop { margin:0 auto; width:80%; }
#about #clientsBox { float:left; margin:.2em 1em .5em 1em; padding:1em 8px; width:300px; background-color:#a00; font-family: Arial, Helvetica, sans-serif; font-size:1.2em; }
#about #clientsBox h2 { font-size:1.2em; color:#fff; text-shadow:2px 2px 0 #444; }
#about #clientsBox ul { margin:10px 1.4em; list-style:none; color:#fff; font-weight:bold; line-height:2em; text-shadow:2px 2px 0 #444; }

#succession #wrapper nav ul li:nth-child(3) a { color:gold; }

#team #wrapper nav ul li:nth-child(4) a { color:gold; }
#team #mainTop { margin:0 2%; }
#team #meeting { float:left; margin:.5em 2%; width:40%; text-align:center; }
#team #meeting img { width:98%; max-width:650px; box-shadow:4px 4px 4px #888; }
#team #chartBox { margin:0 auto; width:80%; text-align:center; }
#team #chartBox img { width:98%; max-width:1043px; }
#team #mainBottom { margin:.5em auto 3em auto; padding:.5em 0; width:80%; background-color:#FFF8DC; box-shadow:6px 6px 6px #444; }
#team #mainBottom h2 { font-size:2em; text-align:center; }
#team .teamBox { margin-bottom:1em; }
#team .teamBox h3 { font-size:1.1em; font-weight:bold; color:crimson; }
#team .teamBox p { font-size:.9em; }
#team .teamImageBox { float:left; margin:0 1em 1em 0; width:30%; text-align:center; }
#team .teamImageBox img { width:98%; max-width:300px; box-shadow:4px 4px 3px #444; }

#clients #wrapper nav ul li:nth-child(5) a { color:gold; }

#contact #wrapper nav ul li:nth-child(6) a { color:gold; }
#contact #mainTop { margin:0 auto 1em auto; width:80%; }
#contact .leftSplash { width:40%; }
#contact #mainBottom { margin:1em auto 2em auto; padding:1em 2em; width:50%; min-width:300px; background-color:#eee; }
#contact #mainBottom form p input { font-size:1em; }
#contact #mainBottom form p { padding-top:.6em; font-weight:bold; }
#contact #mainBottom form label { font-family:arial,sans-serif; }
#contact #mainBottom form input[type=submit] { padding:4px 8px; color:#fff; background-color:#c0392b; border-radius:0; border:solid 1px gold; }
#contact #mainBottom form input[type=submit]:hover { color:#000; background-color:gold; }

#switch #wrapper nav ul li:nth-child(2) a { color:gold; }


footer {
	padding:4px;
	background-color: #385D8A;
	color:#fff;
}
footer a, footer a:visited { color:#fff; }

.smalltext { font-size:10px; }
.centered { text-align:center !important; }
.boldText, .strongText { font-weight:bold; }
.reg { text-decoration:underline; }
.center60 { margin-left:auto; margin-right:auto; width:60%; }
.center70 { margin-left:auto; margin-right:auto; width:70%; }
.center80 { margin-left:auto; margin-right:auto; width:80%; }
.clearLeft { display:block; clear:both; height:1px; }
.noWrap { white-space:nowrap; }
.noOverflow { overflow:hidden; }
.halfBox { box-sizing:border-box; float:left; margin:0 2% 12px 0; width:48%; }
.clearLeft { clear:left; font-size:1px; height:1px; line-height:1px; }
.clearFix { }
.clearFix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#home h1 { text-align:center; }
.thirdBox { box-sizing:border-box; float:left; width:29%; margin-right:3.3%; min-width:300px; }
#homeSplash { margin-top:1em; }
#homeSplash .thirdBox:first-child { margin-left:2%; }
#homeSplash .thirdBox p { font-family:helvetica,arial,sans-serif; }
#homeSplash .thirdBox p:first-child { text-align:center; }
#homeSplash .thirdBox p:first-child img { width:100%; max-width:475px; }
#homeSplash .thirdBox h3 { margin-bottom:.5em; text-transform:uppercase; }
#homeSplash .thirdBox ul { margin-left:3em; font-size:.9em; }
#callToAction2 { margin-top:1em; padding-left:0em; text-indent:0; color:#c00; text-align:center !important; font-weight:bold; }

.leftSplash { float:left; width:35%; margin:0 2em 2em 0; text-align:center; }
.leftSplash img { width:98%; max-width:475px; }

#switch #mainContent, #succession #mainContent { padding-top:2em; }
#mainContent .noOverflow p { margin-right:6em; }

.mxtBlue { background-color:#0082C3; }
.pomegranate { 	background-color:#c0392b; } /* #2980b9 */

/* =====================
     Media Queries
   ===================== */

@media all and (max-width:768px) {
.noMobile { display:none; }
#nav ul {
	width:90%;
}
.center80, .center70, .center60 { width:auto; }

} /* end media query 768px */


@media all and (max-width:480px) {

h1 { margin-top:4px; font-size:1.5em; text-align:center; }
textarea { box-sizing:border-box; width:100%; }

#wrapper { margin:0; width:auto; box-shadow:none;}
#logoBox { min-height:0; }
#logoBox img { width:40%; }
#mainContent { padding:2px 6px; }
nav ul { display:none; width:auto; height:auto; }
nav ul li { display:block; width:auto; height:auto; }
nav ul li a { padding:6px 4px; text-align:center; line-height:2.1em;  }

/*Display 'show menu' link*/
.show-menu { display:block; }

.halfBox { float:none; width:auto; }

#mainContent .noOverflow p, #team .teamBox p { margin-right:2em; }

#home #connecting { display:none; }
#home #mainTop { margin:0 6px; width:auto; }
#home #mainBottom { margin:1em 0; width:auto; }
#home #callToAction { padding-left:0; text-align:center; }
#home #planning { float:none; margin:1em; width:auto; }
.thirdBox { box-sizing:border-box; float:none; width:auto; margin:0 2%; }

#about #mainTop { margin:0 auto; width:auto; }
#about #clientsBox { float:none; margin:1em auto; padding:8px 6px; width:auto; max-width:320px; font-size:1em; }
#about #clientsBox ul { line-height:1.1em; }

#team #mainBottom { margin:0 auto 1em auto; padding:.5em 0; width:98%; box-shadow:3px 3px 6px #444; }
#team #mainBottom h2 { font-size:1.6em; }
#team .teamBox { float:none; margin:1em 8px; width:auto; }

#contact #mainTop { margin:0 auto 1em auto; width:98%; }
#contact #mainBottom { margin:1em auto 2em auto; width:auto; }

} /* end media query 480px */