/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-family: 'Georgia', 'sans-serif';
  font-size: 0.875em;
  line-height: 1;
  /*visibility: hidden;*/
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
  font-size: 0px;
  height: 0;
}
.clearfix:after {
  clear: both;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* @group Global and Patterns */
.wrapper {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
p {
	line-height: 20px;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
@font-face {
    font-family: 'chunkfive_romanregular';
    src: url('../fonts/chunkfive.eot');
    src: url('../fonts/chunkfive.eot#iefix') format('embedded-opentype'),
         url('../fonts/chunkfive.woff') format('woff'),
         url('../fonts/chunkfive.ttf') format('truetype'),
         url('../fonts/chunkfive.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HouseGothicHG23Cond-LIGHT3';
    src: url('../fonts/HouseGothicHG23Cond-LIGHT3.eot');
    src: url('../fonts/HouseGothicHG23Cond-LIGHT3.eot#iefix') format('embedded-opentype'),
         url('../fonts/HouseGothicHG23Cond-LIGHT3.woff') format('woff'),
         url('../fonts/HouseGothicHG23Cond-LIGHT3.ttf') format('truetype'),
         url('../fonts/chunkfive.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* @end */
/* @group Header */
header {
  background-color: #000000;
  padding: 0px 0px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
}
.logo {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -56px;
}
nav {
  margin: 0 auto;
  width: 920px;
  text-align: center;
  padding: 0px;
}
nav li {
  float: left;
}
nav li a {
  padding: 25px 25px;
  display: block;
  color: #fff;
  font-size: 22px;
  text-indent: -9999px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'HouseGothicHG23Cond-LIGHT3', 'Arial';
  background: transparent url(../images/navigation.png) no-repeat;
}
nav li a.home {
	width: 29px;
	background-position: 0px -75px;
}
nav li a.farm {
	width: 51px;	
	background-position: -78px -75px;
}
nav li a.ants {
	width: 49px;		
	background-position: -179px -75px;
}
nav li a.companies {
	width: 83px;
	background-position: -300px -75px;
}
nav li a.contact {
	width: 63px;
	background-position: -432px -75px;	
}
nav li a.join {
	width: 63px;
	background-position: -550px -75px;	
}

nav li:hover {
  background-color: #222;
}
nav li.blank {
  width: 120px;
}
nav li.active a {
  background-color: #222;
}
/* @end */
/* @group Section */
section {
  position: relative;
}

/* @group Welcome */

#welcome .wrapper {
  height: 720px;
}
#welcome {
  margin-top: 63px;
  background: url(../images/1-farm-bg.jpg) no-repeat center bottom;
  background-color: #fbfbf8;
}
.cloud-1 {
	position: absolute;
	left: 455px;
	top:125px;
}
.cloud-2 {
	position: absolute;
	right: -10px;
	top:50px;
}
.cloud-3 {
	position: absolute;
	left: -100%;
	top:445px;
}
.green-ant {
	position: absolute;
	left: 35px;
	top:75px;
}
h1 {
  font-family: 'chunkfive_romanregular', 'Arial';
  font-size: 54px;
  color: #fff;
  text-transform: uppercase;
  padding-top: 200px;
  margin: 0;
  text-shadow: 2px 1px 0px rgba(0,0,0,.25);
  margin-left: 25px;
}
h1 strong {
  display: block;
  font-size: 92px;
  line-height: 70px;
}
#welcome p {
  font-family: 'georgia', 'arial';
  font-size: 14px;
  color: #558b7e;
  line-height: 20px;
  margin: 0;
  margin-left: 25px;  
}
.ant-group {
  position: absolute;
  top: 30px;
  right: -20px;
}
.arrow-holder {
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 46px;
	margin-left: -23px;
}
/* @end */

/* @group The Farm */
#theFarm .wrapper {
  height: 700px;
}
#theFarm {
  background-color: #fbfbf8;
}
.services.first {
	padding-top: 70px;
}
.services h4 {
	font-family: 'chunkfive_romanregular', 'Arial';	
	font-size: 34px;
	margin: 0;
	margin-bottom: 10px;
}
.purble {
	color: #c6618b;
}
.yellow {
	color: #e5b92e;
}
.red {
	color: #cc534d;
}
.services {
	width: 250px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: dashed #d5d5d4 1px;
}
.services.red {
	border-bottom: none;
}
.services span {
	font-family: 'chunkfive_romanregular', 'Arial';	
	float: left;
	width: 70px;
	font-size: 96px;
	color: #999;
	text-align: left;
	line-height: 110px;
	font-weight: bold;
}
.services ul {
	float: left;
	width: 180px;
}
.services li {
	font-style: italic;
	color: #666;
	line-height: 22px;
}
.blue-ant-fly {
	position: absolute;
	top: -100px;
	right: 160px;
}
.grey-plane {
	position: absolute;
	top: 120px;
	left: -265px;
}
.parachute-blue-big {
	position: absolute;
	top: -100px;
	left: 180px;
	z-index: 3;
}
.parachute-red-small {
	position: absolute;
	bottom: 45px;
	left: -180px;
}
.red-ant-fly {
	position: absolute;
	right: -110px;
	top: 190px;
	z-index: 3;
}
.parachute-green-small {
	position: absolute;
	right: 62px;
	bottom: 35px;
	z-index: 4;
}
.about-circle {
	position: absolute;
	right: 65px;
	top: 95px;
	width: 432px;
	height: 501px;
	background: url(../images/about-circle.png) no-repeat;
	padding: 55px 60px 0 60px;
	text-align: center;
	color: #ccc;
	z-index: 2;
}
.cloud-4 {
	position: absolute;
	top: 60px;
	right:10px;
}
.cloud-5 {
	position: absolute;
	top: 120px;
	left: 310px;
	/*left:310px;*/
	z-index: 1;
}
.about-circle h2 {
	font-size: 44px;
	margin-bottom: 60px;
}
.about-circle p {
	color: #aaaaaa;
}
/* @end */

/* @group The Ants */
#theAnts {
	background: url(../images/yellow-dot.png);	
}
#theAnts .wrapper {
	height: 900px;
}
#theAnts h1 {
	padding-top: 95px;
	font-size: 133px;
	line-height: 143px;
}
#theAnts h1 strong {
	font-size: 200px;
	line-height: 140px;
}
.arrow-patch, .arrow-down-patch {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -125px;
}
.arrow-down-patch {
	top: auto;
	bottom: 0px;
	z-index: 7;
}
.cloud-6 {
	position: absolute;
	right: 140px;
	top:85px;
	z-index: 1;
}
.team-lineup {
	position: absolute;
	left: 0;
	top: 290px;
}
.team-lineup li {
	position: relative;
	float: left;
	width: 250px;
	height: 480px;
	background: transparent url(../images/team.png) no-repeat;
	text-align: center;
}
.team-lineup  span {
	position: absolute;
	left: auto;
	bottom: 0px;
	text-align: center;
	width: 100%;
	font-size: 33px;
	font-family: 'HouseGothicHG23Cond', 'Arial';
	line-height: 33px;
}
.team-lineup strong {
	font-size: 56px;
	display: block;
}
.gurus {
	background-position: 0px 0px;
}
.team-lineup li.stars {
	background-position: -250px 0px;
}
.team-lineup li.geeks {
	background-position: -500px 0px;
}
.team-lineup li.designers {
	background-position: -750px 0px;
}
.team-lineup span {
	background: transparent url(../images/navigation.png) no-repeat;
	display: inline-block;
	zoom:1;
	*display:inline;
	width: 150px;
	left: 30px;
	height: 70px;
}
.gurus span {
	background-position: 31px 5px;
}
.stars span {
	background-position: -101px 5px;
}
.geeks span {
	left: 55px;
	background-position: -266px 5px;
}
.designers span {
	left: 75px;
	background-position: -445px 5px;
}
/* @end */

/* @group companies */
#thecompanies  {
	padding: 70px 0px;
	background-color:#fbfbf8;
	/*height: 1020px;*/
}
#thecompanies h1 {
	text-align: center;
	color: #333;
	padding: 0;
	margin-bottom: 55px;
}
.companies-list {
	width: 870px;
	margin: 0 auto;
}
.companies-list li {
	float: left;
	width: 300px;
	height: 320px;
}
.companies-list li.third {
	width: 270px;
}
.companies-list li.center {
	margin-left: 155px;
}
.companies-list a {
	display: block;
	height: 275px;
	cursor: pointer;
	text-decoration: none;
}
.company-icon {
	background: url(../images/companies-list_v-0.1.png) no-repeat;
}
.empty{ background:none;}
.stylista {background-position: left top;}
.arrive {background-position: -310px top;}
.socialplug {background-position: -630px top;}
.fork {background-position: 0 -300px;}
.techcast {background-position: -300px -300px;}
.uberdreams {background-position: -630px -300px;}
.mow{background-position: -300px -599px;}
.companies-list li em {
	display: block;
	text-align: center;
	margin-top: 10px;
	width: 280px;
}
.companies-list em a {
	text-decoration: none;
	height: auto;
	color: #666;
}
.companies-list em a:hover {
	text-decoration: underline;
}
/* @end */

/* @group contact */
#contact {
	background: url(../images/contact-bg.png);
	height: 570px;
	text-align: center;
}
#contact h1 {
	padding-top: 170px;
	color: #666666;
	text-align: center;
	padding-bottom: 30px;
}
.mailto {
	font-size: 32px;
	font-family: 'chunkfive_romanregular', 'Arial';
	color: #333;
	text-decoration: none;
	margin-top: 20px;
	display: block;
}
.mailto em {
	color: #999;	
	font-style: normal;
}
#contact .arrow-patch {
	bottom: -10px;
	height: 60px;
}
/* @end */

/* @group Join */
#join {
	height: 750px;
}
#join h1 {
	padding-top: 100px;
	color: #333;
}
#join p {
	width: 560px;
	padding-left: 25px;
	color: #666;
}
#join p em {
	color: #333;
}
.email {
	font-size: 16px;
}
.email a {
	text-decoration: none;
}
.join-ant {
	position: absolute;
	right: -70px;
	top: 90px;
	z-index: 6;
}
.job_listings {
    list-style: none outside none;
    margin: 15px 0 0 25px;
    padding: 0;
	width:560px;
	background-color:#f1f1f1;
}
.job_listings li {
    background: url("../images/plus_v-0.1.gif") no-repeat scroll 5px 2px rgba(0, 0, 0, 0);
    border-bottom: 2px solid #fff;
    padding: 5px 5px;
}
.job_listings li.up {
    background: url("../images/minus_v-0.1.gif") no-repeat scroll 5px 2px rgba(0, 0, 0, 0);
}
.job_listings li .job_title {
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-style: normal;
    padding: 5px 20px;
    text-align: left;
}
.job_listings li .job_desc {
    color: #666;
    display: none;
	padding:0 22px;
}
.job_listings li .job_desc p {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    margin: 8px 0;
    padding: 5px 0px 5px 0px !important;
    text-align: left;
	width: 520px !important;
}
.job_subdesc {
    list-style:none outside none;
    margin: 15px 0 0 5px;
    padding: 0;
	width:520px;
}
.job_subdesc li {
    background:none;
    border-bottom: 0px solid #555;
    padding: 4px 0;
	font-style:italic;
	line-height:20px;
	font-weight:normal;
}
/* @end */



/* ==========================================================================
   Media Queries
   ========================================================================== */
/*@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

 ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
  
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
       * Don't show links for images, or javascript/internal links
       */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}