@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700);

html, body { /* declare the viewport size */
	height: 100%;
	width: 100%
}

body {
	color: #333;
	font-size: 1em;
	font-weight: 400;
	font-family:'Open Sans', Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #f9f9f9;
	margin: 0;
	padding: 0;
}
#page_wrap{margin: 0;}
.left{
	float: left;
}
.right{
	float: right;
}
/***** html page elements *******/

pre {
	font-size: 1em;
}
strong, b {
	font-weight: 700 !important;
}
blockquote {
	font-size: 1em;
}

h1 {
	font-family: 'Libre Baskerville', serif;
	font-size: 2em;
	line-height: 2.5rem;
}

h2 {
}

h3 {
	line-height: 1.35em;
	margin-top: .75em;

}

h4 {
}

h5 {
}

h6 {
}

ol {
}

ul {
	/*list-style-position: inside*/
}

a {
	color: #336699;
	font-size: 1em;
	text-decoration: underline;
	line-height: 1.65em;
}

a:visited {
	color: #336699;
}

a:hover {
	color: #333333;
	text-decoration: none
}

a:active {
	color: #003366;
	text-decoration: none
}

table {
	border: 0;
}

tr {
	border: 0;
}

td {
	padding: 8px;
	border: 0;
}
.clearfloat {
	margin: 0;
	padding: 0;
	clear: both;
	height:0;
	font-size: 1px;
	line-height: 0;
}


/******************* page items **********************/
#page_wrap {
	margin: auto;
	position: relative;
	text-align: left;
	max-width: 1024px;
	width: 100%;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 30px 5px #021529;
	box-shadow: 0 0 30px 5px #021529;
	-webkit-box-shadow: 0 5px 15px 4px rgba(2, 21, 41, 0.65);
	box-shadow: 0 5px 15px 4px rgba(2, 21, 41, 0.65);
}

#main-content {
	clear: both;
	padding: 15px 0;
	text-align: left;
	line-height: 1.55em;
}
#main-content h1 {
	margin-top: 1rem;
	line-height: 2.75rem;
}
#main-content p {
	margin-top: 1rem;
}
#main-content ul{

	list-style-type: disc;
	position: relative;
	left: 1rem;
}

#main-content ul li{
	margin: 0;
	display: list-item;
	list-style-position: outside;
}

#main-content p img {
	display: block;
	box-shadow: rgb(85, 85, 85) -2px 3px 2px;
	margin-bottom: 1em !important;
}

p#todays-date {
	margin: 10px 5px -25px 10px;
}
#secondary_content_area {
	clear: none;
	width: 600px;
	text-align: left;
	position: absolute;
	top: 230px;
	left: 0;
}
section#main-section{
	width: 100%;
	border-top: solid 1px #003366;
	padding: 1rem 0 0 0;
}

/**************  Header ****************/
header {
	background-image: url(../images/MetalTypeNumbers.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 46%;
	text-align: left;
	width: 100%;
	min-height: 124px;
	padding-top: 0;
	overflow: hidden;
}
header .site_logo {
	display: inline-block;
	min-height: 124px;
	height: inherit;
	min-width: 350px;
	width: auto;
	max-width: 600px;
	background: #0C7BE1;
	background: rgb( 12, 123, 225);
	background: rgba(44, 125, 206, 0.85);
}
header .site_logo a {
	display: block;
	height: inherit;
	text-decoration: none;
	padding: 2.5rem 3em 1.5em 1.25rem;
}
header h1.title_heading {
	padding: 0 1em 0.5em 10px;
	font-size: 2.75em;
	color: #fff;
	line-height: 1.25;
}
header .site_logo a img {
	padding: 0 1em 1.5em 10px;
	height: auto;
	vertical-align: middle;
	max-height: 300px;
}

/***********************  navigation *************************/

nav {
	display: block;
	text-align: left;
	margin: 10px auto 0 auto;
	max-width: 980px;
	z-index: 1111;
	padding: 0 0 0 0;
}

/******* main nav ********/
ul#main_navigation, #main_navigation ul {
	max-width: 980px;
	padding:0;
	color: #333;
	font-size: 0;
	margin: 0 0 0 0;
	list-style: none;
	list-style-position: inside;
}
#main_navigation li {
	padding: 0;
	/*float: left;*/
	display: inline-block;
	margin: 0;

	font-size: 0;
}
#main_navigation >li {
	margin: 1px 0 -1px 0;
	border-right: 1px solid #003366;
}
#main_navigation li a {
	display: block;
	color: #003366;
	font-size: 12px;
	text-decoration: none;
	width: auto;
	/*border-right: 1px solid #003366;*/
	min-height: 15px;
	padding: 8px 9px;
	margin: 0 0;
}
#main_navigation li ul{
	display: none

}
#main_navigation li:last-child a, #main_navigation li ul li:last-child a{
	border: none;
}
html>body #main_navigation li a {
	width: auto;
}
#main_navigation li:first-child, #main_navigation li ul li:first-child{

}
#main_navigation li ul { /* second-level lists */
	width: 143px;
    background-color: #003366;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    margin-left: -1px;
}
#main_navigation li ul li a {
    color: #FFFFFF;
}
#main_navigation li ul li {
    float: none;
	display: block;
	padding-bottom: 1px;
}
#main_navigation li ul ul { /* third-and-above-level lists */
	margin: 12px 0 0 140px;
}
#main_navigation li a:hover {
	color: #003366;
	border-bottom: 8px solid #003366;
	padding-bottom: 0;
}
#main_navigation li ul li a:hover {
	color: #eeeeee;
	background-color: #3c5d7e;
	border-bottom: 8px solid #000000;
	width: 125px;
	padding-bottom: 1px;
}
/******** Mobile Nav ***************/

#menu-icon, .mobile-menu-button {
	display: none;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(../img/menu-icon.png) center;
	background-repeat: no-repeat;
	position: relative;
	bottom:3.5px;
	border-radius: 5px;

}
a:hover#menu-icon {
	background-color: #444;
}
ul#mobile_nav {
	display: none;
	width: 100%;
	padding: 0 0%;
	margin: 0 0 .5rem 1px;
	border: 1px solid transparent;
}

ul#mobile_nav>li{
	list-style: none;
	padding: 0;
	color: #FFF;
	border-top: 1px solid transparent;
}
ul#mobile_nav li>a, ul#mobile_nav li>span.title{
	color: #FFF;
	font-size: 1.5em;
	font-weight: lighter;
	display: inline-block;
	background-color: #003366;
	background-color: rgba(0, 51, 102, 0.95);
	line-height: 1.65;
	width: 94%;
	padding: 1rem 3% .75rem 3%;
	text-decoration: none;
}
ul#mobile_nav li>a:hover {
	font-weight: normal;
}
ul#mobile_nav li ul{
	padding: 0 0;
}
ul#mobile_nav li ul li{
	list-style: none;
	font-size: 1.125em;
	padding: 0;
}
ul#mobile_nav li ul li a{
	font-size: 1.125em;
	color: #000;
	background-color: #4c8fec;
	background-color: rgba(76, 143, 236, 0.95);
	width: 95%;
	padding: 1rem 0 .5rem 5%;
	border-top: 1px solid rgba(255, 255, 255, 0.66);
}
ul#mobile_nav li ul li a:last-child {
	padding: 1rem 0 1rem 5%;
}
.has-dropdown>span>i.fa{
	font-weight: lighter;
	font-size: .75em;
	padding-left: 5px;
}
.has-dropdown i:before {
	content: "\f054";
}
.has-dropdown.expanded i:before {
	content: "\f078";
}

/******* icon font *******/
ul.icon-navigation {
	list-style: none;
	margin: 0px 30px;
	padding: 15px 0px 30px 0;
}
@font-face {
	font-family: 'icons';
	src:url('assets/css/foundationicons/foundation-icons.eot');
	src:url('assets/css/foundationicons/foundation-icons.eot?#iefix') format('embedded-opentype'),
	url('/assets/css/foundationicons/foundation-icons.woff') format('woff'),
	url('assets/css/foundationicons/foundation-icons.ttf') format('truetype'),
	url('assets/css/foundationicons/foundation-icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-torso, .icon-envelope-alt, .icon-calender-alt, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-yelp, .icon-linkedin{
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 1.25em;
	vertical-align: -2px;
}
.icon-torso:before {
	content: "\f1fe";
}
.icon-calender-alt:before {
	content: "\f124";
}
.icon-envelope-alt:before {
	content: "\f0e0";
}
.icon-facebook:before {
	content: "\f1c4";
}
.icon-twitter:before {
	content: "\f1e4";
}
.icon-googleplus:before{
	content: "\f1ca";
}
.icon-yelp:before{
	content: "\f1e9";
}
.icon-linkedin:before{
	content: "\f1d0";
}

/******* social navigation ********/
ul.social-navigation {
	padding: 0 0 0 15px;
	float: right;
	margin: 0 10px 0 0;
	list-style: none;
	list-style-position: outside;
	height: 30px;

}
.social-navigation li {
	margin: 0 0;
	padding:0 0;
	float: left;
}

.social-navigation li a {
    color: #4C8FEC;
	display: block;
	padding: 0 0 0 1rem;
	text-decoration: none;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 1rem;
}

.social-navigation li a:hover {
    color: #333333;
}

/******* client icon navigation ********/
.icon-navigation li, .icon-navigation > li:first-child, .icon-navigation > li:first-child, .icon-navigation > li:last-child{
	border: none;
	box-shadow: none;
	color: #003366;
	float: left;
}
.icon-navigation li a{
	color: #003366;
	font-size: 20px;
	padding: 0px 20px 0 0;
	text-decoration: none;
}
.icon-navigation li a i{
	color: #003366;
}
.icon-navigation > li > a:first-child{
	display: inline;
}
.icon-navigation li:hover{
	background: none;
}
.icon-navigation li a:hover{
	color: #3c5d7e;
	/*text-decoration: underline;*/
}
/******* short-cut row  navigation *******/

.shortcut-row{
	/*width: 100%; 900px*/
	margin: 0 auto;
	padding: 0 0;
}

.shortcut-box{
	padding: 0 0;
	background: #000;
	float: left;
	overflow: hidden;
	box-shadow: rgb(85, 85, 85) -2px 3px 2px;
	height: 125px;
	font-size: 0;
	display: block;
}
.shortcut-box:last-child {
	margin: 0 0px 0px 0;
}
.shortcut-row-img{
	height: 124px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
a.shortcut-box:first-child div.shortcut-row-img{
	background-image: url("/assets/theme/origin/findwhatyouneed/images/theme_findwhatyouneed_icon_about.jpg");
}
a.shortcut-box:nth-child(2) div.shortcut-row-img{
	background-image: url("/assets/theme/origin/findwhatyouneed/images/theme_findwhatyouneed_icon_services.jpg");
}
a.shortcut-box:nth-child(3) div.shortcut-row-img{
	background-image: url("/assets/theme/origin/findwhatyouneed/images/theme_findwhatyouneed_icon_financialtools.jpg");
}
a.shortcut-box:last-child div.shortcut-row-img{
	background-image: url("/assets/theme/origin/findwhatyouneed/images/theme_findwhatyouneed_icon_contact.jpg");
}
div.shortcut-row-title{
	margin: 0 0;
	padding: 16px 0;
	text-align: center;
	font-size: 1.5em;
	background: #0C7BE1;
	background: rgb( 12, 123, 225);
	background: rgba(44, 125, 206, 0.85);
	position: relative;
	top: 80px;
}
div.shortcut-row-title p {
	text-decoration: none;
	padding: 7px 0;
	display: inline-block;
	width: 100%;
	color: #ffffff;
	font-size: 1.125rem;
}
a.shortcut-box:hover div.shortcut-row-title{
	background: rgba(44, 125, 206, 1);
}
/************** end  navigation ****************/

/********* form styles **********/
div#contact-form form ul, div#payment-form form ul.form-table li{
	list-style: none;
}
div#contact-form form>ul {
	padding: 5px 0 0 0;
	left: 0rem;
}
form ul li ul li {
	display: block;
}
form ul li ul li:first-child {
	padding: 10px 0 0 0;
	text-align: left;
	clear: left;
}
form ul li ul li:nth-child(2) {
	padding: .1em 15px 0 0;
	clear: left;
}
.submit-button button {
	padding: 5px 14px;
	border-radius: 5px;
	margin-top: 15px;
}
#payment-form form .form-label, #contact-form .contact_form_class .form-label{
	font-weight: bold;
}

form ul li ul li.yes-no-radio input[type="radio"]{
	margin: 1% 0 0 3%;
}
form ul li ul li.yes-no-radio input[type="radio"]:first-child {
	margin-left: 0;
}
form ul li ul li.flex-input input[type="radio"]{
	width: auto;
	height: 13px;
	line-height: 5.3;
}
form ul li ul li.country-radio input[type="radio"]{
	margin: 1% 1% 0 3%;
}
form ul li ul li.country-radio label:first-child input[type="radio"]{
	margin-left: 0;
}
form .flex-input textarea {
	width: 100%;
	height: 100px;
	border: solid .75px #9b9b9b;
}

/************* footer **************/

footer{
	position: relative;
	text-align: center;
	width: 80%;
	top: 0;
	left: 0;
	margin: 15px auto;
	padding: 10px 0 15px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003366;
	color: #003366;
}

#footer_business{
    /*float: left;*/
    text-align: center;
    width: 770px;
  	font-size: 14px;
	font-weight: bold;
	color: #003366;
    line-height: 15px;
    margin: 5px 0 0px 20px;
    padding-left: 0;
}

#footer_business address{

}

#footer_other {
   /* float: left;*/
    text-align: center;
    width: 770px;
    font-size: 11px;
    line-height: 15px;
    margin: 5px 0 0px 20px;
    color: #003366;
    padding-left: 0;
}

#footer_counter {
	text-align: center;
	/*float: left;*/
	padding:0;
    margin: 10px 0 0px 20px;
	width: 770px;
	color: #6699CC;
	font-size: 13px;
	font-weight: bold;
}

#footer p {
    margin: 2px 0 2px 0;
    }

#footer_anchor {
    display: none;
    }

.indent {
	padding-left: 25px;
}

/* Disclaimer Popup */
#popup-container {
    margin: 20px;
    padding: 15px;
    text-align: left;
    background: white;
    border: 1px solid #ccc;
    }

    #popup-container h1 {
        margin: 0 0px 10px 0;
        }

/* contact info map styling */
#map {
	width: 250px;
	height: 250px;
	float: right;
	border: 1px solid #ccc;
	margin-left: 10px;
}

/******************* column elements *********************/
.one-columns, .two-columns, .three-columns, .four-columns, .five-columns, .six-columns, .seven-columns{
	margin: 0 15px 0 0;
	padding: 0 0;
}
.one-columns{
	width: 11.04%; /*99.375px of 900px*/

}
.two-columns{
	width: 23.75%; /*213.75px of 900px*/
}
.three-columns{
	width: 36.45833%; /*328.125px of 900px*/
}
.four-columns{
	width: 49.1667%; /*442.5px*/
}
.five-columns{
	width: 61.875%; /*556.875px*/
}
.six-columns{
	width: 74.5833%; /*671.25px*/
}
.seven-columns{
	width: 87.29167%; /*785.625x*/
}

.eight-columns{
	width: 93.75%; /*900px of 960px*/
	margin: 0 3.125%; /* 3.125% = 30px */
}


/***** other html page elements *******/

.cellcolor {
	background-color: #69c
}

.rev_type {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none
}

.g_nav_cellcolor {
	background-color: #69c
}

.a_type_color {
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none
}

/* override afsb common.css declarations */
#calendar, #client_area {
	margin: 0;
	min-height: auto;
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 0;
	position: relative;
}
#client_area,#calendar {
	background-image:none;
}
#client_area h2,#calendar h2{
	display: none;
}

#menu-icon {

	display: none;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(../images/menu-icon.png) center;
	position: relative;
	bottom:6.5px;

}


/*  Header CTA Css     */
.header-cta-container {
	padding: 0;
	display: flex;
	max-width: 1024px;
	width: 100%;
	background-image: url(../images/MetalTypeNumbers.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 16%;
	/*background-color: rgba(44, 125, 206, 0.9);*/
	background-color: rgba(4, 4, 4, 0.7);
	background-blend-mode: multiply;
	-webkit-box-shadow: 0 5px 15px 4px rgba(2, 21, 41, 0.65);
	box-shadow: 0 5px 15px 4px rgba(2, 21, 41, 0.65);
	margin: 0 auto .5rem;
}
.header-cta-container a{
	color: #fff;
	font-size: inherit;
	font-weight: 500;
	display: inline-block;
	padding: 1rem .5rem;
	text-decoration: none;

}
.header-cta-container a:hover{
	color: #4C8FEC;
}
.header-cta-container .contact-option-cta{
	padding-left: 1rem;
	vertical-align: top;
	flex: 1;
	flex-shrink: 2;
}
.header-cta-container .contact-option-cta a{

}
.header-cta-container .contact-option-cta a > i{
	margin-right: 0.625rem;
}
.header-cta-container .social-links-cta{
	padding-right: 1rem;
	text-align: right;
	flex: 1;
	flex-grow: 2;
}
.header-cta-container .social-links-cta > a{
}
.header-cta-container .social-links-cta a:hover{
}
.header-cta-container .social-links-cta a i{
	margin-right: 0.35rem;
	display: inline-block;
	font-size: 20px;
}
.header-cta-container .social-links-cta a>span{
	display: none;
}
@media only screen and (max-width: 40.063em) {
	.header-cta-container .social-links-cta {
		display: none;
	}
}

/* Page Components */
.modernized-component .component-img-wrap {
    border-color: #4C8FEC;
}

/* EOF */