/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html,
body {
	width: 1060px; 
	margin: auto;
	font: 14px 'morgansanscondregular_office';
	background:url(../img/_misc/background.jpg); 
	background-repeat:repeat;  */
	background-color:#FFF;
	letter-spacing: 0.5px;
	line-height: 24px;
	height: 100%;
	overflow: visible !important;
}


a {
	text-decoration: none;
	color: #666;
}

a:link    {color:#666;} 
a:visited {color:#666;}
a:hover   {color:rgb(240,84,35);}
a:active  {color:#666;}

img {
	border: none;
	float: left;
}

.project_tn img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}

.staff_tn img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


h1 {
	font: 24px 'morgansanscondregular_office';
	line-height: 24px;  /*originally 48px */
	margin: 0 0 0px;
	margin-bottom: 24px;
	letter-spacing: 0.5px;
	padding: 0 0 0px;
	color: #666;
	clear: both;
}


h2 {
	font: 14px 'morgansanscondregular_office';
	margin: 0 0 0px;
	padding: 0 0 0px;
	color: #666;
	clear: both;
	line-height: 24px;
	letter-spacing: 0.5px;
}

h3 {
	font: 14px 'morgansansconditalic_office';
	margin: 0 0 0px;
	padding: 0 0 0px;
	color: #999;
	clear: both;
	line-height: 24px;
	letter-spacing: 0.5px;
}

h4 {
	font: 14px 'morgansanscondbold_office';
	margin: 0px 0 0px;
	padding: 0px;
	color: #666;
	clear: both;
	line-height: 24px;
	letter-spacing: 0.5px;
}

h5 {
	font: 14px 'morgansansconditalic_office';
	margin: 0px 0 0px;
	color: #666;
	line-height: 24px;
	letter-spacing: 0.5px;
}


/* Added by SSL on March 4th, 2016 */
b {
	font: 14px 'morgansanscondbold_office';
	margin: 0px 0 0px;
	padding: 0px;
	color: #666;
	line-height: 24px;
	letter-spacing: 0.5px;
}

p {
	font: normal 12px 'morgansanscondregular_office';
	line-height: 24px;
	letter-spacing: 0.5px;
	color: #666;
	margin-top: 24px;
}

/* Hanging Punctuation Added by SSL on March 11th, 2016 */
blockquote {
	color: #999;
	font-family: 'morgansanscondregular_office';
	font-size: 24px;
	line-height: 48px;
	hanging-punctuation: first;
	margin: 0 0px 0px 0px;
	text-align: left;
	text-indent: -0.4em;
}


br {
	line-height: 24px;
}
	
	
hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}	
	

.clients {
	margin: 0px 0px 0px 0px;
}


.orange {
	color: rgb(241,85,0);
}

.italic {
	font-family: 'morgansansconditalic_office';
}




#wrapper {
	margin: 0px 0px 0px 0px;
	z-index: 1;
	width: 1060px; 
	color: #FFF;
	overflow: hidden;
	display: block;
	/*float: left; */
	min-height:100%;
	position: relative;
	background-color: #FFF;/
	/* FOR IE6 & IE7 */
    height:100%;
}

#header {
	width: 980px;
	height: 192px; /*120px, 144px */
	padding: 0px 0px 0px 40px;
	margin: 0px 0px 0px 0px;
	position: fixed;
	top: 0;
	display: block;
	overflow: hidden;
	background-color:#FFF;
	z-index: 4;	
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

#container {
	width: 980px;
	margin: 192px 0px 0px 40px; /* 144 */
	display: block; 
	overflow: hidden;
	z-index: -999;
	background-color: #FFF;
	padding-bottom: 168px;
}

.logo {
	width: 300px;
	height: 30px;
	margin: 40px 140px 40px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: block;
}

.navigation {
	width: 380px;
	height: 30px;
	float: left;
	margin: 36px 0px 0px 116px;
}

.navigation h2 {
	letter-spacing: 0.1 em;
	font: normal 14px 'morgansanscondregular_office';
}
	
.nav_1 {
	width: 60px;
	margin: 12px 13px 0 0;
	float: right;
	text-align: right;
	letter-spacing: 0.5px;
	color: #999;
}

.nav_2, .nav_4 {
	width: 60px;
	margin: 12px 13px 0 13px;
	float: right;
	text-align: center;
	letter-spacing: 0.5px;
	color: #999;
}

.nav_3 {
	width: 45px;
	margin: 12px 13px 0 13px;
	float: right;
	text-align: center;
	letter-spacing: 0.5px;
	color: #999;
}


.nav_5 {
	width: 30px;
	margin: 12px 0px 0px 13px;
	float: right;
	text-align: right;
	letter-spacing: 0.5px;
	color: #999;
}


.social_media {
	margin: 10px 5px 40px; 0px;
}

.project_tn_start {
	width: 300px;
	height: 288px; /*change from 275 */
	margin: 0px 0px 0px 20px; /*change from bottom margin of 37px */
	float: left;
}

.project_tn {
	width: 300px;
	height: 288px;
	margin: 0px 0px 0px 20px;
	float: left;
} 

.project_tn img {
	margin: 0px 0px 24px 0px;
}

.caption_category {
	font: 14px 'morgansansconditalic_office';
}

#footer {
	width: 980px;
	height: 144px; /*changed from "168px" to accomodate text overflow*/
	margin: 0px 0px 0px 40px;
	/*position: relative; */
	bottom: 12px; /*changed from "39px" to accomodate overflow*/
	background-color: #FFF;
	display: block;
	position: absolute;
	left: -1px;
	z-index: 999;
}

.footer_info_1 {
	width: 939px;
	color: #FFF;
	letter-spacing: 0.5px;
	margin: 72px 0px 0px 20px;/*changed from 96px 0px 0px 20px to accomodate overflow*/

}

.footer_info_2	{
	width:	220px;
	float:	right
}

.footer_info_1 h2 {
	font: 12px 'morgansanscondregular_office';
}




/* ==========================================================================
   ABOUT
   ========================================================================== */


.column_1{
	width: 220px;
	float: left;
	margin: 0px 0px 0px 20px ;
	display: block;
	overflow: visible;
	background-color: #FFF;
}

.column_2{
	width: 700px;
	float: left;
	margin: 0px 0px 40px 20px ;
	display: block;
	overflow: visible;
	background-color: #FFF;
	
}


.quote_author {
	float: right;
}

.content_column_1 {
	width: 340px;
	float: left;
	margin-left: 0px;
	display: block;
	overflow: visible;
}

.content_column_2 {
	width: 340px;
	float: right;
	margin-left: 20px;
	display: block;
	overflow: visible;
}



/* ==========================================================================
   STAFF
   ========================================================================== */
   
.staff_column_1 {
	width: 220px;
	float: left;
	margin: 0px 0px 0px 20px ;
	display: block;
}

.staff_column_2{
	width: 720px;
	float: left;
	margin: 0px 0px 0px 20px ;
	display: block;
}

.staff_tn {
	width: 220px;
	height: 216px;
	margin: 0px 20px 48px 0px;
	float: left;
}


.staff_tn_last {
	width: 220px;
	margin: 0px 0px 48px 0px;
	float: left;
}

.staff_tn2 {
	width: 220px;
	height: 216px;
	margin: 0px 20px 48px 0px;
	float: left;
	hover: none
}

.staff_tn img {
	margin: 0px 0px 24px 0px;
} 

.staff_tn2 img {
	margin: 0px 0px 24px 0px;
}


.staff_tn_last img{
	margin: 0px 0px 24px 0px;
}


/* ==========================================================================
   INDIVIDUAL STAFF PAGES
   ========================================================================== */

.column_2 h1 {
	margin-bottom: 0px;
}


.content_column_1,
.content_column_2 {
	margin: 24px 0 0 0px;
}
	
.content_column_1 p, 
.content_column_2 p {
	font: 14px 'morgansanscondregular_office';
	margin: 0 0 24px 0px;
	padding: 0 0 0px;
	color: #666;
	clear: both;
	line-height: 24px;
	letter-spacing: 0.5px;
}

ul { margin: 0 0 0 16px; padding: 0; }

.selected_projects {
	margin: 24px 0px 0px 0px;
}

.selected_projects ul,
.selected_projects li {
	text-decoration: none;
	color: #666;
	line-height: 24px;
	letter-spacing: 0.5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* ==========================================================================
   NEWS HOMEPAGE
   ========================================================================== */



/*FOR ISOTOPE */

.news_item {
 	width: 460px;
	height: 300px;
	margin: 0px 0px 60px 20px;
	float: left;
}

.news_item img{
	margin: 0px 0px 24px 0px;
}

.news_item img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}

.news_item h2{
	font: 18px 'morgansanscondregular_office';
	margin: 0 0 0px;
	padding: 0 0 0px;
	color: #666;
	clear: both;
	line-height: 24px;
	letter-spacing: 0.5px;
} 
   
.news_italic {
	font: 18px 'morgansansconditalic_office';
}


/* ==========================================================================
   INDIV NEWS - PAGE
   ========================================================================== */
.news_pg_content_1 {
	width: 720px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	display: block; 
	overflow: visible;
	float: left;
}

.news_pg_content_1 h1 { 
	font: 18px 'morgansanscondregular_office';
	line-height: 24px;
	color:#ff4411;
}
	

.news_pg_content_2 {
	width: 220px;
	margin: 0px 0px 14px 20px;
	padding: 0px 0px 0px 0px;
	display: block; 
	overflow: visible;
	float: left;
}


.news_bold_italic {
	font: 14px 'morgansanscondBdItoffice';
}

.news_pg_content_1 p{
	font: 14px 'morgansanscondregular_office';
	margin: 0 0 24 0px;
	padding: 0 0 0px;
	color: #666;
	clear: both;
	line-height: 24px;
	letter-spacing: 0.5px;
} 
   
.news_pg_share {
	margin: 0px 0px 24px 0px;
}

.news_pg_btn, 
.news_pg_publications{
	margin: 24px 0px 24px 0px;
}


.news_pg_share_tn {
	margin: 0px 10px 3px 0px;
	float: left;
}


	
.news_pg_social_media_tn_1	{
	width: 24px;
	float: left;
	margin: 12px 25px 18px 0px;
}

.news_pg_social_media_tn_1 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


.news_pg_social_media_tn_2	{
	width: 24px;
	float: left;
	margin:	12px 25px 18px 0px;
}

.news_pg_social_media_tn_2 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


.news_pg_social_media_tn_3	{
	width: 24px;
	margin:	12px 25px 18px 0;
	float:	left;
}

.news_pg_social_media_tn_3 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


.news_pg_social_media_tn_4 {
	width: 24px;
	margin:	12px 25px 18px 0;
	float:	left;
}

.news_pg_social_media_tn_4 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


.news_pg_social_media_tn_5 {
	width: 24px;
	margin:	12px 0 18px 0;
	float:	right;
}

.news_pg_social_media_tn_5 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}



/* ==========================================================================
   CONTACT
   ========================================================================== */

.map {
	margin: 0px 0px 68px 20px;	
}

.info {
	width: 300px;
	float: left;	
	margin: 0px 0px 0px 0px;
}

.info_row_1 {
	width: 300px;
	float: left;
	margin: 0px 0px 0px 20px;
}

.tn_social img{
	float: left;
	margin: 0px px 0px 0px;
}


.social_media_tn_1	{
	width: 24px;
	float: left;
	margin: 0 25px 0 0px;
}

.social_media_tn_1 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}

.social_media_tn_2	{
	width: 24px;
	float: left;
	margin:	0 25px 0 0px;
}

.social_media_tn_2 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}

.social_media_tn_3	{
	width: 24px;
	margin:	0 25px 0 0;
	float:	left;
}

.social_media_tn_3 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}

.social_media_tn_4	{
	width: 24px;
	margin:	0 25px 0 0;
	float:	left;
}

.social_media_tn_4 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


.social_media_tn_5	{
	width: 24px;
	margin:	0 0 0 0;
	float:	left;
}

.social_media_tn_5 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


/* ==========================================================================
   INDIVIDUAL PROJECT PAGES NARRATIVES
   ========================================================================== */

/*#container_3 {
	width: 980px;
	margin: 144px 0px 0px 40px;
	padding-bottom: 168px;
	display: block; 
	overflow: hidden;
	z-index: 1;
	color: #FFF;
}
*/

.project_pg_video {
	float: left;
	z-index: -999;
	margin: 0px 0px 18px 0px;
	overflow: visible;
}

.project_pg_video iframe,
.project_pg_video object,
.project_pg_video embed {
    z-index: -1;
}

.project_pg_content_1 {
	width: 720px; /* 700px */
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	display: block; 
	overflow: visible;
	float: left;
	z-index: -1;
}

.project_pg_content_2 {
	width: 220px;
	margin: 0px 0px 14px 00px; /*20 px left */
	padding: 0px 0px 0px 0px;
	display: block; 
	overflow: visible;
	float: left;
	z-index: -1;
}

.project_pg_content_2 h2{
	color: #666;
}


.project_pg_tn {
	margin: 0px 20px 24px 0px;
	float: left;
	z-index: -999;
}

.store_pg_tn {
	margin: 0px 20px 24px 0px;
	float: left;
	/*z-index: -999;*/
}

.project_pg_btn, 
.project_pg_publications{
	margin: 24px 0px 24px 0px;
	color: #666;
}

.project_pg_share {
	margin: -32px 0 24px 0;
}

/* Btn change on hover  */
.project_pg_publications img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}

.project_pg_publications h3 {
	color: #999;
}

.project_pg_share_tn {
	margin: 0px 10px 0px 0px;
	float: left;
}

.project_pg_share_tn {
	margin: 0px 10px 0px 0px;
	float: left;
}



/* test for social media buttons!*/

	
.project_pg_social_media_tn_1	{
	width: 24px;
	float: left;
	margin: 12px 15px 0 0px;
}

.project_pg_social_media_tn_1 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


.project_pg_social_media_tn_2	{
	width: 24px;
	float: left;
	margin:	12px 25px 0 0px;
}

.project_pg_social_media_tn_2 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


.project_pg_social_media_tn_3	{
	width: 24px;
	margin:	12px 25px 0 0;
	float:	left;
}

.project_pg_social_media_tn_3 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


.project_pg_social_media_tn_4 {
	width: 24px;
	margin:	12px 25px 0 0;
	float:	left;
}

.project_pg_social_media_tn_4 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


.project_pg_social_media_tn_5 {
	width: 24px;
	margin:	12px 0 0 12px;
	float:	right;
}

.project_pg_social_media_tn_5 img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


/* End test*/

.project_pg_btn_tn  {
	width: 24px;
	margin: 0px 0px 0px 0px;
	float: left;
} 


.project_pg_btn_tn_environmental  {
	width: 24px;
	margin: 0px 0px 0px 0px;
	float: left;
} 


/* Btn change on hover  */
.project_pg_btn_tn img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}


.project_pg_btn_tn_caption_1 {
	width: 53px;
	font-size: 12px; 
	line-height: 12px;
	font-style:normal;
	float: left;
	margin: 6px 140px 0px 9px;
	color: #999;
}

.project_pg_btn_tn_caption_2 {
	width: 43px;
	font-size: 12px;
	line-height: 12px;
	font-style:normal;
	float: left;
	margin: 6px 9px 0px 22px;
	color: #999;
}

.project_pg_btn_tn_caption_1 {
	text-align: left;
	margin-bottom: 4px;
	margin-right: 12px;
}

.project_pg_btn_tn_caption_2 {
	text-align: right;
}

.top_btn {
	width: 140px;
	margin: 24px 0px 0px 0px;
	float: left;
}

.top_btn_tn  {
	width: 30px;
	margin: 0px 0px 0px 0px;
	float: left;
}

/* Btn change on hover  */
.top_btn_tn img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}

.top_btn_caption {
	width: 90px;
	font-size: 12px;
	line-height: 12px;
	float: left;
	margin: 5px 0px 0px 6px;
	color: #999;
}



/*.content p {
    line-height: 24px;
    padding: 24px 0px 0px 20px; 
}
*/


.comment {
	width: 700px;
	/*background-color: #f0f0f0;*/
	margin: 0px 0px 0px 0px;
	font: 14px 'morgansanscondregular_office';
	line-height: 24px;
	letter-spacing: 0.5px;
	color: #666;
	float: left;
	margin-bottom: 24px;
	z-index: -999;
}

.commentrightmargin {
	width: 220px;
	/*background-color: #f0f0f0;*/
	margin: 0px 0px 0px 0px;
	font: 11px 'morgansanscondregular_office';
	line-height: 18px;
	letter-spacing: 0.5px;
	color: #666;
	float: left;
	margin-bottom: 24px;
	z-index: -999;
}

.commentrightmargin2 {
	width: 220px;
	/*background-color: #f0f0f0;*/
	margin: 0px 0px 0px 0px;
	font: 14px 'morgansanscondregular_office';
	line-height: 24px;
	letter-spacing: 0.5px;
	color: #666;
	float: left;
	margin-bottom: 24px;
	z-index: -999;
}
a.morelink {
	text-decoration:underline;
	font-family: 'morgansansconditalic_office';
	outline: none;
	font: 8px;
	z-index: -999;
}

.morecontent span {
	display: none;
	font: 14px 'morgansanscondregular_office';
	line-height: 24px;
	letter-spacing: 0.5px;
	z-index: -999;
	hanging-punctuation: first;
}
.morecontent2 span {
	display: none;
	font: 11px 'morgansanscondregular_office';
	line-height: 18px;
	letter-spacing: 0.5px;
	z-index: -999;
	hanging-punctuation: first;
}
.comment h2 {
	font-family: 'morgansansconditalic_office';
}

/* ==========================================================================
   ISOTOPE
   ========================================================================== */

#filters {
	margin: 120px 0px 0px 20px;	
	display: block;
	/*overflow: visible; */
	z-index: 4;
	font: 12px 'morgansanscondregular_office';
	position: fixed;
}


#filters select a:hover, 
				a:link,
				a: active {
	text-decoration:none;
	display: block;
	font: 12px 'morgansanscondregular_office';
}


#filters select{
	width: 300px;
	padding: 2px;
	font-size: 12px;
	line-height: 24px;
	border-color: #F8F8F8;
	border-style: solid;
	/*border-radius: 0;*/
	height: 24px;
	z-index: 4;
	font: 14px 'morgansanscondregular_office';
}

#filters select option{
	font: 12px 'morgansanscondregular_office';
	padding: 6px 6px 6px 6px;
	z-index: 4;
}


#container_2 {
	width: 1060px; 
	margin: 192px 0px 0px 40px;
	padding-bottom: 168px;
	display: hidden; 
	overflow: visible;
	background-color: #FFF;
	/*position: absolute; */
}

.item {
 	width: 300px;
	height: 288px;
	/*originally 168px will change to 275px to match index */
	margin: 0px 0px 0px 20px;
	float: left;
}

.item img {
	margin: 0px 0px 24px 0px;
}

.item img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}

.isotope {
	display: block; 
	overflow: visible;
}


/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/
 .isotope-item {
  z-index: 2;
   /*Changed z-index:2 to 1 */
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
   /*Changed z-index:1 to -1 */
}
/**** Isotope CSS3 transitions ****/
 .isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
 .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
}

/* ==========================================================================
   Bookstore Homepage
   ========================================================================== */


.book_item {
 	width: 300px;
	height: 456px;
	margin: 0px 0px 36px 20px;
	float: left;
	position: inline-block;
}

.book_item img{
	margin: 0px 0px 24px 0px;
}
 
.book_item img:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;  /* For IE8 and earlier */
}

.book_item h2{
	font: 18px 'morgansanscondregular_office';
	margin: 0 0 0px;
	padding: 0 0 0px;
	color: #666;
	clear: both;
	line-height: 24px;
	letter-spacing: 0.5px;
} 
   
.book_italic {
	font: 18px 'morgansansconditalic_office';
}

.book_item_last {
	width: 300px;
	height: 336px;
	margin: 0px 0px 60px 20px;
	float: left;
}


/* ==========================================================================
   Bookstore Slideshow
   ========================================================================== */

.book_title {
	font-style: italic;	
}

.bookstore_pg_content_1 {
	width: 720px; /* 700px */
	/*height: 2800px; INCREASED HEIGHT, IN ORDER TO FIT ALL THE TEXT */
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	display: block; 
	/*overflow: hidden;*/
	float: left;
	z-index: -1;
}

#cf4a, #cf3 {
	position:relative;
	top: 845px;
	display: block;
}

#cf4a img	{
	position: absolute;
	left:0px; /*-22 for hanging punctuation*/
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

#cf4a img.top   {
	animation-name: cf4aFadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 60s;
	animation-direction: alternate;
}

#cf3 img {
	position: absolute;
	left:0px; /*-22 for hanging punctuation*/
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

#cf3 img.top   {
	animation-name: cf3FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 30s;
	animation-direction: alternate;
}

/*For "n" images You must define:
a=presentation time for one image
b=duration for cross fading
Total animation-duration is of course t=(a+b)*n

animation-delay = t/n or = a+b

Percentage for keyframes:

1.	0%
2.	a/t*100%
3.	(a+b)/t*100% = 1/n*100%
4.	100%-(b/t*100%)
5.	100%*/

  @keyframes cf4aFadeInOut {
  0% {
    opacity:1;
  }
  12% {
    opacity:1;
  }
  17% {
    opacity:0;
  }
  87% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#cf4a img:nth-of-type(1) {
  animation-delay: 40s;
}
#cf4a img:nth-of-type(2) {
  animation-delay: 32s;
}
#cf4a img:nth-of-type(3) {
  animation-delay: 24s;
}
#cf4a img:nth-of-type(4) {
  animation-delay: 16s;
}
#cf4a img:nth-of-type(5) {
  animation-delay: 8s;
}
#cf4a img:nth-of-type(6) {
  animation-delay: 0;
}

  @keyframes cf3FadeInOut {
  0% {
    opacity:1;
  }
  12% {
    opacity:1;
  }
  17% {
    opacity:0;
  }
  87% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
#cf3 img:nth-of-type(1) {
  animation-delay: 16s;
}
#cf3 img:nth-of-type(2) {
  animation-delay: 8s;
}
#cf3 img:nth-of-type(3) {
  animation-delay: 0s;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* 
* When the viewport is 55em (15em wider
* than the 40em max-width for #content) 
* it gets a static postion to not 
* overlap the content area 
*/
@media screen and (max-width: 55em) {
  #footer #scroll-top {
    float:right;
    position:static;
    margin:0;
  }
}

/*ADJUST HEADER -- BLOCKS in SMALL SCREEN 
@media only screen and (max-device-width: 480px) {
#header { 
	height: 48px; }
}
*/

/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
#header { 
	height: 48px; 
}
*/


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */




@media print {
    * {
        background: transparent !important;
        /* color: #000 !important; Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
	
	/* {
overflow: visible !important;
} */
	
	body { 
		background: white;
		font-size: 12pt;
		line-height: 18pt;
		overflow: visible !important;
		float: none !important;
		width:100%;
		marquee { -moz-binding: none; }
	}
	
	/*#wrapper {
		overflow: visible !important;
		/*float: none !important; */
		/*position: relative;
	}
	 */
	
	div#header {
	display: block;
	position: fixed; 
	top: 100px; 
	left: 20px; 
	width: 100%; 
	height: 100%;
	}
	
	
	
	div.logo {
		top: 50px;
		display: block;
	}
	
	
	

	
	div.navigation {
		display: none;
	}
	
    a,
	a:link,
    a:visited {
		/*color: #F66; */
		/*background: transparent; */
        /*text-decoration: underline;  */
    }

	
	/* 
    a[href]:after {  Print friendly links 
        content: " (" attr(href) ")";
    }	
	*/

	
	/*
	One issue is that anchor links and links around images will also be expanded on 
	the printed page. We can fix the anchor links fairly readily with a countermanding CSS rule: 
	article a[href^="#"]:after {
   	content: "";
	}
	*/
	
	/*Links around images are rather more difficult, because CSS does not currently allow for 
	the selection of an element based on its children. Ideally, links around images would have a 
	class that we could target via CSS. Longer term, CSS4 features a parent selector that will do the job: 
	$a:after > img {
   	content: "";
	}
	*/
	
	
	

	/*

	Added code above to not include links for images 
	a:link:after, a:visited:after {
    content: "";
	}
	
	*/
	
	/*Added code above to not include links for images 

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
	*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img,
	ul {
        page-break-inside: avoid;
		max-width: 100% !important;
    }
	
	img {
        max-width: 100% !important;
    }
	
	h2 {
	font: 14px 'morgansanscondregular_office';
	color: #666;
	line-height: 18pt;
    }

	h3 {
	font: 14px 'morgansansconditalic_office';
	color: #999;
	line-height: 18pt;
	}
	
 

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

	@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}