/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

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

}

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

}

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

}

body {
	font-family: "SourceSansProRegular", Helvetica, Arial, sans-serif; color: #676767;
	font-size: 15px;
	line-height: 24px;
	}

	a {
		color: #ff632e;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	a:hover {
		text-decoration:underline;
	}	



	
HR {
    height:1px;
    width:100%;
    background:#d3d3d3;
	border:none;
   }
   
.proj { font-family: 'SourceSansProLight'; color: #676767; font-size: 40px; line-height: 36px; text-align: left; margin: 24px 0 4px 0; } 
.subproj { font-family: 'SourceSansProLight'; color: #969696; font-size: 26px; line-height: 28px; text-align: left; margin: 0 0 14px 0; } 
.bit {
	font-family: "SourceSansProBold", Helvetica, Arial, sans-serif; color: #676767;
	font-size: 15px;
	line-height: 24px;
	}  	

.dc {
 	margin: 0; 
	padding: 0;
    text-align: center;
}

.jk {  font-family: 'SourceSansProLight'; color: #4c4c4c; font-size: 36px; text-align: left; margin: 26px 0 0 0; }
.jk a {
	color: #4c4c4c;
	text-decoration: none;
}
	
.jk a:hover {
		text-decoration: none;
		color: #ff632e;
}
.jksub {  font-family: 'SourceSansProLight'; color: #9f9f9f; font-size: 16px; text-align: left; margin: 4px 0 26px 50px; }
.nav {  color: #c0c0c0; font-size: 18px; text-align: right; margin: 42px 0 0 0; }
.pnav {  color: #c0c0c0; font-size: 16px; text-align: left; margin: 12px 0 12px 0; }
.nnav {  color: #c0c0c0; font-size: 16px; text-align: right; margin: 12px 0 12px 0; }
.ptitle {  color: #676767; font-size: 18px; text-decoration: none; text-align: center; margin: 8px 0 2px 0; }
.stitle {  color: #676767; font-size: 14px; text-decoration: none; text-align: center; margin: 4px 0 24px 0; }
.pdate {  font-family: 'SourceSansProLight'; color: #8b8b8b; font-size: 28px; text-decoration: none; margin: 20px 0 18px 0; }
.dateline { height:1px; width:100%; background:#d3d3d3; border:none; margin: 0 0 28px 0; }	
.topline { height:1px; width:100%; background:#d3d3d3; border:none; margin: 0 0 0 0; }
.btmline { height:1px; width:100%; background:#d3d3d3; border:none; margin: 0 0 18px 0; }
.fline { height:1px; width:100%; background:#d3d3d3; border:none; margin: 24px 0 24px 0; }
.ftext {  font-size: 14px; text-align: left; margin: 4px 0 24px 0; }
.pichold { margin: 24px 0 0 0; }
.picholdr { margin: 10px 0 0 0; }
.bquote {  font-family: 'SourceSansProLight'; font-size: 30px; line-height: 38px; }
.ah {  font-family: 'SourceSansProLight'; font-size: 30px;  }

.himg { position: relative; }
	
.himg-float {  background-color: rgba(0,0,0,.65); position: absolute; bottom: 0; left: auto; width:100%; margin-bottom: 9px;
  min-height: 8em;
    display: table-cell;
    vertical-align: middle 
    }	
  
.featuretxt {  font-family: 'SourceSansProLight'; color: #fff; font-size: 38px; text-align: left; margin: 52px 0 52px 50px; -webkit-opacity: 0.95;
  -moz-opacity: 0.95;
  filter:alpha(opacity=95); }  

.featuretxt a {
	font-family: 'SourceSansProLight';
		color: #fff;
	text-decoration: none;
}

.featuretxt a:hover {
	font-family: 'SourceSansProLight';
		text-decoration: none;
		color: #ff720b;
}
		
	





/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

.pdate {  color: #8b8b8b; font-size: 28px; text-decoration: none; margin: 14px 0 18px 0; }
.jksub {  font-family: 'SourceSansProLight'; color: #9f9f9f; font-size: 16px; text-align: left; margin: 4px 0 0 50px; }
.nav {  color: #c0c0c0; font-size: 18px; text-align: center; margin: 12px 0 12px 0; }
.pnav {  color: #c0c0c0; font-size: 16px; text-align: right; margin: 12px 0 12px 0; }
.proj { font-family: 'SourceSansProLight'; color: #676767; font-size: 32px; text-align: left; margin: 18px 0 8px 0; } 
.subproj { font-family: 'SourceSansProLight'; color: #969696; font-size: 24px; line-height: 28px; text-align: left; margin: 0 0 14px 0; }   	
 
.himg-float {  background-color: rgba(0,0,0,.65); position: absolute; bottom: 0; left: auto; width:100%; margin-bottom: 9px;
  min-height: 3em;
    display: table-cell;
    vertical-align: middle 
    }	
  
.featuretxt {  font-family: 'SourceSansProLight'; color: #fff; font-size: 24px; text-align: left; margin: 20px 0 20px 25px; }  

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}