@import url("../jquery_ui/smoothness/jquery-ui-smoothness.css");
@import url("basic.css");

/* ============================================================
	Everything after this should be the design
============================================================ */

.page {
	max-width: 100%;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	background-color:#f4f4f4;
	color:#676565;
}

.main__content {
	padding:1em 2em;
}
.main__modules {
	padding:1em 2em;
}
.header__logo {
	float:left;
}

.generic__inner {
	width:1000px;
	margin:0 auto;
}
.header__contact {
	float:right;
	margin-top:1.5em;
	color:white;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	margin-right:1em;
}
.page-headers {
	min-width:1000px;
	position:relative;
}

.page-headers__lines {
	width:100%;
	position:absolute;
	height:100%;
	top:0;
	left:0;
	background:transparent url("../../images/line-repeater.png") repeat top left;
	z-index:100;
}

.header {
	position:absolute;
	left:0;
	right:0;
	z-index:1000;
	background:transparent url("../../images/shadow.png") repeat-x top left;
	background-position:0% top;
	min-height:300px;
}

.nav {
	position: relative;
	
	clear:both;
}

.nav__nav {
	text-align:right;
}

.nav__extender {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;
	margin-left: 500px;
	
	background-color: rgba(22, 108, 163, 0.7);
}

.nav__link {
	color:white;
	text-decoration:none;
	font-size:1.2em;
	padding:.3em 1em;
}

.nav__item {
	background-color: rgba(22, 108, 163, 0.7);
}

.nav__item:hover{
	background-color:#16a358;
}
.nav__item__current{
	background-color:#16a358;
}

.nav__list__level-1 {
	
}
.nav__link__level-2 {
	width:200px;
	text-align:left;
}
.nav__link__level-3 {
	width:150px;
	text-align:left;
}
.nav__link__level-4 {
	width:150px;
	text-align:left;
}
.three {
	margin:0 auto;
	background: #16a358;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2YTM1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzE2YTM1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE2NmNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjZjYTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -ms-linear-gradient(left,  #16a358 0%,#16a358 49%,#166ca3 51%,#166ca3 100%);
	background: linear-gradient(to right,  #16a358 0%,#16a358 49%,#166ca3 51%,#166ca3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16a358', endColorstr='#166ca3',GradientType=1 );
}

.three ul{
	list-style-type:none;
}
.three p {
	padding-top:1.5em;
	font-size:.9em;
}

.three h2 {
	font-weight:bold;
	text-transform:uppercase;
	font-size:2.4em;
	margin-bottom:0px;
	line-height:1;
}

.three h2 small{
	font-weight:normal;
	display:block;
	font-size:.5em;
	text-transform:lowercase;
}

.three__left {
	background-color:#16A358;
	padding:1.5em 3em;
	color:white;
	width:33.33333%;
	float:left;
}

.three__middle {
	background-color:#555555;
	padding:1.5em 3em;
	color:white;
	width:33.33333%;
	float:left;
}

.three__right {
	background-color:#166ca3;
	padding:1.5em 3em;
	color:white;
	width:33.33333%;
	float:left;
}

.three__learn {
	padding-top:1em;
	color:white;
	font-size:1em;
	text-decoration:none;
	display:block;
}

/* ============================================================
	Generic Content
============================================================ */

h1 {
	font-size:3em;
	color:#166CA3;
	padding-top:0em;
}

h2 {
	font-size:2.5em;
	padding-top:.5em;
}

h3 {
	font-size:2.3em;
	padding-top:.5em;
}

h4 {
	font-size:2.0em;
	padding-top:.5em;
}

h5 {
	font-size:1.5em;
	padding-top:.5em;
}

p {
	padding-top:1em;
}

.main__content ul, .main__content ol {
	padding-left:3em;
	padding-top:1em;

}
.main__content {

}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.client-spotlight {
	padding: 10px 10px 60px 10px;
	margin-top:50px;
}

.client-spotlight h2 {
	font-weight: bold;
	font-size: 170%;
	padding: 60px 0 20px 0;
}

.client-spotlight h3 {
	font-weight: bold;
	font-size: 150%;
}

.client-spotlight p {
	font-size: 110%;
}

.client-spotlight__image {
	border-radius: 50%;
	float: left;
	max-width: 200px;
}
.client-spotlight__name {
	border-left:4px solid #16a358;
	padding-left:1em;
	margin-top:1em;
	color:black;
}
.client-spotlight__content {
	margin-left:250px;
}

.personal-touch {
	background:blue url("../../images/personal-bg.jpg")top center no-repeat;
	background-size:cover;
	padding:3em;
}

.personal-touch__top {
	background-color:rgba(4, 40, 79, 0.8);
	padding:3em;
	color:white;
}

.personal-touch__top h2 {
	background-color:#166ca3;
	padding-top:.2em;
	padding-bottom:.2em;
	padding-left:3em;
	padding-right:1em;
	display:inline;
	margin-left:0;
	text-transform:uppercase;
	font-size:2em;
	margin-left:-3em;
}

.personal-touch__top p {
	font-size:2em;
	font-weight:bold;
}

.personal-touch__bottom {
	background-color:rgba(9,18,27,0.9);
	padding:1.5em;
}
.personal-touch__submitwrap {
	clear:both;
	position:relative;
	height:35px;
}
.personal-touch__submit {
	background-color:#16a358;
	color:white;
	border:none;
	text-transform:uppercase;
	font-size:1.5em;
	padding:.5em;
	position:absolute;
	top:1em;
	right:0;
}
.personal-touch__submit:hover{
	background-color:#0a8041;
}

.personal-touch__bottom__left {
	width:30%;
	float:left;
}
.personal-touch__name {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:1em;
	font-family:inherit;
	font-size:100%;
}
.personal-touch__email {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:1em;
	margin-top:1em;
	font-family:inherit;
	font-size:100%;
}
.personal-touch__description {
	width:68%;
	float:right;
	height:130px;
	font-family:inherit;
	font-size:100%;
	padding:1em;
	box-sizing:border-box;
}

.features {
	background: #F4F4F4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiMyYTQ4NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmE0ODY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #F4F4F4 30%, #2a4867 30%, #2a4867 100%);
	background: -ms-linear-gradient(top,  #F4F4F4 30%,#2a4867 30%,#2a4867 100%);
	background: linear-gradient(to bottom,  #F4F4F4 30%,#2a4867 30%,#2a4867 100%);
	min-height:400px;
	color:white;
}
.features a {
	color:white;
}
.features__image {
	width: 100%;
	height: auto;
	display: block;
}
.features__item a{
	color:white !important;
	text-decoration:none;
}
.features__item {
	margin: 0 1.5em;
	max-width: 250px;
	display: inline-block;
	font-size: 1em;
	color: #131B28;
}

.features__item h2 {
	font-weight: bold;
	font-size: 170%;
	color:white;
	text-transform:uppercase;
}
.features__item small{
	font-weight: normal;
	font-size: 55%;
	padding-top:0;
	display:block;
}

.features__list {
	text-align: center;
}

.footer-logos {
	background-color:#f4f4f4;
	text-align:center;
	padding-top:2em;
	padding-bottom:2em;
}
.footer-logos li{
	display:inline;
	list-style-type:none;
}


.footer {
	background-color:#16a358;
	color:white;
}

.footer__inner {
	padding:3em;
}

.footer__inner a{
	color:white;
}

.page-headers__title {
	font-size:2.5em;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1;
}

.page-headers__description {
}

/*
.page-headers__callout__wrapper {
	position:relative;
}
.page-headers__callout p {
	padding-top:0;
}
.page-headers__callout {
	max-width:650px;
	left:0;
	position:absolute;
	bottom:50px;
	z-index:500;
	background-color:rgba(0, 111,177,0.7);
	color:white;
	padding:1em;
}
*/
.page-headers__callout {
	position:absolute;
	left: 0;
	right: 0;
	bottom:50px;
	z-index:500;
}

.page-headers__callout-extender {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 50%;
	margin-right: 500px;
	
	background-color:rgba(0, 111,177,0.7);
}

.page-headers__callout-inner {
	max-width:730px;
	
	background-color:rgba(0, 111,177,0.7);
	color:white;
	padding:1em;
}

.page-headers__callout p {
	padding-top:0;
}


.forms {
	background-color:white;
	padding:1em;
}
.forms__form-item h2 {
	font-size:1.2em;
}
.main a {
	color:#16A358;
}
@media screen and (max-width: 1040px) {
    .personal-touch__top h2 {
    	margin-left:-3em;
    }
    .personal-touch {
    	padding:1em 0em;

    }
}