/* DEFAULTS */
html, body {
	width: 100%;
	height: 100%;
}

body {
	font: normal normal 10pt Verdana, Geneva, sans-serif;
	color: #666;
	background: #fff url('images/site-bkg.jpg') center 20px no-repeat;
	margin: 0;
	padding: 0;
}

p, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #666;
	font-family: "Open Sans Condensed", sans-serif;
}

p, span {
	font-size: 0.8rem;
}

img {
	border: none;	
}

a, a:link {
	font-size: 0.8rem;
	color: #2e5790;
	text-decoration: none;
}

a:hover {
	color: #2e5790;
	text-decoration: underline;
}

table {
	border: none;
}

table tr th, table tr td {
    color: #666;
	margin: 0;
	padding: 0;
}

section {
	
}

textarea {
  height: auto;
  min-height: 100px;
}

select {
  width: 100%;
}


/* CLASSES */
.clear { 
	clear: both;
}

section.header {
	
}

section.header > .row > .columns {
	
}

section.hp-services {
	/*
	background: #484848;
	color: #fff;
	*/
	background: #fff;
}

section.hp-services > .row > .columns {
	padding: 2% 1%;
}

.hp-box > div {
	
}

.hp-box h5 {
	
}

.hp-box h4 {
	color: #3d74b1;
}

section.hp-about {
	/*
	height: 314px;
	background: #8d3a31 url('images/hp-about-bkg.jpg') center top no-repeat;
	color: #fff;
	*/
}

section.hp-about h3 {
	color: #5071bb;
}

section.hp-about > .row > .columns {
	padding-top: 40px;
}

section.content > .row {
	background: #fff;
}

section.content > .row > .columns {
	padding: 2% 3%;
}

section.components {
	background: #eee;
}

section.components > .row > .columns {
	padding-top: 15px;
	padding-bottom: 15px;
}

section.footer {
	background: #eee;
}

section.footer a {
	color: #777;
}

section.footer p {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

section.footer > .row {
	border-bottom: #ccc 1px dotted;
}

section.footer > .row > .columns {
	padding: 15px 1%;
	font-size: 0.6rem;
}

section.bottom > .row > .columns {
	padding: 10px 1%;
}

.ttl {
	font-weight: bolder;
	margin-bottom: 20px;
	color: #5071bb;
}

a.slider-content {
	display: block;
	text-decoration: none;
}

a.slider-content > img {
	display: block;
	margin: 0 auto;
	max-height: 500px;
}

div.slider-text {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background:rgba(0,0,0,0.7);
	padding: 5px 20px;
}

div.slider-text > h1 {
	color: #fff;
	font-weight: bolder;
	font-size: 200%;
}

div.slider-text > h2 {
	color: #fff;
	font-size: 100%;
}

.error label, .error label.error {
    color: #f00 !important;
}

small.error {
	background: #f00 !important;
}

a.search {
	color: #bbb !important;
	border: #ccc 1px solid !important;
	border-left: none !important;
	background: none;
	font-size: 120% !important;
}

a.search:hover {
	background: none;
	color: #aaa !important;
}

a.btn1, button.btn1 {
	display: block;
	width: 127px;
	height: 40px;
	line-height: 30px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	text-decoration: none;
	margin-top: 10px;
	color: #fff;
	border: #555 3px double;
	background: #222;
	background: linear-gradient(to bottom, #333, #111);
	text-transform: lowercase;
	font-weight: bolder !important;
	border-radius: 8px;
}

a.btn1:hover, button.btn1:hover {
	background: linear-gradient(to bottom, #111, #333);
	color: #fff;
}

a.btn2 {
	text-decoration: none;
	margin-top: 10px;
	color: #3d74b1 !important;
	text-decoration: underline;
}

a.btn2:hover {
	text-decoration: none;
}

div.calendar {
	background: #f6f6f6;
	border: #e6e6e6 1px solid;
	border-radius: 10px;
	padding: 30px 20px 10px 20px;
}

div.calendar a {
	color: #666;
}

div.event-date div {
	padding: 4px 4px;
	margin-top: 2px;
	background-color: #717171;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}

div.event-date div b {
	display: block;
	font-size: 14pt;
	color: #fff;
	font-weight: normal;
}

table.collapsed {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

img.bordered {
	border: #eee 5px solid;
	border-radius: 14px;
}


/* FOUNDATION OVERRIDE BEGIN */
.row {
	max-width: 1000px;
}

a.close-reveal-modal {
	text-decoration: none;
	font-size: 120% !important;
}

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

.top-bar {
	background: none !important;
	text-transform: none;
	font-family: "Open Sans Condensed", sans-serif;
}

.top-bar .name {
    
}

.top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
}

.top-bar-section > ul > li {
	background: none !important;
}

.top-bar-section > ul > li:not(.has-form) > a:not(.button) {
	background: none !important;
	color: #777;
	text-decoration: none;
	text-transform: none !important;
	text-align: left;
	font-weight: bolder;
	padding-top: 6px;
	padding-bottom: 6px;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 90%;
}

.top-bar-section > ul > li:not(.has-form) > a:hover {
	color: #fff;
	background-color: #18385f !important;
}

.top-bar-section > ul > li:not(.has-form) > a {
	/* min-width: 200px; */
}

.top-bar-section .has-dropdown > a:after {
   border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
   margin-top: 4px;
}

.top-bar-section ul.dropdown li a {
	text-align: left !important;
	color: #000 !important;
	background: #eee !important;
	text-decoration: none;
	line-height: 2rem !important;
}

.top-bar-section ul.dropdown li a:hover {
	background: #666 !important;
	color: #fff !important;
}

.top-bar-section ul.dropdown > li.back > h5 > a {
	font-size: 8pt !important;
	background: #6d6e70 !important;
}

ul.title-area > li.name {
	background: #eee;
}


.reveal-modal {
	background: #f2f7ff;
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
	background-color: rgba(0, 0, 0, 0.2);
}

.orbit-container .orbit-slide-number {
    background: rgba(0, 0, 0, 0.2);
}

/* FOUNDATION OVERRIDE END */


.carousel {
	left: 50%;
	position: absolute;
	width: 1000px;
	margin-left: -500px;
	overflow: hidden;
	height: 500px;
	top: 0px;
}

.carousel .item {
	width: 350px;
	height: 250px;
	background: url('http://placehold.it/350x250') top left no-repeat;
	background-size: 100%;
	vertical-align: middle;
	line-height: 150px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.controls {
	position: absolute;
	top: 520px;
	left: 50%;
	width: 150px;
	margin-left: -75px;
}

.controls a {
	display: block;
}

.controls .previous {
	float: left;
}

.controls .next {
	float: right;
}

ul{
	font-size: 0.8rem;
    line-height: 1.6;
}