<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: GeogrotesqueReg;
  src: url('../font/geogrotesque/Geogtq-Rg.otf');
}

@font-face {
  font-family: GeogrotesqueLight;
  src: url('../font/geogrotesque/Geogtq-Lg.otf');
}

@font-face {
  font-family: GeogrotesqueMedium;
  src: url('../font/geogrotesque/Geogtq-Md.otf');
}

@font-face {
  font-family: GeogrotesqueSemiBold;
  src: url('../font/geogrotesque/Geogtq-Sb.otf');
}

@font-face {
  font-family: GeogrotesqueBold;
  src: url('../font/geogrotesque/Geogtq-Bd.otf');
}

body {
	background: #1f2327 url(footer.png) repeat-x bottom left;
	min-width: 1036px;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

#container h1 {
   display: block;
   width: 210px; height: 104px;
   margin-left: 130px;
	background: url(logo.png);
	text-indent: -9999px;
}

/*
#container h1 a:hover {
   background-position-y: -104px;
}
*/

#centerwell {
   position: relative;
   height: 177px;
   background: #3d464e;
   overflow: hidden;
}

#centerwell li  {
   position: relative;
   width: 72px; height: 177px;
   float: left;
   border-right: #3d464e 1px solid;
   background: white;
   overflow: hidden;
   cursor: pointer;
}

#centerwell h3 {
   position: absolute;
   top: 0; left: 0;
   text-indent: -9999px;
   width: 72px; height: 177px;
}

#centerwell p {
   width: 215px;
   margin-left: 85px;
   margin-top: 50px;
   padding-top: 40px;
   color: #5f5f5f;
   font-size: 15px;
   line-height: 18px;
   font-family: GeogrotesqueMedium, Helvetica, Arial, sans-serif;
   letter-spacing: 0pt;

}

/* ADDING IMAGES PER SECTIONS FOR GLOBAL NAV*/
#behance h3 {
   background: url(behance_btn.gif) no-repeat white;
}
#behance p {
   background: url(behance_over_bg.gif) no-repeat;
}

#flicker h3 {
   background: url(flickr_btn.gif) no-repeat;
}
#flicker p {
   background: url(flickr_over_bg.gif) no-repeat;
}

#linkedin h3 {
   background: url(linkedin_btn.gif) no-repeat;
}
#linkedin p {
   background: url(linkedin_over_bg.gif) no-repeat;
}

#facebook h3 {
   background: url(facebook_btn.gif) no-repeat;
}
#facebook p {
   background: url(facebook_over_bg.gif) no-repeat;
}

#twitter h3 {
   background: url(twitter_btn.gif) no-repeat;
}
#twitter p {
   background: url(twitter_over_bg.gif) no-repeat;
}

#resume h3 {
   background: url(resume_btn.gif) no-repeat;
}
#resume p {
   background: url(resume_over_bg.gif) no-repeat;
}

#email h3 {
   background: url(email_btn.gif) no-repeat;
}
#email p {
   background: url(email_over_bg.gif) no-repeat;
}

#contact h3 {
   background: url(contact_btn.gif) no-repeat;
}
#contact p {
   background: url(contact_over_bg.gif) no-repeat;
}

/* END */

#behance {
   margin-left: 206px; 
}

#content {
   position: relative;
   width: 790px;
   padding-bottom: 135px;
}


#primary_content {
   padding-left: 205px;
   padding-top: 30px;
   padding-right: 40px;
   width: 325px;
}

#primary_content p,
#primary_content span,
#primary_content em {
   color: #657381;
   font-size: 12px;
   line-height: 16px;
   letter-spacing: 1px;
}

#primary_content h2 {
   line-height: 33px;
   text-decoration: none;
   font-size: 35px;
   margin-bottom: 5px;
   font-family: GeogrotesqueLight, Helvetica, Arial, sans-serif;
   letter-spacing: 1px;
}

/*
#primary_content h2 a {
   
}
*/

#primary_content span.title.current {
   display: block;
   font-size: 15px;
   margin-bottom: 60px;
   font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif;
   
}

#primary_content h2 a,
#primary_content h1, 
#primary_content h2, 
#primary_content h3 {
   color: #00aaf0;
}

#primary_content h3 {
   margin-top: 38px;
   margin-left: -213px;
   padding-left: 3px;
   border-left: #262b30 210px solid;
   font-size: 18px;
   font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif;
   letter-spacing: 1px;
   margin-bottom: 12px;
}

#primary_content h5,
#primary_content span.location {
   display: block;
   color: #9eaebe;
   font-family: GeogrotesqueMedium, Helvetica, Arial, sans-serif;
   font-size: 13px;
   letter-spacing: 1px;
}

#primary_content span.title {
  
}

#positions li {
   position: relative;
   margin-bottom: 20px;
}

#positions li em {
   display: block;
   margin-bottom: 4px;
}

#positions li span.date {
	position: absolute;
	color: #373e46;
	font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif;
	top: -1px;
	left: -90px;
	width: 85px;
}

#secondary_content {
   position: absolute;
   top: 0;
   right: 0;
   width: 190px;
   background: #262b30;
   padding-top: 144px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 40px;
   color: #9eaebe;
   font-size: 11px;
   overflow: hidden;
}

#secondary_content h5 {
   color: #00aaf0;
   font-size: 18px;
   font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif;
   margin-bottom: 8px;
   letter-spacing: 1px;
}

#secondary_content ul li h6 {
   color: #9eaebe;
   font-size: 13px;
   font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif;
   letter-spacing: 1px;
   line-height: 23px;
}

#secondary_content ul li p {
   color: #657381;
   line-height: 15px;
   margin-bottom: 15px;
}

#client_list {
	font-size: 18px;
	letter-spacing: 1px;
    font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif;
	margin-bottom: 12px;
	margin-top: 40px;
	color: #00aaf0;
}

#client_names {
   float: left;
   width: 200px;
   margin: 0;
   padding: 0;
   list-style: none;
   color: #657381;
   line-height: 16px;
   margin-bottom: 10px;
}

#client_names li {
  float: left;
  width: 10em;
  margin: 0;
  padding: 0;
}
#thecssawards{
  position:absolute;
  top:20px;
  right:0px;
  z-index:555;
}
#thecssawards a{
  width:69px;
  height:105px;
  text-indent:-8000px;
  display:block;
  background: url(award_day_black.png) no-repeat;
}</pre></body></html>