@charset "UTF-8";
/* CSS Document */

/* Large screens ----------- */


/* Normalize padding and margins taken out form,input,*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  fieldset,  p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-size: 90%;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6, p {
	/*font-size: 50%;*/
}

/* Normalize list styles */
 ol {
	list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Normalize table borders */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
	border: 0;
}

/* Normalize text-alignment */
caption, th {
	text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
	content: '';
}

a {text-decoration: none;}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

/* General Classes */
.clear{clear: both !important; float: none !important;}

/*Color Guide
#FFFFFF: White
#000000: Black
#999999: Gray
#666666:
#333333:
#CCCCCC;
#DDDDDD;
#828276 - Olive Green
#78545f - Rose
#586100 - Muted Green
#CCE000 - Bright Green

*/
/*Fonts*/
/*Sample of font kit from Font Squirrel*/
/*Sample of font kit from Font Squirrel*/
@font-face {
    font-family: 'AppleChancery';
    src: url('../fonts/apple_chancery-webfont.eot');
    src: url('../fonts/apple_chancery-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apple_chancery-webfont.woff') format('woff'),
         url('../fonts/apple_chancery-webfont.ttf') format('truetype'),
         url('../fonts/apple_chancery-webfont.svg#AppleChancery') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}
@font-face {
    font-family: 'lobster_1.3regular';
    src: url('../fonts/lobster_1.3-webfont.eot');
    src: url('../fonts/lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lobster_1.3-webfont.woff') format('woff'),
         url('../fonts/lobster_1.3-webfont.ttf') format('truetype'),
         url('../fonts/lobster_1.3-webfont.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;

} 

@font-face {
    font-family: 'quicksandbold';
    src: url('../fonts/quicksand-bold-webfont.eot');
    src: url('../fonts/quicksand-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-bold-webfont.woff') format('woff'),
         url('../fonts/quicksand-bold-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-bold-webfont.svg#quicksandbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quicksandregular';
    src: url('../fonts/quicksand-regular-webfont.eot');
    src: url('../fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-regular-webfont.woff') format('woff'),
         url('../fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandlight';
    src: url('../fonts/quicksand-light-webfont.eot');
    src: url('../fonts/quicksand-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-light-webfont.woff') format('woff'),
         url('../fonts/quicksand-light-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-light-webfont.svg#quicksandlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansationregular';
    src: url('../fonts/sansation-regular-webfont.eot');
    src: url('../fonts/sansation-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation-regular-webfont.woff') format('woff'),
         url('../fonts/sansation-regular-webfont.ttf') format('truetype'),
         url('../fonts/sansation-regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Styles*/

h1 {
	color: #999999;
	text-transform: uppercase;
	font: 0.857em/0.857em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 1.714em;
    margin-bottom: 0.857em;
}

.heading_two{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 1.714em;
    margin-bottom: 0.857em;
	color: #fff;
	text-align: center;
	padding: 120px 0 0 0;
	}

h3 {
    color: #999999;
    font-size: 0.857em;
    line-height: 0.857em;
    text-transform: uppercase;
}

h4 {
    color: #000000;
    /*font-size: 1.143em;*/
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1.5em;
}

p {
	/*color: #333333;*/
	/*color: #fff;*/
	margin-bottom: 1.6em;
	font: 120%/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.7em;
}

p.text {color: #000; }

hr {
    border-bottom: 1px solid #CCCCCC;
    border-top: 0 solid #FFFFFF;
    margin: 0;
    padding: 0;
}

.shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1);
}



/*css styles for front page*/

#home {}



header {
 /*   background-color: #FFFFFF;
	background-color: #cce100;*/
	background-color: #586100;
/*	background-color: #92a100;*/
    display: block;
    padding-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
}

.center {
    margin: 0 auto;
    max-width: 940px;
    min-width: 385px;
    padding: 0 0 0 0;
}
#ei_logo{position: absolute; top: ; left:41%/*left: 650px;*/}


.center_custom {max-width: 1200px;}

.home-link {
    display: block;
    float: left;
}

a {
    outline: medium none;
    text-decoration: none;
    transition: all 0.2s ease-in 0s;
}

header h1 {
    color: #CCC;
    font-size: 150%;
    font-weight: 400;
    padding: 30px 0 25px 0;
    position: relative;
    text-transform: none;
}

#top-navigation {
	float: right;
	padding: 28px 0 25px 0;
	position: relative;
	font: 0.857em/0.857em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 150%
}
ul {
    list-style: none outside none;
}

#top-navigation li {
    float: left;
    margin-left: 50px;
}

#top-navigation li:hover a{
	color: #fff;
}

#top-navigation a {
    color: #CCE000;
}

.navigation li.highlight a{
	color: #828276 !important;
	cursor:default;
}

#hero-section {
    padding: 190px 0 0 0;
    position: relative;
	background: url(../images/ei_banner2.png) no-repeat;
}

#header_image {
	display: block;
	text-align: center;
	margin: 0 auto;
}


#hero-section h2 {
    font-size: 40px;
    font-weight: 300;
    padding-top: 40px;
    text-align: center;
}

/*ei section*/

.center_custom{
	margin: 0 auto;
	max-width: 2000px;
	min-width: 385px;
	padding: 0 0 0 0;
}

.center {
    margin: 0 auto;
    max-width: 940px;
    min-width: 385px;
    padding: 0 0 0 0;
}
.cover {
	height: 200px;
	width: 100%;
	background-color: #000;
	
	}

#africa{
    left: 1200px;
    position: absolute;
    top: 660px;
	
	}	
.notch-left {
    border-bottom: 20px solid #fff;
    border-left: 40px solid #fff;
    border-right: 40px solid rgba(0, 0, 0, 0);
    height: 0;
    left: 50%;
    margin-left: -80px;
    margin-top: -20px;
    position: relative;
    width: 0;
}
.notch-block-left {
    background: none repeat scroll 0 0 #fff;
    /*height: 20px;*/
    margin-left: -80px;
    margin-top: -20px;
    position: relative;
    width: 50%;
}
.notch-right {
    border-bottom: 20px solid #fff;
    border-left: 40px solid rgba(0, 0, 0, 0);
    border-right: 40px solid #fff;
    height: 0;
    left: 50%;
    margin-top: -20px;
    position: relative;
    width: 0;
}
.notch-block-right {
    background: none repeat scroll 0 0 #fff;
    height: 20px;
    left: 50%;
    margin-left: 80px;
    margin-top: -20px;
    position: relative;
    width: 50%;
}

/*end ei section*/

/*about section*/

#about-section {
	padding: 0 0 0 0;
	margin: 0 auto;
	position: relative;
	margin-top: -40px;
	max-width: 2000px;
	min-width: 385px;
	/*background: url(../images/background_cows.jpg) no-repeat;*/
	/*background: url(../images/background_pot.jpg) no-repeat;*/
	/*background: url(../images/background_baobab_with_text.jpg) no-repeat;*/
	background: url(../images/background_baobab_slice3.jpg) no-repeat;
	height: 924px;
}

#text{margin: 0 auto; width: 940px;}

div.section_body{margin: 40px 20px 0 380px;}
div.section_body_sub_right,div.section_body_sub_left {width: 40%; float: left; margin: 20px 0 0 40px;}


#apply-section {
	padding: 0 0 0 0;
	margin: 0 auto;
	position: relative;
	margin-top: -20px;
	max-width: 2000px;
	min-width: 385px;
	/*background: url(../images/background_cows.jpg) no-repeat;*/
	/*background: url(../images/background_pot.jpg) no-repeat;*/
	/*background: url(../images/background_baobab_with_text.jpg) no-repeat;*/
	background: url(../images/background_compound.jpg) no-repeat;
	/*height: 924px;*/
}

p.apply{margin: 0 0 0 40px;}

#apply_list{margin: 0 0 20px 60px; list-style: disc; font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

#apply_list li{padding: 10px 0 0 0;}

#location-section {
	padding: 0 0 0 0;
	margin: 0 auto;
	position: relative;
	margin-top: -20px;
	max-width: 2000px;
	min-width: 385px;
	height: 750px;
	/*background: url(../images/background_cows.jpg) no-repeat;*/
	/*background: url(../images/background_pot.jpg) no-repeat;*/
	/*background: url(../images/background_baobab_with_text.jpg) no-repeat;*/
	background: url(../images/background_ecv.jpg) no-repeat;
	/*height: 924px;*/
}

#contact-section {
	padding: 0 0 0 0;
	margin: 0 auto;
	position: relative;
	margin-top: -20px;
	max-width: 2000px;
	min-width: 385px;
	/*background: url(../images/background_zayin.png) no-repeat;*/
	background: #333;
	/*height: 924px;*/
}
#column1 {
    float: left;
    position: relative;
    width: 48%;
	background-color: #000;
	opacity: .5;
}

#column2 {
    float: right;
    width: 48%;
}
#column1-5 {
    float: left;
    width: 48%;
}

#about-section aside {
    bottom: 24px;
    color: #666666;
    font-size: 0.857em;
    position: absolute;
}

#about-section a.button-style {
	background-color: #08BCBD;
    background: -moz-linear-gradient(center top, #8CD3D4,  #08BCBD) repeat scroll 0 0 rgba(0, 0, 0, 0);/*Firefox*/  
    background: -webkit-gradient(center top, #8CD3D4,  #08BCBD) repeat scroll 0 0 rgba(0, 0, 0, 0)); /* Chrome, Safari 4+ */
    background: -webkit-linear-gradient(center top, #8CD3D4,  #08BCBD) repeat scroll 0 0 rgba(0, 0, 0, 0)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background:      -o-linear-gradient(center top, #8CD3D4,  #08BCBD) repeat scroll 0 0 rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */
    background:         linear-gradient(center top, #8CD3D4,  #08BCBD) repeat scroll 0 0 rgba(0, 0, 0, 0)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

    border: 1px solid #156F70;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: 700;
    margin: 24px 8px 0 0;
    padding: 7px 0 0 0;
    text-align: center;
    text-shadow: 0 2px 2px #111111;
    transition: all 0s ease-in 0s;
    width: 100px;
	height: 25px;
}

.selected {
    background-color: #CCCCCC !important;
    color: #FFFFFF !important;
}



#contact-section {
    padding: 0px 0px;
}

#contact_footer{padding: 0 0 80px 0;}

#contact_footer a, #contact_footer p{color: #ccc;  padding: 0 0 0 0;} 

#contact_footer a:hover {color: red;}

#contact-section h4{color: #999; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 20px 0 20px 0;}

#elders{padding: 0 0 40px 0; }
div.elders_sub{float: left; width: 30%;}
div.elders_sub p{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #ccc; margin: 10px 0 10px 0;}
div.elders_sub ul li{font-size: 14px; color: #CCC; padding: 7px 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}


#connect h3{
	margin: 0 0 10px 0;
}



footer {
    background-color: #CCCCCC;
    display: block;
    padding: 48px 0 72px;
    width: 100%;
}

#footer_two{
	height: 40px;
	background: #000;
	
}

#footer_two p{
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	text-align:center;
	padding: 8px 0 0 0;	
	}
	
#alexandra{position: absolute; left: 900px; top: ;}
#zayin{position: absolute; left: 80px; top: 400px}
	
/*@media screen and (max-width: 768px) {
.imac-img {
    display: block;
    float: left;
    height: 31.1%;
    padding: 0 0 0 6%;
    width: 31.1%;
}

#call, #email, #connect {
    border-bottom: 1px solid #CCCCCC;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 96%;
}
}*/

@media screen and (max-width: 1039px) {
.work-tile {
    width: 31%;
}
}
@media screen and (max-width: 966px) {
#column2 aside {
    display: none;
}
}
@media screen and (max-width: 890px) {
.work-tile {
    width: 47%;
}
}
@media screen and (max-width: 860px) {
.work-tile {
    width: 47%;
}
#call, #email, #connect {
    border-bottom: 1px solid #CCCCCC;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 96%;
}
.contact-icon {
    height: 38.8379%;
    padding: 28px 30.58% 0;
    width: 127px;
}

}
@media screen and (max-width: 760px) {
#laura-img {
    display: none;
}
#column1-5 {
    float: right;
}
.header-line2 {
    display: block;
}
#top-navigation {
	font-size: 120%;
}

header h1{
	font-size: 120%
}
}
@media screen and (max-width: 701px) {
.work-tile {
    width: 46%;
}
}
@media screen and (max-width: 640px) {
body {
    font-size: 16px;
    width: 100%;
}
header h1 {
    margin-left: 10px;
	font-size: 100%;
}
header {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1);
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}
#top-navigation li {
    display: none;
}
#top-navigation {
    background: url("../images/menu.png") repeat scroll 0 0%, -moz-linear-gradient(center top , #FFFFFF, #F3F3F3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 1px 0 #AAAAAA inset;
    cursor: pointer;
    height: 55px;
    margin: 5px 5px 0 0;
    padding: 0;
    width: 60px;
	font-size: 100%;
}
#top-navigation:active {
    background: url("../images/menu.png") repeat scroll 0 0%, -moz-linear-gradient(center top , #F3F3F3, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    box-shadow: 0 2px 0 #959595 inset !important;
}
#menu-container {
    background-color: #F3F3F3;
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 2px 0 2px #FFFFFF;
    display: block;
    height: 66px;
    padding: 40px 0 30px;
    position: relative;
    top: 60px;
    width: 100%;
    z-index: 49;
}
#mobile-navigation {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 385px;
}
#mobile-navigation li{
	font: 0.6em/0.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
#mobile-navigation li a {
    background: -moz-linear-gradient(center top , #FFFFFF, #F3F3F3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 1px 0 #AAAAAA inset;
    color: #000000;
    display: block;
    float: left;
    font-size: 16px;
    height: 27px;
    margin: 0 15px;
    padding: 14px 0 0 0;
    text-align: center;
    text-shadow: 1px 0 0 #FFFFFF;
    width: 89px;
}
/*#mobile-navigation li a {
	
    background: -moz-linear-gradient(center top , #FFFFFF, #F3F3F3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 1px 0 #AAAAAA inset;
    color: #000000;
    display: block;
    float: left;
    font-size: 14px;
    height: 27px;
    margin: 0 15px;
    padding: 15px 0 12px 0;
    text-align: center;
	vertical-align: bottom;
    text-shadow: 1px 0 0 #FFFFFF;
    width: 89px;
}*/
#mobile-navigation li a:active {
/*    background: -moz-linear-gradient(center top , #F3F3F3, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;*/
	
	background-color: #F3F3F3;
    background: -moz-linear-gradient(center top, #F3F3F3,  #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;/*Firefox*/  
    background: -webkit-gradient(center top, #F3F3F3,  #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0))!important; /* Chrome, Safari 4+ */
    background: -webkit-linear-gradient(center top, #F3F3F3,  #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0))!important; /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background:      -o-linear-gradient(center top, #F3F3F3,  #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0))!important; /* Opera 11.10-12.00 */
    background:         linear-gradient(center top, #F3F3F3,  #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0))!important; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	
	
    box-shadow: 0 2px 0 #959595 inset !important;
}
#hero-section h2 {
    font-size: 30px;
}
#column1 {
    width: 100%;
}
#column2 {
    float: left;
    width: 100%;
}
#column1-5 {
    float: left;
    width: 100%;
}
#download-section {
    margin: 20px 0 24px 0;
}
#work-images{
	margin: 15px 0 0 0 !important;
}
#filter-work-menu li {
    width: 90px;
}
}
@media screen and (max-width: 540px) {
#work-images {
    margin: 0 auto;
    width: 100%;
}
.work-tile {
    width: 46%;
}
.tile-description h4 {
    padding-top: 15px;
}
.tile-description p {
    display: none;
}
}
@media screen and (max-width: 539px) {
.work-tile {
    width: 44.8%;
}
}