/* ~~ 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: #666666;
    background-position:left top;
  color: #000;
  padding: 0;
  margin: 0;
  position: relative;
  cursor: default;
}

p {
  font-family: inherit;
  font-weight: 500;
  font-size: 1em;
  color: #000000;
  }

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

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

.top-bar {
  background: transparent;
        margin-top: 15px;
  margin-bottom: 5px; 
  }    
    .top-bar .toggle-topbar a {
      color: #FFFFFF;
      font-size: 1em;
    }	
	.top-bar .toggle-topbar a:hover {
    color: #363b74;
	}
	    
    .top-bar.expanded .title-area {
      background: transparent; }
     
.top-bar-section ul {
    background: transparent; }

  .top-bar-section ul li > a {
    color: #FFFFFF;
    font-size: 1em;
    font-weight: 500;
    background: #f7f7f7;
    height: 45px; }



     .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: transparent;}
      .top-bar { 
    background: transparent;}
    .top-bar.expanded {
      background: transparent; }
      
    .top-bar-section li a:not(.button) {
      background: transparent; }
      .top-bar-section li a:not(.button):hover {
        background: white; }

   .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;}
    }
    



.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:400px;
	}
	
.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;
	}
}

.homeBanner2 {
	display:none;
	}

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

.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;
}

#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: .7em;
	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;
}

.overlay{
		text-align: center;
		background-color: rgba(255, 255, 255, .8);
		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;
    text-decoration: none;
        list-style-type: none;
}

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



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


/* End Header */


.discoveriesType {
    color: #FFFFFF;
}

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




.bigPurple {
    color: #a52c5f;
    font-size: 19px;
}



/* Start Footer */

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

.footer li {
	display: inline;
	border-color: #dedede;
       padding-top: 20px;
    letter-spacing: 1.2px;

}

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

.footer li a {
	font-size: 1 em;
	color: #FFFFFF;
	text-decoration: none;
    font-weight: 500;
	
}

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


/* End Footer */