@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext);

body {
	font-family: "Open Sans", Arial, sans-serif;
	background-color: #EEE;
	color: #333;
}

/* IE hack */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.headerWrapper .col-md-4 .box {
		line-height: 1.37;
	}
}

/* FF hack */

@-moz-document url-prefix() { 
	.headerWrapper .col-md-4 .box {
		line-height: 1.38;
	}
}

a, a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

img {
	display: block;
	max-width: 100%;
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
}

/* back to top */

.back-to-top {
	background-color: #4487ad;
	position: fixed;
	right: 1%;
	bottom: 10%;
	display: none;
	opacity: 0.8;
	margin: 0;
	padding: 3%;
	z-index: 100;
	text-decoration: none;
	color: #FFF;
	font-size: 1.2em;
}

.back-to-top .glyphicon {
	color: #FFF;
}

/* nav-stacked */

.nav-stacked>li+li {
	margin-top: 0;
}

/* nav */

.nav {
	margin-bottom: 20px;
}

/* navbar */

.navbar-default {
	background-color: #FFF;
	border: none;
}

.navbar {
	border-radius: 0;
}

.navbar-brand {
	padding: 0px 15px;
}

.nav-pills li a {
	font-size: 1em;
	color: #555;
	font-weight: bold;
	border-bottom: 1px solid rgba(0, 136, 170, 0.25);
	border-radius: 0;
	text-transform: uppercase;
	text-decoration: none;
}

.nav-pills li a:hover, .nav-pills li.active a, .nav-pills li.active a:hover {
	background-color: rgba(0, 136, 170, 0.25);
	color: #555;
}

.nav-pills li a span {
	color: #0088AA;
	margin-right: 10px;
}

/* h1 */

h1 {
	background-color: #0088aa;
	color: #FFF;
	font-size: 1.4em;
	padding: 8px 0;
	margin-bottom: 20px;
}

/* h2 */

h2 {
	font-size: 1.3em;
}

/* headerWrapper */

.headerWrapper {
	background: transparent url('/img/blueLine.png') left top repeat-x;
}

.headerWrapper .col-md-4.navbox1 {
	padding-left: 0;
	padding-right: 10px;
}

.headerWrapper .col-md-4.navbox2 {
	padding-left: 10px;
	padding-right: 0;
}

.headerWrapper .col-md-4 .box {
	background-color: #FFF;
	margin-top: 30px;
	text-align: center;
}

.headerWrapper .col-md-4 .box a {
	display: block;
	font-weight: bold;
	color: #555;
	text-decoration: none;
}

.headerWrapper .col-md-4 .box a:hover {
	text-decoration: none;
}

.headerWrapper .col-md-4 .box a span {
	font-weight: normal;
	color: #0088AA;
	display: block;
}

.headerWrapper .col-md-4 .phone {
	color: #FFF;
	font-size: 1.7em;
	text-align: center;
}

.headerWrapper .col-md-4 .phone img {
	display: inline;
	margin-right: 20px;
}

/* contentWrapper */

.contentWrapper {
	background: transparent url('/img/blueLine.png') left top repeat-x;
}

/* container-fluid */

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

/* content */

.content {
	background: #FFF url('/img/content.jpg') left -29px repeat-x;
	margin-bottom: 20px;
	font-size: 1.2em;
	color: #333;
}

.content blockquote {
	font-size: inherit;
}

/* footerWrapper */

.footerWrapper {
	background: transparent url('/img/blueLine.png');
}

.footerWrapper a {
	text-decoration: none;
}

.footerWrapper a:hover {
	text-decoration: underline;
}

/* footer */

.footer, .footer a, .footer a:visited {
	color: #333;
	font-size: 1.1em;
}

.footer {
	padding-top: 24px;
	padding-bottom: 24px;
}

.footerInfo hr {
	border-top: 1px solid #CCC;
}

/* media queries */

@media (min-width: 768px) {
	body {
		background: transparent url('/img/body.jpg') center top fixed no-repeat;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.headerWrapper {
		background-position: left -14px;
		padding-top: 8px;
		margin-bottom: 8px;
	}

	.headerWrapper .col-md-4 .box {
		margin-top: 16px;
	}

	.headerWrapper .col-md-4 .box a {
		font-size: 1.2em;
		padding: 4px 0;
	}

	.headerWrapper .col-md-4 .box a span {
		font-size: 0.7em;
		padding-top: 4px;
	}

	.contentWrapper {
		background-position: left -28px;
	}

	.content {
		background-position: left -28px;
	}

	.nav-pills li a {
		font-size: 1.1em;
	}

	h1 {
		font-size: 1.6em;
		margin-top: 7px;
		margin-bottom: 35px;
		padding: 0;
	}

	h2 {
		font-size: 1.4em;
	}

	.back-to-top {
		padding: 2%;
	}
}

@media (min-width: 992px) {
	.headerWrapper {
		background-position: left -4px;
		padding-top: 20px;
		margin-bottom: 10px;
	}

	.headerWrapper .col-md-4 .box {
		margin-top: 22px;
	}

	.headerWrapper .col-md-4 .box a {
		font-size: 1.5em;
		padding: 8px 0;
	}

	.headerWrapper .col-md-4 .box a span {
		font-size: 0.8em;
		padding-top: 8px;
	}

	.navbar-collapse.collapse {
		padding-bottom: 48px;
	}

	.nav-pills li a {
		font-size: 1.1em;
		padding: 21px 0 17px 5px;
	}

	.contentWrapper {
		background-position: left -10px;
	}

	.content {
		background-position: left -10px;
	}

	h1 {
		background: none;
		font-size: 1.7em;
		margin-top: 16px;
		padding: 0;
	}

	h2 {
		font-size: 1.5em;
	}

	.back-to-top {
		padding: 1%;
	}
}

@media (min-width: 1200px) {
	.headerWrapper {
		background-position: left top;
		margin-bottom: 15px;
	}

	.headerWrapper .col-md-4 .box {
		margin-top: 30px;
	}

	.headerWrapper .col-md-4 .box a {
		font-size: 1.8em;
		padding: 16px 0;
	}

	.headerWrapper .col-md-4 .box a span {
		font-size: 0.7em;
		padding-top: 8px;
	}

	.contentWrapper {
		background-position: left top;
	}

	.content {
		background-position: left top;
	}

	.navbar-collapse.collapse {
		padding-bottom: 38px;
	}

	.nav-pills li a {
		font-size: 1.3em;
		padding: 24px 0 20px 10px;
	}

	h1 {
		margin-top: 22px;
	}
}
