/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/*  
=================================================================================================================
=================================================================================================================

#Base 960 Grid

=================================================================================================================
================================================================================================================= */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .container .columns-m0                      { float: left; display: inline; margin: 0; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .nine.columns-m0                 { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
    
/* #Base Added Styles (Portrait) ================================= */
/* !RS 960*/
    
    body {
    	margin: 0;
    	padding: 0;
    	
    	background-color: #FFF;
    	}
    button.button-small-r {
    	padding: 10px 10px 7px;
		}
    button.button-small-r,
	button.button-large-r {
    	height: auto;
    	border: 0;
		color: #fff;    
		
		text-shadow: none;
		}
	button.button-small-r.active,
	button.button-large-r.active {
    	background: #EF5A28;
		}
	button.button-small-r.active-navy {
    	background: #00273A;
		}
	.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    	height: 30px;
    	margin: 0 !important;
    	padding: 12px 10px 28px !important;
    	
    	font: 400 1.5em/1em adelle, Cambria, Times, "Times New Roman", serif !important;
    	text-align: center;
    	background: #EF5A28 !important;
		border: none !important;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: #FFF;
		display: inline-block;
		text-decoration: none;
		text-shadow: none !important;	
		}
    h1 {
    	margin: 0;
    	padding: 0;
    	
    	color: #FFF;
    	font: 700 7em/.9em adelle, Cambria, Times, "Times New Roman", serif;
    	text-decoration: none;
    	}
    hr.thick {
    	width: 100%;
    	height: 0;
    	margin: 7px 0;
    	padding: 0;
    	border: 1px solid #B8B8B8;
    	}
    ul {
    	list-style-type: disc;
    	}
	
/* Classes ======================================================= */
/* !RS 960 Classes */
	
	.about-text {
	    float: left;
	    width: 29%;
    	margin: 0;
    	padding: 0 4.33% 0 0;
    	
    	background: #FFF;
    }
	.adelle {
		font-family: adelle, Cambria, Times, "Times New Roman", serif !important;
		}
	.bold {
    	font-weight: bold !important;
    	}
	.caps {
    	text-transform: uppercase;
    	}
	.contact-form-text-success {
    	color: green !important;
    	}
    .contact-form-text-warning {
    	color: red !important;
    	}
	.contact-us-button-content {
	    float: right;
	    width: 100%;
	    margin: 0 0 10px 0;
	    padding: 0;
	
	    }
    .contact-us-employer-title-content {
    	float: left;
    	width: 100%;
    	height: 40px;
    	margin: 0;
    	padding: 17px 0 10px;
    	
    	background: #EF5A28;
		}
    .contact-us-form-content {
    	float: left;
    	width: 92%;
    	margin: 0;
    	padding: 17px 0 10px 8%;
    	
    	background: #EEE;
		}
	.contact-us-input {
    	display: block;
    	width: 406px !important;
    	max-width: 100% !important;
    	margin: 0 0 15px 0 !important;
    	padding: 10px 5px 10px 10px !important;
    	
    	-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		outline: none;
		background: #FFF !important;
    	border: 1px solid #ccc;
    	color: #777;
    	font: 400 1.3em/1.5em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    	letter-spacing: .0625em;
    	}
	.contact-us-instruction-content {
		margin: 70px 0 0 0;
		padding: 0 5% 0 3%;
		}
    .contact-us-js-title-content {
    	float: left;
    	width: 100%;
    	height: 40px;
    	margin: 70px 0 0 0;
    	padding: 17px 0 10px;
    	
    	background: #00273A;
		}
	.contact-us-message-content {
	    float: left;
	    width: 100%;
	    margin: 0;
	    padding: 0;
		}
	.contact-us-ul { 
    	float: left;
    	width: 100%;
    	margin: 0;
    	padding: 0;
		}
	.contact-us-li { 
    	display: inline;
    	float: left;
    	width: 97%;
    	margin: 0 0 0 3%;
    	padding: 0;
    	
    	color: #CCC;
    	font: 35px/40px adelle, Cambria, Times, "Times New Roman", serif;
		}
    .content-headline {
    	width: 70%;
    	margin: 0 auto;
    	padding: 30px 15% 20px;
    	
    	border-bottom: 2px solid #CCC;
    	text-align: center;
    	}
    .dark {
	    color: #333 !important;
    	}
    .extra-width {
	    width: 470px;
		}
	.italic {
		font-style: italic !important;
		}
	.m-0 {
		margin: 0 !important;
		}
	.ml-0 {
		margin-left: 0 !important;
		}
	.mr-0 {
		margin-right: 0 !important;
		}
	.navy {
    	color: #00273A !important;
    	}
    .orange {
    	color: #EF5A28 !important;
    	}
    .preferred-contact-content {
		display: inline;
		float: left;
		width: 100%;
		margin: 0;
		padding: 8px 0 0;
	}
	.preferred-contact-radio-content {
		display: inline;
		float: left;
		margin: 0 35px 0 0;
		padding: 7px 0 0;
	}
	.preferred-contact-text-content {
		display: inline;
		float: left;
		margin: 0 7px 0 0;
		padding: 0;
	}
	.proxima {
	    font-family:"proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		letter-spacing: .0625em;
		}
	.proxima-large {
	    font-family:"proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	    font-size: 1.1em !important;
		letter-spacing: .0625em;
		}
    .quote-content {
    	float: left;
    	width: 100%;
    	padding: 30px 0 15px;
    	margin: 0;
    	
    	background: #B8B8B8;
    	}
    .reason-badge-10 {
	    float: left;
	    width: 162px;
	    height: 90px;
	    margin: 5px 107px 10px;
	    padding: 0;
    }
    .reason-badge-9 {
	    float: left;
	    width: 146px;
	    height: 90px;
	    margin: 0 115px 15px;
	    padding: 0;
    }
    .reason-badge-8 {
	    float: left;
	    width: 156px;
	    height: 90px;
	    margin: 0px 110px 10px;
	    padding: 0;
    }
    .reason-badge-7 {
	    float: left;
	    width: 190px;
	    height: 90px;
	    margin: 0 93px 15px;
	    padding: 0;
    }
    .reason-badge-6 {
	    float: left;
	    width: 156px;
	    height: 90px;
	    margin: 10px 114px;
	    padding: 0;
    }
    .reason-badge-5 {
	    float: left;
	    width: 190px;
	    height: 90px;
	    margin: 10px 97px;
	    padding: 0;
    }
    .reason-badge-featured-4 {
	    float: left;
	    width: 210px;
	    height: 100px;
	    margin: 0 255px 15px;
	    padding: 0;
    }
    .reason-badge-featured-3 {
	    float: left;
	    width: 210px;
	    height: 100px;
	    margin: 0 255px 15px;
	    padding: 0;
    }
    .reason-badge-featured-2 {
	    float: left;
	    width: 210px;
	    height: 100px;
	    margin: 0 255px 15px;
	    padding: 0;
    }
    .reason-badge-featured-one {
	    float: left;
	    width: 130px;
	    height: 130px;
	    margin: 0 367px 15px;
	    padding: 0;
    }
    .reason-content {
	    float: left;
	    width: 40%;
	    margin: 0 5%;
	    padding: 40px 0 0;
	    
	    text-align: center;
    }
    .reason-content-featured {
	    float: left;
	    width: 75%;
		margin: 50px 12.5% 0;
	    padding: 0;
	    
	    text-align: center;
    }
     .reason-content-featured-one {
	    float: left;
	    width: 90%;
		margin: 50px 5% 0;
	    padding: 0;
	    
	    text-align: center;
    }
    .reason-content-bottom {
    	width: 86%;
    	margin: 0;
    	padding: 25px 7%;
	    float: left;
	    
	    background: #DDD;
	}
    .reason-content-top {
    	float: left;
    	width: 90%;
    	margin: 0;
    	padding: 20px 5%;
	    border-bottom: 7px solid #EEE;
	    
	    background: #BBB;
	}
	.reason-title {
		margin: 0;
		
		color: #00273A;
		font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.reason-title-featured {
		margin: 0;
		
		color: #00273A;
		font: 700 3em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.reason-title-featured-one {
		margin: 0;
		
		color: #00273A;
		font: 700 4em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.reason-text {
		margin: 0;
		
		color: #666;
		font: 400 1.5em/1.3em adelle, Cambria, Times, "Times New Roman", serif !important;
	}
	.reason-text-featured {
		margin: 0;
		
		color: #666;
		font: 400 1.75em/1.3em adelle, Cambria, Times, "Times New Roman", serif !important;
	}
	.reason-text-featured-one {
		margin: 0;
		
		color: #666;
		font: 400 2em/1.5em adelle, Cambria, Times, "Times New Roman", serif !important;
	}
	.text-small {
    	margin: 0;
    	padding: 0 0 10px 0;
    	
    	color: #777;    	
    	font: 1.1em/1.1em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	}
    .text-small a {
    	margin: 0;
    	padding: 0 0 10px 0;
    	
    	color: #777;	
    	font: 1em/1em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	}
    .text-regular {
    	color: #777;
    	font: 400 1.2em/1.3em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	}
    .text-regular a {
    	color: #EF5A28;
    	font: 400 1em/1em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	}
    .text-large {
    	color: #777;
    	font: 400 1.3em/1.5em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	}
    .text-xlarge {
    	color: #777;
    	font: 400 1.5em/1.5em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	}
    .text-xxlarge {
    	color: #777;
    	font: 400 1.75em/1.5em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	}
    .title {
	    margin-bottom: 0 !important;
		}
    .top-reasons-content {
	    float: left;
	    width: 100%;
    }
	.white {
		color: #FFF !important;
	}

/* IDs =========================================================== */
/* !RS 960 IDs */
	
	#about-content {
    	float: left;
    	width: 100%;
    	margin: 0 auto;
    	padding: 0;
    	
    	background-color: #FFF;
    	}
    #about-headline-content {
	    float: left;
	    width: 85%;
    	margin: 0;
    	padding: 20px 7.5% 10px;
    	border-bottom: 2px solid #CCC;
    	
    	background: #FFF;
    }
    #about-headline-text {
	    float: left;
	    width: 60%;
    	margin: 0;
    	padding: 10px 0 0;
    	
    	background: #FFF;
    }
    #about-image {
	    float: left;
	    width: 40%;
    	margin: 0;
    	padding: 0;
    	
    	background: #FFF;
    	text-align: center;
    }
    #about-text-content {
	    float: left;
	    width: 85%;
    	margin: 0;
    	padding: 20px 0 10px 7.5%;
    	
    	background: #FFF;
    }
    #back-to-top-content {
	  	float: left;
	  	margin: 20px 0 0 0;
    	}
    #contact-featured-image {
	    height: 650px;
		width: 430px;
		margin: 0;
		padding: 4px 20px 0 20px;
    	}
	#contact-info-content { 
    	height: 20px;
    	width: 100%;
    	padding: 6px 0 8px;
    	margin: 0;
    	
    	background-color: #00273A;
		}
	#contact-info-ul-l { 
    	display: inline;
    	float: left;
    	margin: 0;
    	padding: 0;
    	}
	#contact-info-ul-l li, 
	#contact-info-ul-l li a {     	
    	display: inline;
    	margin: 0;
    	padding: 0;
    	
    	color: #CCC;
    	font: 600 1em/1em adelle, Cambria, Times, "Times New Roman", serif;
    	letter-spacing: .0625em;
    	text-decoration: none;
		}	
	#contact-info-ul-r { 
    	display: inline;
    	float: right;
    	margin: 0;
    	padding: 0;
		}
	#contact-info-ul-r li { 
    	display: inline;
    	margin: 0;
    	padding: 0;
    	
    	color: #CCC;
    	font: 600 1em/1em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	letter-spacing: .0625em;
    	text-decoration: none;
		}
	#contact-info-ul-r li a { 
    	display: inline;
    	margin: 0;
    	padding: 0;
    	
    	color: #CCC;
    	font: 600 1em/1em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	letter-spacing: .0625em;
    	text-decoration: none;
		}
	#contact-text-content {
	    float: left;
	    width: 65%;
		margin: 0;
		padding: 20px 17.5% 30px;
    	
    	text-align: center;
    }
	#contact-us-content {
    	width: 100%;
    	margin: 0 auto;
    	padding: 30px 0 0;
    	float: left;
    	
    	background-color: #EEE;
    	}
	#contact-info-content { 
    	height: 20px;
    	width: 100%;
    	padding: 6px 0 8px;
    	margin: 0;
    	
    	background-color: #00273A;
		}
	#contact-info-ul-l { 
    	display: inline;
    	float: left;
    	margin: 0;
    	padding: 0;
    	}
	#contact-info-ul-l li, 
	#contact-info-ul-l li a {     	
    	display: inline;
    	margin: 0;
    	padding: 0;
    	
    	color: #CCC;
    	font: 600 1em/1em adelle, Cambria, Times, "Times New Roman", serif;    		letter-spacing: .0625em;
    	text-decoration: none;
		}	
	#contact-info-ul-r { 
    	display: inline;
    	float: right;
    	margin: 0;
    	padding: 0;
		}
	#contact-info-ul-r li { 
    	display: inline;
    	margin: 0;
    	padding: 0;
    	
    	color: #CCC;
    	font: 600 1em/1em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	letter-spacing: .0625em;
    	text-decoration: none;
		}
	#contact-info-ul-r li a { 
    	display: inline;
    	margin: 0;
    	padding: 0;
    	
    	color: #CCC;
    	font: 600 1em/1em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	letter-spacing: .0625em;
    	text-decoration: none;
		}
	#header-content {
    	width: 100%;
    	margin: 0 auto;
    	padding: 0;
    	
    	background-size: 100%;
    	background-image: url('../images/header-flag.jpg');
    	}
    #header-logo {
    	width: 100%;
    	margin: 0 auto;
    	padding: 30px 0;
    	
    	text-align: center;
    	}
	#navigation-content { 
    	float: left;
		top: 0;
    	width: 100%;
    	height: 40px;
    	margin: 0;
    	padding: 22px 0 10px;
    	
    	background-color: #00273A;
		}
	#navigation-about { 
    	float: left;
    	width: 100%;
    	
    	background-color: transparent;
		}
	#navigation-contact { 
    	float: left;
    	width: 100%;
    	
    	background-color: transparent;
		}
	#navigation-top10 { 
    	float: left;
    	width: 100%;
    	
    	background-color: transparent;
		}
	#navigation-ul-l { 
    	display: inline;
    	float: left;
    	margin: 0;
    	padding: 0 0 0 220px;
		}
	#navigation-ul-l li {     	
    	display: inline;
    	margin: 0 1.25em 0 0;
    	padding: 0;
    	
    	color: #FFF;
    	font: 400 1.55em/1.5em adelle, Cambria, Times, "Times New Roman", serif;
    	text-decoration: none;
		}
	#navigation-ul-l li a {     	
    	display: inline;
    	
    	color: #FFF;
    	font: 400 1.2em/1em adelle, Cambria, Times, "Times New Roman", serif;
    	text-decoration: none;
		}
	#navigation-ul-l li a:hover {     	
    	display: inline;
    	
    	color: #CCC;
    	font: 400 1.2em/1em adelle, Cambria, Times, "Times New Roman", serif;
    	text-decoration: none;
		}
	#quote-content {
	    float: left;
	    width: 85%;
    	margin: 0;
    	padding: 0 7.5%;
    	
    	text-align: center;
    }
    #top-reasons-content {
    	float: left;
    	width: 100%;
    	margin: 0 auto;
    	padding: 0;
    	
    	background-size: 100%;
    	background-image: url('../images/reasons-flag.jpg');
    	background-repeat:repeat-y;
    	}

/*  
=================================================================================================================
=================================================================================================================

#Clearing

=================================================================================================================
============================================================================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }