*, html, body 	{margin: 0px; padding: 0px;}
html, body 		{height:100%;}

/*here comes the bg resizing css , which works in tandem w/ bg.js */
/*end bg resizing*/

body{	
	width:100%;
	margin:0; 
	padding:0; 
	height:100%; 
	background-color:#fff;
	}
/* start of 2019-12-18 modifications for Kate's WIP site*/
#bodyNotIndex{	
	width:100%;
	margin:0; 
	padding:0; 
	height:100%; 
	background-color:#c5cbc8;
	}

#television{
	position:relative; 
	float:left; 
	width:516px;  
	margin-bottom: 10px;
	border: 0px solid #f00;


}

#TVleft{
	position:relative; 
	float:left; 
	width:170px;
	border: 0px solid #0f0;
}

#TVcentre{
	position:relative; 
	float:left; 
	width:170px;
	border: 0px solid #0f0;
}

#TVright{
	position:relative; 
	float:right; 
	width:170px;
	border: 0px solid #0f0;
}




/* end of 2019-12-18 modifications for Kate's WIP site*/
h1{
	font-size:1.5em;
	line-height:2em;
}
h2{
	font-size:1.5em;
	line-height:2em;
}
h3{
	font-size:1.2em;
	line-height:2em;
}
.fadeTxt h2{
	font-size:0.85em;
	line-height:1.5em;
	font-weight:bold;
}
.fadeTxt h3{
	font-size:0.8em;
	line-height:1.5em;
}

h4{
	font-size:0.9em;
	line-height:1em;
}


/*Set my logo in bottom left*/

#shadowBar_index {position:relative; clear:both; margin-top:0px; width:97%; padding:45px 5px 10px 45px; background-color:rgba(39,41,39,0.30);  border:0px solid #f0f;  z-index:100;
}	
#shadowBar_notIndex {position:relative; clear:both; margin-top:0px; width:97%; min-width:1204px; max-height:110px; padding:45px 5px 10px 45px; background-color:rgba(39,41,39,0.5);  border:0px solid #f0f;  z-index:100;
}	

#shadowBar_index::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#shadowBar_notIndex::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


	#title			{position:relative; float:left; width:900px;  z-index:1000; border: 0px solid #000;}
	
	#title h1		{font-size:4.4em; 	line-height:22px; font-weight:bold;	 /*text-shadow: 0px 0px 0px #333, 0px 0px 0px #333;*/ border: 0px solid #00f;}
	#title a		{color:#97bfa0; font-size:65%; text-decoration:none;}
	#title span 	{color:#ECEFEC; font-size:0.6em; font-weight:normal;}
	#title span.darker 			{color:#c0c2c0; font-size:1em; }
	#title span.darkerStill 	{color:#A9ABA9; font-size:1em; }
	
	
	#nav			{position:relative; float:right; top:10px; right:1%; border:0px solid #f0f;}



	#nav ul li a{	 /*what you do here affects every menu item and sub, sub-sub menu item*/
		font-size:110%;
		line-height:1.15em;
		/*font-family: 'idealist_sansregular', Ariel, Verdana, sans-serif;*/
		font-weight:normal;		
		border: 0px solid #f00;	
	}
	
#bio_container	{ 

	width:550px;/*_g change for WIP site 2019-12-18*/
	margin-top:60px;
	margin-left:50px;

}

/*_g start change for WIP site 2019-12-18*/
#bio_container h3	{
	color:#88948B;
}

#bio_container h4	{
	font-size:110%;
	color:#ECEFEC;
}

#bio_container a	{
	font-size:90%;
	color:#707a72;
}
/*_g end change for WIP site 2019-12-18*/

#bio_container	p { 
	color:#88948B;
	font-size:95%;
}

#bio_container	p span{ 
	color:##97bfa0;    /*_g change for WIP site 2019-12-18*/
}
#bio_container	p span.it{ 
	color:#87CB96;
	font-style:italic;
}
#bio_container	p span.firstPara{ 
	color:#8BC097;
}


#contact_container{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	width:27.65%;
	height:100%;
	padding-left:0px;
	padding-top:30px;
	padding-right:30px;

	color:#97bfa0;
	background-color:rgba(39,41,39,0.5);
	max-width:470px;
	border-right:8px solid #97bfa0;
	}
	
#contact_container h3{


	text-align:right;
	}	
#contact_container a{
	color:#97bfa0;
	text-decoration:none;
	}
	



#video_thumb_container{
	position:relative;
	padding:0;
	margin:0;
	margin-top:40px;
	width:981px; /*this constrains the with of the carousel visible*/
	left:21%;
	border:0px solid #f00;
	z-index:50;
}
#videoContainer{position:absolute; border:0px solid #0ff;} /*the iframe needs to be in an absolute, in a relative it disappears :( */




iframe{
	padding:0;
	margin:0;
	position:absolute;
	margin-left:0px;
	margin-bottom:0px;
	z-index:1000;
	opacity:1.0;
}
/*
#stillOverlay{position:absolute; top:0; left:53px; cursor:pointer; 	z-index:100;}
#playOverlay{position:absolute; top:250px; left:50%; cursor:pointer; 	z-index:500; opacity:0.7;}*/

#thumbContainer{	padding:0;	margin-left:-52px; position:relative; top:535px; border:0px solid #ff0; z-index:2000; margin-top:0; padding-top:0; z-index:0;}



#carouselWrapper		{padding:0;	margin:0; display:none; width:99%; float:none; position:relative; top:18px; border: 0px solid #fff; clear:right;}
/* height: 26px; but plagarism paranoia set in*/
.fadeTxt				{height:100px; background-color:#84A88C; color:#fff; /*text-shadow: 0px 0px 2px #000; */ padding:5px;}
.stepcarousel{ padding:0;	margin:0; position: relative; /*leave this value alone*/ border: 0px solid #000; overflow: scroll; /*leave this value alone*/ width: 95%; /*Width of Carousel Viewer itself*/ height: 210px; /*Height should enough to fit largest content's height*/ margin-top:0px; margin-left: 40px;}
.stepcarousel .belt{padding:0;	margin:0; position: absolute; /*leave this value alone*/left: 0px;top: 0px;}
.stepcarousel .panel{float: left; /*leave this value alone*/overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/margin: 0px 10px 10px 10px; /*margin around each panel*/width: 170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}
a img {border: 0px solid #fff;}



#greyBlock	{
	padding: 90px 0px 0px 0px;
	width: 490px;
	background-color: rgba(39,41,39,0.5);
	float:left;
	border-right:8px solid #97bfa0;
	}


#press_container{
	position:absolute;
	padding:80px 0px 0px 0px;
	margin-top:0px;
	width:1242px;
	float:right;
	border:0px solid #f00;
	}
	
#press_container a {
	text-decoration:none;
	color:#888;
	}	
	
#press_container a:hover {
	color:#999;
	}	
	
#press_container li {
	line-height:2em;
	}		
	
#press_container h3 {
	color:#777;
	}		
	
#press_container p.italics {
	font-style:italic;
	}	

.imgSlot	{margin:0px 70px 100px 30px ; border:0px solid #f0f;    float:right;  }/*LHS margin is just to prevent other pics from slipping up on the left, altho prob not necessary since Ive constricted the column max width*/
.txtSlot	{margin:0px 0px 95px 25px ; color:#72C284; border:0px solid #0ff; width:680px; height:310px; float:right;  }
.txtSlot ul	{list-style-type:none;}
#img1		{border:none;}





/* here comes the stuff for the image navigation*/