/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ FOUNDATION OVERRIDE classes ~~ */




body {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
    background-color: #f9f8f1;
}

hr {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
}

p {
  font-family: inherit;
  font-weight: 400;
  font-size: 1em;
  color: #282d62;
  }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #59453e;
}

h1 {
    font-size:34px;
    color: #e56a3e;
}

h2 {
    font-size: 26px;
    line-height: 75%;
}



a {
  color: #e56a3e;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #363b74; }
  a img {
    border: none; }

.top-bar-section ul {
background: rgba(255, 255, 255, 0);
}
    
.top-bar {
  background: rgba(255, 255, 255, 0);
    margin-top: 15px;
  margin-bottom: 5px; 
  }    
    .top-bar .toggle-topbar a {
      color: #888888;
      font-size: 1em;
    }	
	.top-bar .toggle-topbar a:hover {
    color: #363b74;
	}
	    
    .top-bar.expanded .title-area {
      background: #FFFFFF; }
      
  .top-bar-section ul li > a {
    color: #888888;
    font-size: 1em;
    font-weight: 500;
    background: rgba(255, 255, 255, 0);
    height: 45px; }

   .top-bar-section ul li > a:hover {
     background: rgba(255, 255, 255, 0); }
   
     .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-bottom: solid 1px #FFFFFF;
    border-top: solid 1px #FFFFFF;
    clear: both;
    height: 1px;
    width: 100%; }

.top-bar-section li a:not(.button) {
padding: 0 10px;}
      
      
@media only screen and (min-width: 58.75em) {
  .top-bar { 
     background: rgba(255, 255, 255, 0)}
      .top-bar { 
    background: rgba(255, 255, 255, 0)}
    .top-bar.expanded {
      background: #FFFFFF; }
}
      
    .top-bar-section li a:not(.button) {
      background: rgba(255, 255, 255, 0); }
      .top-bar-section li a:not(.button):hover {
        background: rgba(255, 255, 255, 0); }

   .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      margin-top: -7px;}
    
      
    .top-bar-section > ul > .divider {
      border-bottom: none;
      border-top: none;
      border-right: none;
      border-left: none;}
    }
    
.articleInfo {
    margin-bottom: -5px;
}

.clear {
	clear:both;
}

.homeImageGrid {
	max-width: 600px;
	margin-bottom: 20px;
	text-align:center;
}

.prevNext {
	margin-top:10px;
	margin-bottom:20px;
	text-align: center;
	}

.prevNext a {
	font-weight: 500;
	font-size: 1em;
	color: #888888;
	}
	
.prevNext a:hover {
	color: #363b74;
	}


.subnav {
	padding-right:20px;
	padding-left:15px;
	text-align: left;
	line-height:1.2em;
	}
	.subnav ul {
    	margin-bottom: 0;
    	list-style: none;
    	 }
    .subnav li {
    	display:block;
    	clear: both;
    	margin-bottom: 0;
    	list-style: none;
    	 }
    .subnav a {
    	color: #888888;
    	font-weight: 300;
    	 }
	.subnav a:hover {
   		color: #575686;
   		}

@media only screen and (min-width: 48em) {
.subnav {
    margin-top:15px;
	padding-right:20px;
	padding-left:15px;
	text-align: right;
	line-height:1.2em;
	float: right
	}
	.subnav ul {
    	margin-bottom: 0;
    	list-style: none;
    	 }
    .subnav li {
    	display:block;
    	clear: none;
    	margin-bottom: 0;
    	list-style: none;
    	padding-left: 0px;
    	 }
    .subnav a {
    	color: #888888;
    	font-weight: 300;
    	 }
	.subnav a:hover {
   		color: #575686;
   		}
}

#gallery {
	margin-bottom:5px;
	}

.rubiosNav a {
    padding-right:10px;
}

.logo {
	width:100%;
	height:auto;
	max-width:350px;
	}
	
.bigType {
	font-weight: 100;
	color: #787db6;
	margin-bottom: 20px;
}

.homeTypeBig {
	font-weight: 700;
	font-size: 1.4em;
	margin: 5px 0 5px 0;
	line-height: 1.2;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	letter-spacing:2.5px;
	}

@media only screen and (min-width: 48em) {
	.homeTypeBig {
	font-weight: 700;
	font-size: 2em;
	margin: 10px 0 10px 0;
	line-height: 1.2;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	letter-spacing:2.5px;
	}
}

.homeTypeSmall {
	font-weight: 300;
	font-size: 1.1em;
	margin-bottom: 0;
	line-height: 1.5;
	}

@media only screen and (min-width: 48em) {
	.homeTypeSmall {
	font-weight: 300;
	font-size: 1.6em;
	margin-bottom: 0;
	line-height: 1.5;
	}
}


.homeBannerDesktop {
	display:none;
	}

@media only screen and (min-width: 54em) {
.homeBannerDesktop {
	display:block;
	}
}

.homeBannerMobile {
	display:block;
	}

@media only screen and (min-width: 54em) {
.homeBannerMobile {
	display:none;
	}
}

.homeBanner {
	width:100%;
	max-width:675px;
	}

.summary {
  font-weight: 300;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  color: #575686;
  text-rendering: optimizeLegibility; }
  
.light {
  font-weight: 300;
  font-size: 1em;
	color: #575686;
}

.nobreak {
	white-space:nowrap;
}

.topMargin20 {
	margin-top:20px;
}

.topAndBottom {
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	}

@media only screen and (min-width: 48em) {
.topAndBottom {
	margin-top:40px;
	margin-bottom:20px;
	text-align: center;
	}	
}

.categories {
	background-color: grey;
}

.topMargin40 {
	margin-top:40px;
}

#centerContent {
     text-align:center;
}

.centerContent {
     text-align:center;
}

#teamIcons {
     text-align:left;
     margin-top:20px;
     margin-bottom:20px;
}

.teamIcon {
	width:100%;
	height:auto;
	max-width: 335px;	
	padding-bottom: 10px;
}

.teamIconGrid {
	max-width: 100px;
}

#teamFrame {
	max-width:700px;
}

#teamPortrait {
     text-align: left;
}

.smallPrint {
	font-size: .9em;
    line-height: 115%;
	color: #909090;
}



.workImage {
    text-align:center;
}

.workImageLogo {
    padding: 30px;
}
.workImage  img {
    margin: 10px 10px 10px 10px;
}


.workThumb {
	margin: 20px 0px 10px 0;
    
	text-align:center;
}




.overlayHome{
		text-align: center;
		background-color: rgba(255, 255, 255, .8);
		display: block;
		width: 100%;
		height: 40%;
		position: absolute;
		top:0;
		padding:7px 0;
}

.overlayHome2{
		text-align: left;
		background-color: rgba(255, 255, 255, .55);
		display: block;
		width: 50%;
		height: 75px;
		position: absolute;
		top:15px;
        right: 15px;
		padding:5px 0px 8px 20px;
}
.overlayHome2 h5 {
		line-height: 0px;
}

.overlay{
		text-align: center;
		background-color: rgba(255, 255, 255, .6);
		display: block;
		width: 100%;
		height: 50px;
		position: absolute;
		bottom:0px;
		margin-bottom: 10px;
		padding:3px 30px 0px 0px;
}

.overlay h4 {
		font-size: 1em;
		text-transform: uppercase;
}

.overlay h5 {
		font-size: .8em;
		line-height: 0px;
	}

.overlayRubios{
		text-align: center;
		background-color: rgba(255, 255, 255, .8);
		display: block;
		width: 100%;
		height: 35px;
		position: absolute;
		bottom:0px;
		margin-bottom: 10px;
		padding:3px 30px 0px 0px;
}

.overlayRubios h4 {
		font-size: 1em;
		text-transform: uppercase;
}

.overlayRubios h5 {
		font-size: .8em;
		line-height: 0px;
	}


nav li {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 500;
	letter-spacing: .1em;
}

nav li a { 
	
	font-size: 1em;
	color: #909090;
	text-decoration: none;
	padding: 0 10px;
}



nav li a:hover {
	color: #363b74;
}



.e2ma_signup_form_label {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #363b74;
    float: left;
    text-align: left;
    width: 110px;
    padding-top: 0px;
    padding-bottom: 5px;
    white-space: nowrap;
}


.e2ma_signup_form {
    max-width: 300px;
    align-content: left;
    padding: 10px;
}

.e2ma_signup_form input {
    margin-bottom: 5px;
}

.e2ma_signup_message {
       text-align:left;
}

.e2ma_signup_message h2 {
       font-size: 24px;
        line-height: 125%;
        margin-bottom: 0.2em;
}

.e2ma_signup_message h5 {
    font-size: 17px;
    font-weight: 300;    
    line-height: 125%;
        margin-bottom: 0.5em;
}

.e2ma_signup_form_required_footnote {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #363b74;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 10px;
}

.e2ma_signup_form_button_row {
    text-align:left;
}

.e2ma_signup_form_button {
    color: #363b74;
    background-color: #FFFFFF;
    border-color: #363b74;
    border-width: 1px;
    border-radius: 3px;
}

/* End Header */




@media only screen and (min-width: 48em) {
	.workImage {
		padding: 0 0 20px 0;
		}
}


/* Start Footer */

.footer {
	text-align:left;
	float: left;
	padding-left:0;
}

.footer li {
	display: inline;
	border-color: #dedede;

}

.footer li:last-child {
	border: none;
}

.footer li a {
	font-size: .8em;
	color: #909090;
	text-decoration: none;
	
}

.footer nav li a:hover {
	color: #363b74;
}


/* End Footer */


/* Start Share Buttons */


#share-buttons img {
width: 50px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}


/* End Share Buttons */