/* Custom CSS for Stratium */

body {
	top: 51px;
	position: relative;

    overflow-x: hidden;
	background: white;
	font-family: sans-serif;
	background: url("../img/bg.png");
	background-repeat: repeat;
    box-shadow: inset 0px 0px 125px rgba(0,20,30,.1);
}

h2, h3.banner-btn {
	font-family: sans-serif;
	font-weight: 100;
}

.legal-disclaimer {
	font-size: .8em;
}

p {
	margin: 0;
}

h3 {
	font-size: 1.3em;
	margin-top: 0;

}

h4 {
	font-style: italic;
	margin-left: 20px;
	font-size: 15px;
}

iframe {
	border: 1px solid black;
	width: 100%;
	height: 18em;
	margin-bottom: 15px;
}

ul, ol {
    margin-bottom: 20px;
    margin-top: 0;
}

.textbig-top, .textbig, .titlebar{
	font-family: "century gothic", sans-serif;
	color: white;
}

textarea {
    resize: none;
}



body.home {
	background: white;
}

body.home a:hover, footer a:hover, .dropdown-text a:hover {
	color: white;
	text-decoration: none;
}


body.home a:active, {
	color: white;
	text-decoration: none;
	outline: none;
}

footer a, .dropdown-text a{
	color: rgba(255,255,255,.66);
}


.about .overview-text {


	padding-top: 1px;

	max-width: 420px;


}


.about-textbox {
	min-height: 44em;
	max-width: 800px;
	border: solid 1px gray;
	margin: 2em 3%;
	padding: 1em 2em;
	background: #667278;
	background: rgba(255,255,255,.6);
	box-shadow: inset 0px 0px 40px rgba(105,115,120,.1);
}


.arrow-up{
	top: 24px;
	right: 2.5em;
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 16px solid rgb(43,59,67);

}

.arrow-up-cont {
	top: 24px;
	right: 2em;
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 16px solid rgb(43,59,67);
}

.arrow-hide {
	padding-bottom: 20px;
	position: relative;
	z-index: 600;
	background: white;
}

.arrow-hide:hover {
	background: none;
}

.arrow-hide a.nav-text{
	color: black;
}

.arrow-hide:hover a.nav-text{
	color: rgb(150,59,27);
}


.blue_bg {

	text-align: center;
	background:#2B3B43;
	background: rgba(43,59,67,.6);
}

.banner-btn {
	display: inline-block;
 	padding: 3px 8px 2px;
    margin-top: 10px;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
	border: 2px solid white;
	border-radius: 3px;
}

.banner-btn:hover {
	color: white;
	background: rgba(50,40,30,.1);
}


.banner-txt {
	color: white;
}

.big-text {
	font-size: 2em;
	letter-spacing: 10px;
	margin: 0 0 10px 10px;
	font-style: italic;
}

.prominant-text {
	font-size: 12px;
    font-family: sans-serif;
    font-weight: normal;
	margin: 0;
}

.bottom {
	min-height: 2em;
	background: white;
	padding-right: 10px;
}

.btn {
	margin-bottom: 15px;
}

.career-box {
	height: 100%;
	min-height: 100%;
	max-width: 64em;
	text-align: center;
	margin: 1em 3%;file:///Users/andycalmes/Documents/stratium-site/site-map.html
	padding: 1em;

	background: rgba(43,59,67,.6);

}


.carousel-indicators {
  height: 20px;
  top: 172px;
  z-index:1000;
}

.carousel-indicators a {
	margin: 0 2px;
	width: 8px;
	height: 8px;
	border: 1px solid white;
	margin: 0 2px;
	width: 8px;
	height: 8px;
	background: rgba(255,255,255,.1);
	font-size: 1px;
	padding: 3px;
	border-radius: 50%;
}

.carousel-indicators a.activeSlide {
	margin: 0 2px;
	width: 8px;
	height: 8px;
	background: rgba(255,255,255,.5);
}

.certs {
	margin: 0;
	border-top: solid 1px rgb(43,59,67);
	background: white;
}

.cert-icons {
	margin: auto;
}

.cert-text {
	padding: 5px 0;
	font-size: 1.5em;
	color: rgb(230,240,240);
}

ul.checklist {
	list-style-type: none;
	padding-left: 20px;
}

ul.checklist .glyphicon {
	top: -1px;
	font-size: 9px;
  	margin-right: 4px;
}

.content-background {

    background: #FFFFFF;
    /* works for IE 5+. */
    filter:alpha(opacity=66);

    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";

    background: rgba(255,255,255,.66);
    padding:20px 3% 80px 3%;
    color:black;
    font-size:14px;
    display:block;
}

.content-background .row {
	margin: 0;
}


.cont-box {
	height: 100%;
	min-height: 100%;
	max-width: 71.3em;
	margin: 0;
	padding: 1em;
	background: rgba(43,59,67,.6);
}



.cont-container {
    margin:5px 3% 20px 3%;

}

.cont-info-box {
	margin: 10px 0px;
	padding: 0;
    height: 100%;
        background:#667278;
	background: rgba(43,59,67,.6);

}

.cont-info-container {
	padding: 10px 20px;
	margin: 0;
	position: relative;
	max-width: 700px;

}

.cont-textbox {
	position: relative;
	border: solid 1px gray;
	margin: 20px 0 20px 0;
	padding: 0 20px 20px 20px;
	background: #667278;
	background: rgba(255,255,255,.6);
	box-shadow: inset 0px 0px 50px rgba(105,115,120,.1);

}

.cont-logo {
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 auto;
	float: none;
}

.cont-desc {
	font-size: 12px;
	opacity: .5;
	padding-bottom: 15px;
}


.cont-title-box {
	padding: 20px 0px;
	max-width: 740px;
	margin: 0 auto;
	text-align: center;
}

.cont-title {
	font-weight: bold;
	font-size: 1.1em;
	padding: 10px 0;
}

.contact .btn {
	margin-left: 30%;
	margin-bottom: 15px;
	width: 40%;
	text-align: center;
	float: none !important;

}

.contact .btn:hover {
	background: rgb(230,230,230);

}

.copyright {
	padding: 5px;
	text-align: right;
	opacity: .7;

}

.down-arrow {
	position: relative;
	top: -1px;
	font-size: 8px;
	opacity: .8;
}


.dropdown-menu {
	overflow-x: hidden;
	left: -25em;
	padding: 2em 250em;
    margin: 0px -252em;
	width: 551em;
	background: rgb(43,59,67);
	border: none;
}

.cont {
	left: -34em;
}


.dropdown-text li {
	list-style: none;
}



ul.dropdown-text {
	color:#667278;
	color: rgba(255,255,255,.66);
	position: relative;
	padding-left: 20px;
	z-index: 500;

}

li.dropdown-text-italics {
	color:#667278;
	color: rgba(255,255,255,.66);
	position: relative;
	padding-left: 20px;
	z-index: 500;
    font-style:italic;
}

ul.dropdown-text a{
	color: rgba(255,255,255,.75);
	line-height: 20px;
    width: 20em;
    display: block;
    margin: 0 0 12px 0;


}

ul.dropdown-text a:hover {
	color: white;
}

ul.dropdown-text  a:active {
	outline: none;
	text-decoration: none;
	color: white;
	font-size: 110%;
}


ul.nav li.dropdown {
	padding: 0;
	margin: 0 30px;
	background: none;

}

.faded-text {
	opacity: .7;
}

figcaption {
	padding: 6px 0 60px 0;
	text-align: center;
}

.focus-box {
	margin: 7px 0;
	padding: 10px;
    height: 230px;
    	background:#324047;
	background: rgba(43,59,67,.8);
}

.focus-box:hover {
   	background:#2B3B43;
	background: rgba(43,59,67,.88);

}

.focus-box a {
	text-decoration:none;
}


.focus-container {
	margin: auto;
	position: relative;
	width: 205px;

}




.footer {
	min-height: 190px;
	background:  #2B3B43;
}

.footer-nav {
	width: 200px;
	padding: 1em 3.5em;

}

.footer-nav li a:hover {
	background: none;
}

.footer .nav-pills a{
	display: block;
	margin: 0 15px;
	padding-bottom: 15px;
	left: -30px;
}




.help-box {
	position: relative;
	padding: 15px;
    height: auto;
    width: auto;
	background: rgba(43,59,67,.8);
}

.icons {
	max-height: 8em;
	float: none;
	margin: 8px auto;
	padding: 0 15px;
	opacity: .4;
}

.icon-text {
	padding: 0;
	font-size: 1.1em;
	font-weight: 600;
	color: rgb(230,240,240);
}



.icon-text:hover {
	color: white;
	/*text-decoration: underline;*/
}

.link_title {
	color: white;
}

.link-text {
	color: rgb(190,205,205);

}

.link-text:hover {
	color: white;
	text-decoration: underline;
}

.link-text-blue {
	color: rgb(118,150,200);
}

.link-text-blue:hover {
	color: rgb(25,90,200);
	text-decoration: underline;
}

.link-text-dark {
	color: rgb(43,59,67);
}

.link-text-dark:hover {
	color: rgba(43,59,67,.7);
	text-decoration: underline;
}

.logo-dropdown {
	left: 8em;
	display: block;
	position: fixed;
	margin: -73px 0;
	opacity: .8;
	z-index: 499;

}

.logo-background {
	display: block;
	width: 180px;
	right: 0px;
	position: absolute;
	margin: 70px 5px;
	float: right;
	opacity: .8;
}

#MainMenu {
	overflow: auto;
	padding: 0;
	text-align: center;
	background: white;
	border: none;
	margin: 0;
	box-shadow: 0 10px 10px rgba(43,59,67,.15);
}

/* This one is only the top-level for mobile navbar */
#MainMenu > .list-group-item {
	text-transform: uppercase;
}

#MainMenu .list-group-item {
	background: rgb(43,59,67);
	color: white;
	border-radius: 0;
	border: none;
	margin: 0;
}

#MainMenu .list-group-item-success {
	background: white;
	color: black;
	border: none;
	margin: 0;
}

#MainMenu .dropdown-text{
	display: block;
	background: rgb(43,59,67);
	color: white;
	border: none;
}

.map {
	color: rgba(255,255,255,.8);
	margin: 0 auto;
	padding: 40px 0 30px;
	background: url("../img/map.jpg");
	background-position: center;
	background-size: 400%;

}

.map ul {
	text-align: left;
	list-style-type:none;
}

.map li {
	margin: 20px;
}

.map a, .map li {
	font-size: 18px;
	color: rgba(255,255,255,.8);
}

.map a:hover{
	text-decoration: none;
	color: rgba(255,255,255,1);
}

.map ul .sub-text {
	margin: -10px 0 ;
}

.map .sub-text li {
	margin: 5px;
}

.map .sub-text a {
	font-size: 12px;
}

.modal {
	top: 100px;



}

.modal-backdrop {
	z-index: 989;
}

.modal-header {
	position: relative;
	top: 20px;
	border: 0;
	z-index: 1051;
}

.modal img {
	margin: 0 auto;
	text-align: center;
}


.more-less {
	top:-18px;
	opacity: .5;
	position: relative;
	color: rgb(43,59,67);
	font-size: 14px;
	float: right;

}

.more-less:hover {
	color: rgb(43,59,67);
	text-decoration: underline;
}




.navbar {
	height: 51px;
	background: white;
	border: none;
	box-shadow: 0 5px 10px rgba(50,40,0,.15);
}

 .navbar .nav > li {
    padding: 0 0 0 15px;
}

.navbar-brand {
	margin-left: 5%;
	position: relative;
	padding: 4px;
	z-index: 5001;
}

.navbar-brand img {
	width: 150px;
}

.navbar-collapse #MainMenu{
	display: block;

}


.navbar-collapse.in {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-y: visible;
}

.navbar .container {
	padding: 0;
	width: 100%;
}


.nav {
	margin-top: 25px;
}

.nav-main {
	display: none;
	position: relative;
	top: -45px;
	z-index: 5000;
}


.nav-text {
	color: black;
}

.nav-text:hover {
	color: rgb(150,59,27) !important;
	text-decoration: none;
}



ul.nav-pills a{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
}

ul.nav-pills a:hover {
	background: none;
}


.navbar-collapse li a{
	background: white;
}



/* nav toggle icon */


.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 6px;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 4px;
}

#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 24px;
  background: black;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -8px;
}
#nav-toggle span:after {
  bottom: -8px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  }
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#nav-toggle.active span:after {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}


/* OVERVIEW BANNERS */

.overview-banner {
	position: relative;
	margin-left: -300px;
	padding: 15px;
	min-height: 250px;
}

.about .overview-banner {
	background: url("../img/city.jpg");
	background-position: center;
}

.business-intel .overview-banner {
	background: url("../img/light.jpg");
	background-position: center;
}

.contact .overview-banner {
	background: url("../img/contact-us.jpg");
	background-position: center;
}

.development .overview-banner {
	background: url("../img/construct.jpg");
	background-position: center;
}

.eco .overview-banner {
	background: url("../img/file.jpg");
	background-position: center;
}

.fed-cert .overview-banner {
	background: url("../img/usa.jpg");
	background-position: center;
}

.inform .overview-banner {
	background: url("../img/clock.jpg");
	background-position: center;
}

.invest .overview-banner {
	background: url("../img/graph.jpg");
	background-position: center;
}

.maintenance .overview-banner {
	background: url("../img/wrench.jpg");
	background-position: center;
}

.project-mng .overview-banner {
	background: url("../img/conduct.jpg");
	background-position: center;
}

.state-cert .overview-banner {
	background: url("../img/texas.jpg");
	background-position: center;
}

.strategy .overview-banner {
	background: url("../img/chess.jpg");
	background-position: center;
}

.systems-int .overview-banner {
	background: url("../img/tracks.jpg");
	background-position: center;
}

.open-src .overview-banner {
	background: url("../img/money.jpg");
	background-position: center;
}

.overview-banner ul {
	padding-top: 10px;
	color: white;
	font-weight: normal;
}

.overview-banner table {
	color: white;
	font-weight: normal;
}
.overview-container {
	max-width: 64em;
	margin: 2em auto;
}


.overview-text {
	display: block;
	position: relative;
	color: white;
	font-size: 1.2em;
	font-weight: 100;
	text-shadow: 1px 1px 10px black;
	margin-left: 300px;
	padding: 10px 15px;
	max-width: 556px;

}

.overview-text h2 {
	line-height: 30px;
}

.privacy h3, .terms h3, .dir h3{
	font-weight: bold;
}

.privacy p,.terms p {
	line-height: 1.25em
}

.profile-box {
	position: relative;
	margin: 20px 3%;
	padding: 0;
    min-height: 260px;
	background: rgba(43,59,67,.6);
}


.profile-container {
	padding: 15px;
}

.profile-link {
	position: absolute;
	bottom: 0;
	margin: auto;
	width: 100%;
	padding: 15px;
	text-align: center;
	background: rgba(255,255,255,.2);
}

.profile-pic {
	position: relative;
	float: left;
	margin: 0 15px 0 0;
}


.profile-img-reduce	{
	width: 110px;
}



.profile-text {
	color: white;
	line-height: 16px;
	font-size: .9em;
	margin-bottom: 50px;

}


.quotes {
	padding: 50px 5px 0 5px;

}

.quote-icon {
	display: block;
	position: absolute;
	padding-left: 3em;
	opacity: .6;


}

.quote-text {
	display: block;
	position: relative;
	margin: 10px;
	padding-top: 10px;
	font-size: 1.5em;

}

.quote-auth {
	position: relative;
	color: rgb(43,59,67);
	font-size: 1.1em;
	font-style: italic;
	text-align: center;
	padding-right: 0;

}

.soc-icon-container {
	position: relative;
    top: 125px;
    right: 25px;
    padding: 5px;
    float: right;
}


.soc-icon {
	padding: 0 4px;
	opacity: .3;
	width: 36px;
}

.soc-icon:hover {
	opacity: 1;
}


/* TABLE STYLES */

.career-table {
	margin:0px;
	adding:0px;
	width:100%;
	border:1px solid #000000;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;

}

tr:nth-child(odd){
	background-color:#f5f5f5;
}

tr:nth-child(even) {
    background-color:#ffffff; }

td{
	vertical-align:left;
	border:1px solid rgba(0,0,0,.1);
	border-width:0px 1px 0px 0px;
	text-align:left;
	padding:9px;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}

tr:last-child td{
	border-width:0px 1px 0px 0px;
}

tr td:last-child{
	border-width:0px 0px 0px 0px;
}

tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}

tr:first-child td{

	background-color:#EBEBEB;
	border:0px solid rgba(0,0,0,.1);
	text-align:center;
	border-width:0px 0px 0px 1px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

tr:first-child td:first-child{
	border-width:0px 0px 0px 0px;
}
tr:first-child td:last-child{
	border-width:0px 0px 0px 1px;
}








.contact-table tr:nth-child(odd){
	background-color:transparent;
}

.contact-table tr:nth-child(even) {
    background-color:transparent; }

.contact-table td{
	vertical-align:top;
	border:1px solid rgba(0,0,0,.1);
	border-width:0px 1px 0px 0px;
	text-align:left;
	padding:9px;
	font-size:14px;
	font-weight:normal;
	color:white;
}


.contact-table tr:first-child td{
	background-color: transparent;
	vertical-align:left;
	border:1px solid rgba(0,0,0,.1);
	border-width:0px 1px 0px 0px;
	text-align:left;
	padding:6px;
	font-size:14px;
	font-weight:normal;
	color:white;
}









.texas {
	position: relative;
	padding: 10px 0;
	margin: 0 auto;
	max-width: 71.3em;
	/*background: url("../img/texas.png") no-repeat;
	background-size: 100%;*/


}

.textbox {
	height: 100%;
	min-height: 100%;
	max-width: 64em;
	border: solid 1px gray;
	margin: 1em 3%;
	padding: 1em;
	background: rgba(255,255,255,.6);
	box-shadow: inset 0px 0px 40px rgba(105,115,120,.1);
}

.textbig{
	line-height: 1.2em;
	padding: 0 0 .6em 0;
	font-size: 2em;
	letter-spacing: 1px;
	color: rgb(153,59,27);
}


.text_hide {
	display: block !important;
}

.top-title {
    color: white;
    font-size: 1.2em;
    font-weight: bold;
	margin: 0;
	padding: 10px 20px;
	width:100%;
	top: 0;
	background: rgba(43,59,67,.5);
}

.titlebar {
	text-align: center;
	font-size: 1.6em;
	font-weight: lighter;
	padding: 5px;
	letter-spacing: 3px;
	color: white;
	background: rgb(43,59,67);

}

.white-title {
	color: white;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1em;
}

.white-text {

	color: white;
	line-height: 1.66em;

}

/*.wrapper {
	background: url("../img/geometric.png") fixed;
	background-repeat: repeat-x;
} */





/* slide styles */

.acc {
	position:absolute;
	top:-999em;
	left:-999em;
}

.page {
	/*min-height: 200px;*/
    max-height: 200px;
	padding: 2em 15px 5em;
}

.slides {
    width:100% !important;
    overflow:hidden;
}
.slide {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
.slide .d {
    height:100%;
    width: 100%;
}
.slide .t {
	display:none;
	}
.slide img {
    max-width:100%;
}
.wrapper {
    width:100%;
    position:absolute;
    top:0;
    z-index:990;
}

.slide_title {
	text-align:center;
}




/* Media Queries */


@media all and (min-width: 320px) {

    h2 {
        font-size: 25px;
        margin-top: 10px;
    }
    	.carousel-indicators {
	    top: 170px;
    }

	.content-background {
	    padding: 20px 10% 80px 10%;
	}

	.content-background .row {
		margin-left: -15px;
		margin-right: -15px;
	}


	.focus-box {
		margin: 3%;
		padding: 20px 40px 0 30px;
	    height: 170px;
	}

	.focus-container {
		margin: auto;
		width: 200px;
		text-align:center;
        vertical-align: bottom;
	}

	.footer .nav-pills a{
		padding-bottom: 15px;
		left: -20px;
	}

	.icons {
		float: left;
		margin: 2px;
		padding: 0 0 0 0;
	}

	.icon-text {
		padding: 28px 10px 10px 20px;
        font-size: .8em;
        vertical-align: text-bottom;
        text-align: center;
	}

	.logo-background {

		margin: 55px 0px;
		width: 300px;
	}

	.map {
		background-size: 250%;
	}

	.page {
		padding: 1em 0 6em 0;
	}

	.profile-container {
		padding: 10px;
	}

	.slide .m,
	.slide .d {
		display:none;
	}
	.slide .t {
		display:block;
		width: 100%;
	}

	.textbig {
		line-height: .8em;
	}
}

@media all and (min-width: 479px) {

    h2 {
	    font-size: 25px;
        margin-top: 10px;
    }

	.carousel-indicators {
	    top: 170px;
    }

	.content-background {
	    padding: 20px 10% 80px 10%;
	}

	.content-background .row {
		margin-left: -15px;
		margin-right: -15px;
	}


	.focus-box {
		margin: 3%;
		padding: 20px 40px 0 30px;
	    height: 170px;
	}

	.focus-container {
		margin: auto;
		width: 280px;
		text-align:center;

	}

	.footer .nav-pills a{
		padding-bottom: 15px;
		left: -20px;
	}

	.icons {
		float: left;
		margin: auto;
		padding: 0 8px 0 0;
	}

	.icon-text {
		padding: 28px 0 0 20px;
        font-size: 1em;
	}

	.logo-background {

		margin: 55px 0px;
		width: 300px;
	}

	.map {
		background-size: 250%;
	}

	.page {
		padding: 2em 0 6em 0;
	}

	.profile-container {
		padding: 25px;
	}

	.slide .m,
	.slide .d {
		display:none;
	}
	.slide .t {
		display:block;
		width: 100%;
	}

	.textbig {
		line-height: .8em;
	}

}


@media all and (min-width: 568px) {
     h2 {
	    font-size: 27px;
        margin-top:15px;
    }

	.focus-container {
		padding: 0 20px;
		width: 400px;
	}

	.icons {
		max-height: 9em;
		padding: 0 10px 0 0;
	}

	.icon-text {
		padding: 38px 0 0 0;
        font-size: 1.1em;
	}

	.logo-background {
		margin: 40px 0px;
		width: 400px;
	}

	.soc-icon-container {
	    top: 125px;
	    right: 50px;
	    padding: 10px;
	}


	.soc-icon {
		padding: 0 10px;
		width: 55px;
	}


}


@media all and (min-width: 768px) {


	body {
		top: 60px;
	}

	iframe {
		height: 30em;
	}


	.about-textbox {
		max-width: 600px;
		margin: 2em 3% 2em 0;

	}

	.career-box {
		margin: 2em 5%;
		padding: 1.1em 2em 2em ;

	}

	.carousel-indicators {
	    top: 177px;
	}

	.collapse {
		display: block !important;
	}

	.content-background {
	    padding: 20px 3% 80px 3%;
	}

	.focus-container {
		padding: 0;
		width: 175px;
	}

	.focus-box {
		margin: 7px 0;
		padding: 10px;
	    height: 200px;
	}

	.help-box {
		padding: 25px;

	}

	.icons {
		margin: 10px auto;
		padding: 0 15px;
		float: none;
	}

	.icon-text {
		font-size: 1.1em;
		padding:0;
	}

	.map {
		background-size: 110%;
	}


	.more-less {
		display: none;
	}

	.navbar {
		height: 60px;

	}

	.navbar-brand {
		padding-top: 5px;
		padding-left: 20px;
	}

	.navbar-brand img {
		width: 175px;
	}


  	.navbar .nav{
        margin-left: 25%;
	}

  	.navbar-collapse #MainMenu {
  		display: none;

	}

  	.navbar .container {
   	 	width: 750px;
	}

  	.nav-main {
		display: block;
		margin-left: 20px;
		top: -55px;

	}

	ul.nav li.dropdown {
		margin: 0 10px 0 18px;
	}


	.overview-banner {
		margin-left: 0;
	}

	.overview-text {
		margin-left: 0;
	}

	.overview-text h2 {
		line-height: 40px;
	}


	.page {
		padding: 3em 0 8em 0;
	}


    .profiles {
		margin: 28px -10px 0 4%;

    }


	.profile-box {
		position: relative;
		margin: 20px 0 20px 0;
		padding: 0;
		min-width: 300px;
	    min-height: 240px;
		background: rgba(43,59,67,.6);
	}


	.profile-container {
		padding: 10px;
	}

	.profile-link {
		position: absolute;
		bottom: 0;
		margin: auto;
		width: 100%;
		padding: 15px;
		text-align: center;
		background: rgba(255,255,255,.2);
	}



	.profile-pic {
		position: relative;
		float: left;
		margin: 0 15px 0 0;
	}

	.profile-text {
		color: white;
		line-height: 16px;
		font-size: .9em;
		margin-bottom: 50px;

	}




	.quotes {
		padding: 50px 25px 0 25px;
	}

	.quote-text {
		font-size: 1.7em;
	}

	.quote-auth {
		font-size: 1.2em;
		text-align: right;
		padding-right: 5em;
	}

	.textbox {
		margin: 2em 5%;
		padding: 2em ;
	}



	.text_hide {
		display: block !important;
	}

}



@media all and (min-width: 867px) {

     .footer-nav {
		width: 700px;
		padding: 5em 4em;
	}

	.footer .nav-pills a {
		margin: 0 20px;
		padding-bottom: 0;
		left: 10px;
	}



	.slide .m,
	.slide .t  {
		display:none;
	}
	.slide .d {
		display:block;
	}
  	.navbar .nav {
        margin-left: 25%;
	}

}


@media all and (min-width: 992px) {

     .career-box {
		margin: 2em auto;
	}

  	.col-md-4 {
		padding: 5px 1.6%;
	}

	.content-background {
	    padding:20px 4% 80px 4%;
	}


	.cont-info-box {
	    height: 320px;
	}

	.cont-info-container {
		padding: 10px 20px;
		max-width: 290px;
	}

	.cont-textbox {
		margin: 20px 0;
		padding: 0 30px 20px 30px;

	}

	.cont-logo {
		float: left;
		padding: 4px;
		margin: 0;
	}

	.cont-title-box {
		text-align: left;

	}

	.cont-title {
		font-size: 1.2em;
		padding: 0 0 0 20%;
	}


	.dropdown-menu {
		left: -34em;
		width: 565em;

	}

	.cont {
		left: -45em;
	}

	.focus-box {
		margin: 2% 0;
		padding: 10px;
	    height: 240px;
	}

	.focus-container {
		width: 260px;
	}

	.footer .nav-pills a{
		margin: 0 30px;
		left: 0px;
	}

	.icon-text {
		padding: 4px 0;
        font-size: 1.3em;
	}

	.icons {
		max-height: 100%;
		padding: 4px;
		margin: auto;
	}

	.logo-background {
		margin: 40px 50px;
	}

	ul.nav li.dropdown {
		margin: 0 30px;
	}

  	.navbar .container {
    	width: 900px;
	}

    .profiles {
    	float: right;
		margin: 8px -10px 0 4%;

    }

    .profile-box {
    	width: 390px;
    	min-height: 280px;
    }

    .profile-container {
		padding: 20px;
	}


	.profile-img-reduce	{
		width: 100%;
	}

    .quotes {
		padding: 50px 40px 0 40px;
	}

	.soc-icon-container {
	    margin: 0 2%;
	    right: 50px;
	    padding: 10px;
	}


	.soc-icon {
		padding: 0 10px;
		opacity: .3;
		width: 55px;
	}

  	.textbox {
		margin: 2em auto;
	}


}

@media all and (min-width: 1200px) {

	.content-background {
	    padding:20px 10% 80px 10%;
	}

	.home .col-md-4 {
		padding: 5px 2%;
	}

	.logo-dropdown {
		left: 12em;
	}



}



@media all and (min-width: 1360px) {

	.carousel-indicators {
	    top: 247px;
    }
	.content-background {
	    padding:20px 15% 80px 15%;
	}

	.footer-nav {
		width: 800px;
		padding: 5em;
	}

	.footer .nav-pills a{
		margin: 0 40px;
		left: 40px;
	}

	.logo-dropdown {
		left: 20em;
	}

	.logo-background {
		margin: 40px 150px;
	}

	.page {
		padding: 5em 0 16em 0;
	}
	.slide .m,
	.slide .t  {
		display:none;
	}
	.slide .d {
		display:block;
	}

	.overview-banner img {
		max-width: 550px;
	}

  	.navbar .nav {
        margin-left: 40%;
	}

    .navbar .container {
    	width: 1170px;
	}

  	.soc-icon-container {
	    right: 150px;

	}

}



@media all and (min-width: 1500px) {

    .home .slides .slide {
        text-align:center;
    }
    .home .slides .slide img {
        margin:0 auto;
        background-size: cover;
    }
}

.table td > ul:first-child {
	margin-left: .5em;
	padding-left: .5em;
}

.table thead {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.table tbody,
.table tr,
.table th,
.table td {
	display: block;
	padding: 0;
	text-align: left;
	white-space: normal;
}


@media (min-width: 48em) {
	.table thead {
		position: relative;
		clip: auto;
		height: auto;
		width: auto;
		overflow: auto;
	}
	.table tr {
		display: table-row;
	}
	.table th,
	.table td {
		display: table-cell;
	}
	.table tbody {
		display: table-row-group;
	}
	.table tbody tr {
		display: table-row;
	}
	.prominant-text {
		margin: 0 0 10px 10px;
	}
}

.community-involvement .row-fluid {
	text-align: center;
}
.community-involvement img {
	/*width: 200px;*/
	height: 200px;
	padding: 20px;
}



/* IE fixes */


html.ie .content-background {
	background-color:#ffffff;
	display:block;
}
html.ie .page {
display:block;
}