/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 21, 2012 01:32:48 PM America/New_York */



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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}


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

}



@font-face {
    font-family: 'crimson_textbolditalic';
    src: url('crimsontext-bolditalic-webfont.eot');
    src: url('crimsontext-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimsontext-bolditalic-webfont.woff2') format('woff2'),
         url('crimsontext-bolditalic-webfont.woff') format('woff'),
         url('crimsontext-bolditalic-webfont.ttf') format('truetype'),
         url('crimsontext-bolditalic-webfont.svg#crimson_textbolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'crimson_textitalic';
    src: url('crimsontext-italic-webfont.eot');
    src: url('crimsontext-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimsontext-italic-webfont.woff2') format('woff2'),
         url('crimsontext-italic-webfont.woff') format('woff'),
         url('crimsontext-italic-webfont.ttf') format('truetype'),
         url('crimsontext-italic-webfont.svg#crimson_textitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'crimson_textroman';
    src: url('crimsontext-regular-webfont.eot');
    src: url('crimsontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimsontext-regular-webfont.woff2') format('woff2'),
         url('crimsontext-regular-webfont.woff') format('woff'),
         url('crimsontext-regular-webfont.ttf') format('truetype'),
         url('crimsontext-regular-webfont.svg#crimson_textroman') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

}



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

}




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

}


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

}




@font-face {
    font-family: 'apple_garamonditalic';
    src: url('applegaramond-italic-webfont.eot');
    src: url('applegaramond-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('applegaramond-italic-webfont.woff2') format('woff2'),
         url('applegaramond-italic-webfont.woff') format('woff'),
         url('applegaramond-italic-webfont.ttf') format('truetype'),
         url('applegaramond-italic-webfont.svg#apple_garamonditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}


@font-face {
  font-family: 'Georgia-Bold';
  src: url('Georgia-Bold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'DINCondensed-Bold';
  src: url('DINCondensed-Bold.eot') format('embedded-opentype'),
  	   url('DINCondensed-Bold.woff2') format('woff2'),
       url('DINCondensed-Bold.woff') format('woff'),
       url('DINCondensed-Bold.ttf') format('truetype'),
       url('DINCondensed-Bold.svg#DINCondensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


a:link {
  color: black;
  background-color: transparent;
  border-bottom-width: 1px solid;
  padding-bottom: 3px;
}

a:hover {
  color: purple ;
  background-color: #def ;
}

a:visited {
    color: #000000;
}



ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
 
ul.img-list li {
  display: inline-block;
  height: 150px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 150px;
}

span.text-content {
	background: rgba(0,0,0,0.5);
	letter-spacing: 0.07em;
	font-family: 'crimson_textroman', Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: white;
	cursor: pointer;
	display: table;
	height: 450px;
	left: 0;
	position: absolute;
	top: 0;
	width: 300px;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}


span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}


ul.img-list li:hover span.text-content {
  opacity: 1;
}