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

html, body {-webkit-text-size-adjust: none;}
/**MAIN UI**/
a:hover {
  color: #333;
  border-bottom: 1px dotted #333;
}
a.ui-button-primary,
a.ui-button-secondary,
input.contact-submit-button {
  transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
}
a.ui-button-primary:hover,  
a.ui-button-secondary:hover,
input.contact-submit-button:hover {
  color: #FFF;
  background:#333;
  border-bottom: 0px;
}
.hide{
	opacity: 0	;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('../images/util/fancybox_sprite.png');
  background-size: 44px 152px;
}
#fancybox-loading div {
  background-image: url('../images/util/fancybox_loading.gif');
  background-size: 24px 24px;
}
.fancybox-wrap a,
a.fancybox {
	border: none;
}
/**FOOTER**/
footer {
  background: #000;
  color: #CCC;
  width: 100%;
}
.main_site_wrapper:after {
  content: "";
  display: block;
}
footer, .main_site_wrapper:after {
  /* .push must be the same height as footer */
  height: 50px; 
}
.footer-copyright {
  padding: 15px 20px;
  padding: 15px 0px\9;
  width: 100%\9;
}
.footer-copyright small {
  font-size: .625em;
  margin-left: 10px\9;
}
/*BODY*/
.main-header-group {
	margin: 0 auto;
	max-width: 980px;
	text-align: center;
}
.main-header-group h1 {
  font-size: 4em;
  line-height: 1.25em;
  text-transform: capitalize;
}
.project-type,
.main-header-group h1 {
  display: block;
  margin: 10px auto 0;
  font-family: 'Open Sans', sans-serif;
  font-size: .21875em;
  line-height: 1.5em;
  letter-spacing: 1.5px;
  color: #808080;
  text-transform: uppercase;
}
.project-type {
  display: inline;
	font-size: 1em;
}
.project-type:after {
	content: ': ';
}
.main-header-group h1 {
	font-size: .875em;
	color: #333;
}
.project-description-container {
	width: 100%;
	padding: 20px 0;
	background: #ccc;
}
.project-description-wrapper {
	margin: 0 auto; padding: 20px;
	max-width: 980px;
	color: #4d4d4d;
	background: #FFF;
	box-sizing: border-box;
}
.project-description-wrapper h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: .875em;
	line-height: 1.5em;
	font-weight: 400;
	text-transform: uppercase;
}
.project-description-wrapper h2 span.project-header  {
	display: inline;
	color: #333;
	color: #808080;
	line-height: 1.5em;
	text-transform: none;
}
.project-description-wrapper p {
	font-size: .875em;
	font-weight: 400;
	line-height: 1.65em;
	padding: 10px 0 0;
}
.project-listing {
	max-width: 980px;
	margin: 20px auto; 
}
.project-listing li {
	display: block;
	float: left;
	overflow: hidden;
	width: 220px;
	height: 220px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #f6ecdc;
}
.project-listing li a:hover figcaption {
	color: #FFF;
	background: #f16522; /* The Fallback */
	background: rgba(241,101,34,.75);
}
.project-asset figure {
	width: 100%; height: 100%;
	position: relative;
	cursor: pointer;
}
.project-asset figure img {
	width: 100%; height: 100%;
}
.project-asset figcaption {
	position: absolute;
	width: 100%; height: auto;
	bottom: 0; left: 0;
	padding: 10px;
	font-size: .875em;
	font-weight: 400;
	line-height: 1.8em;
	color: #4d4d4d;
	background: #FFF; /* The Fallback */
	background: rgba(242,242,242,.9);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.project-listing-container {
}
.project-asset-container {
	margin: 0 auto;
	text-align: center;
}
nav.listing {
	max-width: 980px;
	margin: 0 auto;
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
}
nav.listing a,
nav.listing ul,
nav.listing li {
	display: inline;
	line-height: 1em;
}
nav.listing li a {
	display: inline-block;
	margin: 0 10px;
}
.project-frame {
	max-width: 100%;
	margin: 0 auto;
	padding: 15px 10px;
text-align: center;
}
.project-frame:target {
	display: block;
	
}
.versionlink{
	color: #333;
}
.versionlink.active{
	color: #f16522;
}