/* ******************************************************************** */ 
/*                 Created by OMAC Advertising                          */
/* ******************************************************************** */

@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic);

@import url(//fonts.googleapis.com/css?family=Merriweather+Sans:400,300,300italic,400italic,700,700italic,800,800italic);
/* CSS Document 
	
/* cssreset.com */* {	margin: 0;	padding: 0;}
	/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
	/*	font-family: 'Lato', sans-serif;   */
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #282262;
	line-height: 22px;
	display: block;
	height: auto;
	width: auto;
	background-color: #9DB4D1;
}

h1 {
	font-size: 2em;
	color: #5B6F8A;
	font-weight: bold;
	line-height: 1.8em;
	font-variant: small-caps;
	text-shadow: 1px 1px 3px #999;     /* IE9, Safari 5 & Chrome */
	-webkit-text-shadow: 1px 1px 3px #999; /* Safari 3 & 4 */
	-moz-text-shadow: 1px 1px 3px #999; /* Firefox 1+ */
	margin-bottom: .25em;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #5B6F8A;
	font-variant: small-caps;
	text-shadow: 1px 1px 3px #999;     /* IE9, Safari 5 & Chrome */
	-webkit-text-shadow: 1px 1px 3px #999; /* Safari 3 & 4 */
	-moz-text-shadow: 1px 1px 3px #999; /* Firefox 1+ */
	letter-spacing: 0.05em;
}
h6 {
	font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	font-variant: small-caps;
	text-shadow: 1px 1px 3px #999;     /* IE9, Safari 5 & Chrome */
	-webkit-text-shadow: 1px 1px 3px #999; /* Safari 3 & 4 */
	-moz-text-shadow: 1px 1px 3px #999; /* Firefox 1+ */
	letter-spacing: .05em;
}
h3 { }
h4 { }
h5 { }
/* =============================================================================
   Links
   ========================================================================== */

a {
	text-decoration: none;
	color: #28245F;
	}
a:visited {
	text-decoration: none;
	color: #28245F;
	}
a:hover {
	text-decoration: none;
	color: #999999;
	}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
	outline: 0;
	text-decoration: none;
	color: #999999;
}
	
a img{ border:none; }  



/************************************************************************************
  PAGE STRUCTURE
*************************************************************************************/
.wrapper{
	width: 1300px;
	margin-right: auto;
	margin-left: auto;
	display: block;
} 

.full {display:block;} 
.screen {display:none;}
.both {display:block;} 
.tablet {display:none;}
.mobile {display:none;}

/*-----------------------------------------------------
   Header
-----------------------------------------------------*/
HEADER {
	position: relative;
	height: 125px;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	float: left;
	margin-top: 0px;
	background-color: #7B90AF;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #5B6F8A;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #5B6F8A;
	background: #d9e7f7;/* Old Browsers */
	background: -moz-linear-gradient(-45deg, #d9e7f7 0%, #d9e7f7 18%, #6b89ae 46%, #577294 77%, #577294 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #d9e7f7), color-stop(18%, #d9e7f7), color-stop(46%, #6b89ae), color-stop(77%, #577294), color-stop(100%, #577294));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #d9e7f7 0%, #d9e7f7 18%, #6b89ae 46%, #577294 77%, #577294 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #d9e7f7 0%, #d9e7f7 18%, #6b89ae 46%, #577294 77%, #577294 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #d9e7f7 0%, #d9e7f7 18%, #6b89ae 46%, #577294 77%, #577294 100%); /* IE 10+ */
	background: linear-gradient(135deg, #d9e7f7 0%, #d9e7f7 18%, #6b89ae 46%, #577294 77%, #577294 100%);/* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e7f7', endColorstr='#577294', GradientType=1 );/* IE6-9 fallback on horizontal gradient */

} 

.hLogo {
	height: auto;
	width: 375px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
}

.hPhone {
	height: 30px;
	width: auto;
	float: right;
	display: block;
	top: 10px;
	right: 10px;
	font-size: 24px;
	font-weight: bold;
	text-align: right;
	color: #FFFFFF;
	padding-top: 20px;
	margin-right: 5px;
}


/************************************************************************************
   NAVAGATION
*************************************************************************************/
NAV {
	position: relative;
	display: block;
	letter-spacing: 0.05em;
	float: right;
	width: 65%;
	height: 23px;
	top: 38px;
	right: 0px;
	padding-top: 8px;
	padding-bottom: 5px;
	background-color: #5B708A;
	border-radius: 10px 10px 0px 0px; /* IE9, Safari 5 & Chrome */
	-webkit-border-radius: 10px 10px 0px0px; /* Safari 3 & 4 */
	-moz-border-radius: 10px 10px 0px 0px;
	border-top-width: thin;
	border-right-width: medium;
	border-left-width: medium;
	border-top-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	border-top-color: #4F6177;
	border-right-color: #4F6177;
	border-left-color: #4F6177;
	padding-left: 5px;
}

#nav-wrap {
	margin-top: 0px;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
	margin-right: 5px;
	float: left;
}

/* nav link */
#nav a {
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0.6em;
	font-size: 0.75em;
	line-height: 16px;
	font-weight: normal;
	padding-right: 0.6em;
	text-align: center;
}
#nav a:hover {
	color: #FFF;
	background-color: #9DB4D1;
}

/* nav dropdown menu */
#nav ul {
	position: absolute;
	border: solid 1px #ccc;
	display: none; /* hide dropdown */
	min-width: 75px;
	z-index: 10000;
	background-color: #9DB4D1;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	width: auto;
}
#nav ul li {
	float: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}

#nav ul li a:link {
	margin-bottom: 1px;
	display: block;
	text-align: left;
	color: #000000;
	background-color: #9DB4D1;
}

#nav ul li a:visited {
	margin-bottom: 1px;
	display: block;
	text-align: left;
	color: #9DB4D1;
	background-color: #B2D2FF;
}

#nav li:hover > ul { display: block; }

/* -----------------------------------------------------
   Slide Show
   ----------------------------------------------------*/
.slideshow {
	display: block;
	height: 670px;
	width: 100%;
	position: relative;
	z-index: 10;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	float: left;
}

.fadein {
	position: relative;
	width: 1300px;
	height: 670px;
	left: 0px;
	top: 0px;
}

.fadein img {
	position: absolute;
	top: 1px;
	left: -13px;
}


/*-----------------------------------------------------
   Content Area
-----------------------------------------------------*/
.content {
	display: block;
	float: left;
	width: 97%;
	margin-bottom: 10px;
	z-index: 10;
	margin-top: 0px;
	left: 0px;
	top: 10px;
	clear: both;
	position: relative;
	background-color: #FFF;
}

#content {
	display: block;
	float: left;
	width: 97%;
	margin-bottom: 10px;
	z-index: 10;
	margin-top: 0px;
	left: 0px;
	top: 10px;
	clear: both;
	position: relative;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	box-shadow: 2px 2px 3px 3px #666;    /* IE9, Safari 5 & Chrome */
	-webkit-box-shadow: 2px 2px 3px 3px #666; /* Safari 3 & 4 */
	-moz-box-shadow: 2px 2px 3px 3px #666; /* Firefox 1+ */
	
}

#content a {
	text-decoration: none;
	color: #28245F;
	}
#content a:visited {
	text-decoration: none;
	color: #28245F;
	}
#content a:hover {
	text-decoration: none;
	color: #999999;
	}


.leftCol{
	width: 43%;
	float: left;
	position: relative;
	color: #000;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	z-index: 20;
 }
 
 .leftCol h2 {
	color: #0C3F73;
	padding-left: 10px;
	margin-left: -10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.rightCol {
	width: 48%;
	float: right;
	position: relative;
	color: #000000;
	margin-left: 1%;
	text-align: left;
	padding: 10px;
	z-index: 20;
}

.rightCol h3 {
	font-variant: small-caps;
	color: #0C3F73;
	padding: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
 
 .rightCol .box {
	color: #0C3F73;
	font-size: 100%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	line-height: 120%;
}

 .rightCol a {
	color: #0C3F73;
	text-decoration: underline;
 }
 
  .rightCol a:visited {
	color: #FFF;
	text-decoration: underline;
 }
 
 .graybar {
	background-color: #ECECEC;
	height: auto;
	width: 1004px;
	color: #000;
	padding: 10px;
	float: left;
	margin-bottom: 20px;
	position: relative;
	width: 98%;
	box-shadow: 2px 2px 8px 3px #666;    /* IE9, Safari 5 & Chrome */
	-webkit-box-shadow: 2px 2px 8px 3px #666; /* Safari 3 & 4 */
	-moz-box-shadow: 2px 2px 8px 3px #666; /* Firefox 1+ */
	left: 0px;
	top: 0px;
	}

.bluebar {
	background-color: #5B6F8A;
	text-align: center;
	height: auto;
	width: 98%;
	padding: 10px;
	float: left;
	margin-bottom: 20px;
	position: relative;
	color: #FFF;
	box-shadow: 2px 2px 8px 5px #3C4B63;    /* IE9, Safari 5 & Chrome */
	-webkit-box-shadow: 2px 2px 8px 3px #3C4B63; /* Safari 3 & 4 */
	-moz-box-shadow: 2px 2px 8px 3px #3C4B63; /* Firefox 1+ */
	top: 0px;
	bottom: 0px;
	}
	
.left {
	text-align: center;
	width: 35%;
	float: left;
	padding-top: 20px;
	line-height: 30px;
	font-weight: bold;
	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #FFF;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 100;
}

.right {
	text-align: left;
	float: right;
	width: 60%;
	padding-left: 20px;
	padding-top: 20px;
	position: relative;
	top: 0px;
	right: 0px;
}
	
 .staff {
	display: block;
	float: left;
	height: auto;
	min-height: 250px;
	width: 45%;
	margin-right: 2%;
}


.col2 {
	width: 45%;
	margin-right: 2%;
	margin-left: 2%;
	float: left;
	padding-bottom: 20px;
	position: relative;
}
.col3l {
	width: 31%;
	float: left;
	position: relative;
	background-color: #19224F;
	color: #FFF;
	padding: 1%;
	min-height: 200px;
}

.col3 {
	width: 30%;
	margin-right: 1%;
	float: left;
	position: relative;
	min-height: 200px;
	color: #000;
}
.col3g {
	width: 30.5%;
	margin-right: 1%;
	float: left;
	position: relative;
	background-color: #b3b3b3;
	margin-left: 1%;
	padding: 1%;
	min-height: 200px;
	color: #FFF;
}
.col3r {
	width: 30.5%;
	float: right;
	position: relative;
	background-color: #19224F;
	color: #FFF;
	padding: 1%;
	min-height: 200px;
}

.col4 {
	width: 21%;
	margin-right: .8%;
	float: left;
	position: relative;
	padding: 20px;
}


.subfooter {
	display: block;
	height: auto;
	width: 100%;
	float: left;
	clear: both;
	background-color: #5B708A;
	padding-bottom: 10px;
}
.subfooter h2 {
	color: #FFF;
	padding-bottom: 15px;
	margin: 0px;
	font-weight: 400;
}

.col4b {
	width: 21%;
	margin-right: 1.2%;
	float: left;
	position: relative;
	color: #FFF;
	padding: 20px;
}

.col4br {
	width: 21%;
	float: right;
	position: relative;
	color: #FFF;
	padding: 20px;
}


.formbox1 {
		width: 45%;
	margin-right: 2%;
	float: left;
	position: relative;
}

.formbox2 {
	width: 30%;
	margin-right: 2%;
	float: left;
	position: relative;
	clear: left;
}

.formbox3 {
	width: 20%;
	float: left;
	position: relative;
	clear: left;
}

.more {
	font-size: 12px;
	color: #bd8346;
	clear: left;
	float: right;
}

/*-----------------------------------------------------
   FOOTER
-----------------------------------------------------*/
	
 FOOTER {
	display: block;
	width: 100%;
	height: 55px;
	font-size: 13px;
	clear: both;
	float: left;
	text-align: center;
	padding-top: 5px;
 }
 .fAddress {
	float: left;
	height: auto;
	width: 80%;
	text-align: center;
}

.flogo {
	float: right;
	height: 32px;
	display: block;
	width: 15%;
	text-align: right;
}

.fAddress {
	float: left;
	height: auto;
	width: 80%;
}

.fCopy {
	float: right;
	height: auto;
	width: 35%;
	padding-top: 5px;
	display: block;
	text-align: right;
}

.omac {
	float: right;
	height: auto;
	width: 30%;
	padding-top: 5px;
	display: block;
	text-align: right;
	font-size: 12px;
}

.imgshadow {
	box-shadow: 1px 1px 7px 4px #666;    /* IE9, Safari 5 & Chrome */
	-webkit-box-shadow: 1px 1px 7px 4px #666; /* Safari 3 & 4 */
	-moz-box-shadow: 1px 1px 7px 4px #666; /* Firefox 1+ */
 }
 
 .center { text-align: center; }
 
 
 /* Equal Column Height - use with Javascript */
.equal_height p{ padding:10px;  }