/* @override http://localhost:8888/css/SESstyles.css */




/*GOOD VERSION*/

html {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #BFC0B9;


	/*overflow: hidden;*/
}
body {
	margin: 0 ;
	padding: 0;
	background-color: #BFC0B9;
	margin-right: auto;
	margin-left: auto;
	font-family: 'FrutigerNeueLTCom-Light' ;
	font-size: 16px;
	/*-webkit-font-smoothing: antialiased;*/
}

div.newspod.RT {
	text-align: right;
}




div#moreSentInfo {
}
#SE {
	z-index: 1000;
	position: relative;
}
#ClayHands {
	margin-left: 229px;
}
#HI {
	
	margin-top: -70px;
	width: 106%;
	margin-left: -3%;
}
.thumb#LargeWall{
	border: 1px solid red;
}
.overlay, .TopWrp {
	text-align: right;
	font-size: 1.1em;
	color: white;
	position: absolute;
	top: -484px;
	left: 423px;
}

.clearfix {
	clear: both;
}

.
.suwrap img {
	width: 100%;
	height: auto;
	/*outline: 1px solid aqua;*/
	margin-right: auto;
	margin-left: auto;
}
/*color: #55605c;*/

////////////////////////////////////////
/* * Eric Meyer's CSS Reset
* http://meyerweb.com/eric/tools/css/reset/
* v1.0 | 20080212
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: 'FrutigerNeueLTCom-Light',"Times New Roman", sans-serif;
	font-size: 16px;
}

ul{
	
display: block;

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
a img {
	border: none;
}

.thumb #offset {
	margin-left: -200px;
	margin-top: -100px;
}
/*////////FONTS///////////////////////////////////////*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 13, 2011 */
@font-face {
	font-family: 'FrutigerNeueLTCom-Light';
	src: url('webfonts/260D0E_0_0.eot');
	src: url('../fonts/260D0E_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/260D0E_0_0.woff') format('woff'),url('../fonts/260D0E_0_0.ttf') format('truetype');
}
/*///////////////////////////////////////////////*/
a {
	color: #ffffff;
	text-decoration: none;
}
a:focus, a:hover, a:active {
}
/*p, li {
	line-height: 1.4em;
}
*/

p.caption {
	font-size: .8em;
	text-align: left;
	padding-left: 5px;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

h1, h2 {
	margin: 0 0 0px 0;
	letter-spacing: 0px;
}
h1 {
	padding: 0;
	font-size: 3em;
}
h2 {
	padding-top: 0px;
	letter-spacing: .03em;
	/*padding-left: 2%;*/
	font-size: 2.4em;
	margin-top: 0px;
	z-index: 60;
}
div.newspod h4{

	font-size: 1.5em;
	padding-right: 2%;
	padding-left: 2%;
	-webkit-font-smoothing: antialiased;
	font-weight: bold;
}
#orangelink a {
	color: #fe5b1c;
	font-size: .9em;
	font-weight: bold;
}
hr{
	
	 	  
	  height: .5px;
	  width:100%;
	  border-color: #646161;
  }
	  
#homePageImage {
	/*top: 400px;*/
	/*border: 1px solid red;*/
	/*visibility: hidden;*/

	width: 100%;
	height: auto;
	position: static;
	margin-top: -50px;
}


div#homeNav a {
	color: white !important;
}
div#homeNav a:hover {
	color: black !important;
}
div #swipe {
	color: white;
	font-size: .8em;
	position: absolute;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
	-o-transform: rotate(-90deg); /* Opera */
	-moz-transform: rotate(-90deg); /* Firefox */


	top: 286px;
	left: -20px;
	letter-spacing: 1px;
}
div #swipe {
	visibility: hidden;
}
#Claynav ul li {
	list-style: none;
}

#Claynav ul li a {
	line-height: 5px;
	font-size: .9em;
}

span.white {
	color: white;
}

#Claynav ul li a:hover {
	color: #55605c;
}
#Claynav ul {
	padding-left: 4%;
}

div.SusanEisen {
	margin-right: auto;
	margin-left: auto;
	max-width: 959px;
	position: relative;
	top: 20px;
	z-index: 140;
}

.TopWrapSix,
.TopWrap {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: 600px;
	position: relative;
	top: -66px;
}


div#footer {
	font-family: 'FrutigerNeueLTCom-Light';
	font-size: 1.1em ;
	clear: both;
	margin: 0 auto;
	padding: 10px 0 40px 5px;
	text-align: left;
	width: 960px;
	color: #5f6466;
}
div.wall {

top: -635px;
left: -310px;
width: 0px;
height: 0px;
z-index: -1000;
position: absolute;
}


div.Paperwall {
top: -632px;
left: -310px;
width: 0px;
height: 0px;
z-index: -1000;
position: absolute;	
}

h3 {
	color: #ffffff;
	margin: 0 0 8px;

	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	font-family: 'FrutigerNeueLTCom-Light' ;
	font-size: 1.3em;
	line-height: .6em;
}
h4 {
	color: #ffffff;
	margin: 0 0 8px;

	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	z-index: 150;
	font: 1.1em/.6em 'FrutigerNeueLTCom-Light';
}

div.newspodRightAlign {
	padding-bottom: 20px;
	
	border-bottom: 1px solid white;
	padding-top: 20px;
	text-align: right;
	
	
}
div.newspod {
	padding-bottom: 20px;
	
	border-bottom: 1px solid white;
	padding-top: 20px;
	
	
	
}

div.newscontent {
	margin: 0;
	padding: 0;
}
	
	
	img#feathers.fltrt {
	width: 288px;
	height: auto;
		margin-left: 20px;
	}

img#feathers.fltrt {
	
}

div.SSP {
	padding-bottom: 20px;
	
	
	padding-top: 20px;
	
}

p.spiritsong {
color: #5f6466;
	
}

h4#news1 {
	margin-top: 400px;
}

h4#news100 {
margin-top: 100px;
	
}
h4#news40 {
margin-top: 40px;
	
}

h4#news2 {
	margin-top: 400px;
	text-align: right;
}

#MenuIcon {

	float: right;
	padding-right: 2%;
	padding-left: 2%;
	margin-top: 4px;
}

#bigFinger {
	font-size: 1.5em;
}

.squareSmall {
	font-size: .6em;
}
.pointEightEm {
	font-size: .8em;
}
.clear{
	clear: both;
}

////////////////////////////////////////
/*GALLERIFIC STYLES*/


div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	//width: 550px;
}

div.content a, div.navigation a {
	text-decoration: none;
	color: #55605c;
}


div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	color: #55605c;
	margin-top: 0px;
	height: 36px;
	width: 200px;
	position: absolute;
	top: 544px;
	left: 430px;
	font-size: .8em;
	text-align: right;
	z-index: 70;
	padding-left: 3px;
}
div.controls a {
	color: #55605c;
	font-family: 1.1em 'FrutigerNeueLTCom-Light' ;
	font-size: 1em;
	height: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.caption {
	padding: 0px 0px 0px 3px;
	width: 740px;
	color: #55605c;
}

#moreInfo {
	
}

#PassageInfo {
	margin-left: 400px;
	margin-top: -197px;
	
	z-index: 2000;
	margin-right: 60px;
	line-height: 1.4em;
}

a.prev {
	color: #9d2619;
}

div.views {
	position: absolute;
	top: -3px;
	left: 330px;
}

a.next {
	color: #9d2619;
	margin-left: 20px;
}
div.ss-controls {
	font-family: 'FrutigerNeueLTCom-Light' ;
	float: left;
	margin-top: 3px;
	width: 95px;
	text-align: left;
}




div.nav-controls {
	font-family: 'FrutigerNeueLTCom-Light' ;
	color: #9d2619;
	float: left;
}

div.slideshow-container {
	position: absolute;
	/*clear: both;*/
	height: 560px;
	top: 85px;
	width: 745px;
	left: 22%;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	height: 610px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	/*width: 78%px;*/
	height: 600px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 600px; /* This should be set to be at least the height of the largest image in the slideshow */
	/*text-align: left;*/
}


div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: top;
}


div.download {
	float: right;
	color: #55605c;
	position: absolute;
	right: 0;
	top: 1px;
}

button.toggle {
	font-family: 'FrutigerNeueLTCom-Light' ;
	position: absolute;
	top: -2px;
	left: 309px;
	font-size: 1em;
}

div.caption-container {
	font-size: .8em;
	height: 20px;
	z-index: 50;
	width: 700px;
	position: relative;
	display: inline-block;
	top: 546px;
}
div.frame {
	padding: 0;
	/*width: 740px;*/
	/*background-color: #BFC0B9;*/
}

}
/*#topIcon {
	float: left;
	width: 40px;
	height: 40px;
}
*/
#MenuIcon {
	float: right;
	padding-right: 2%;
	padding-left: 2%;
	margin-top: 4px;
}

#topIcon img {
	width: 3em;
	height: auto;
	padding-right: 2%;
	padding-left: 2%;
	margin-right: 5px;
	margin-left: 5px;
}

#white {
	color: white;
}

.detail.slide-list {
	padding: 0 !important;
	margin: 0 !important;
}

div.image-title {
	color: #55605c;
	/*font-weight: normal;
	font-size: 1em;*/
}
.italic,
#italic {
	font-style: italic;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
	visibility: hidden;
}
div.navigation {
	position: absolute;
	left: 0px;
	padding-top: 0;
}

div.detail-title {
	color: #55605c;
	height: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font: normal 1em 1.1em;
	text-align: right;
	float: right;
	margin-right: 440px;
}

ul.thumbs {
	position: absolute;
	clear: both;
	padding: 0;
	margin: -30px 0 0;
	/*margin: 0px 0 0;*/
	height: 1800px;
}

.TopWrapSix ul.thumbs {
	position: absolute;
	clear: both;
	padding: 0;
	margin: -30px 0 0;
	height: 200px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	/*padding: 2px;*/
	display: block;
	/*border: 1px solid #ccc;*/
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	z-index: 20;
	visibility: hidden;
}
div.navigation div.top {
	margin-bottom: 0px;
	height: 17px;
	position: relative;
	z-index: 40;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	/*border: 1px solid #ccc;*/
	color: gray;
	z-index: 20;
}
div.pagination a:hover {
	/*background-color: #eee;*/
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	/*background-color: #000;
	border-color: #000;*/
	color: gray;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}



/* *//* *//* *//* *//* *//* */
/*END GALLERIFIC STYLES*/



div.overlay {
	color: #ffffff;
	text-align: right;
	position: absolute;
	top: -486px;
	right: 138px;
	width: 260px;
	font: italic 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div.detail {
	color: #ffffff;
	text-align: left;
	position: absolute;
	top: -546px;
	width: 7410px;
	height: 540px;
	z-index: 51;	
	background-color: #bfc0b9;
}
div.detail2 {
	color: #ffffff;
	text-align: left;
	position: absolute;
	top: -546px;
	width: 600px;
	height: 540px;
	z-index: 51;	
	margin: 0;
	background-color: #bfc0b9;
}

div.detailPassage {
	color: #ffffff;
	text-align: left;
	position: absolute;
	top: -546px;
	width: 600px;
	height: 540px;
	z-index: 51;	
	margin: 0;
}

div.detail3 {
	position: absolute;
	margin-top: -546px;
	/*border: 1px solid lime;*/
	z-index: 50;
}
div.block{
	text-align: left;
	position: absolute;
	top: -546px;
	width: 744px;
	height: 540px;
	background-color: #bfc0b9;
	/*background-color: black;*/
	/*border: 1px solid red;*/
	z-index:40;
}

button {
	color: #55605c;
	background-color: #BFC0B9;
	border-style: none;
	padding: 1px 5px;
}
button:hover {
	color: white;
}
button:focus,button:active {
	outline: none;
	color: white;
}

span.attributions {
	font-size: .8em;
}






/* * ******************************
* * ******************************
* * ******************************
*/



.fadein {
	position: absolute;
	width: 960px;
	height: 560px;
	top: 0;
	left: 300px;
}

.fadein img {
	position: absolute;
	left: 0;
	top: 0;
}




div#thumbs.navigation {
	padding: 0;
	height: auto;
	width: auto;
	top: 0px;
	z-index: 15;
}

.TopWrapSix div#Outerthumbs.scroller {
	height: 50px;
}
div#Outerthumbs.scroller {
	height: 1294px;
}
div#Outerthumbs11.scroller {
	height: 960px;
}


div#OuterthumbsAV.scroller {
	height: 1130px;
}
div#OuterthumbsNC.scroller {
	height: 694px;
}
div#OuterthumbsWM.scroller {
	height: 786px;
}
div#OuterthumbsBZ.scroller {
	height: 1176px;
}
div#OuterthumbsEleven.scroller {
	height: 930px;
}

div#Outerthumbs13.scroller {
	height: 1102px;
}
div#Outerthumbs14.scroller {
	height: 1188px;
}
div#Outerthumbs17.scroller {
	height: 1342px;
}
div#Outerthumbs18.scroller {
	height: 1424px;
}

div#Outerthumbs19.scroller {
	height: 1510px;
}
/*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  *//*add 86 px per tn  */
div.Wrap {
position: absolute;
top: 0px;
left: 0;
width: 0px;
height: 0px;

}

#news {
	
	top: 100px;
	width: 90%;
	width: 1000px;
}
#SpiritSong {
	position: absolute;
	top: 100px;
	width: 90%;
}
.spiritsong {
	padding-left: 126px;
}

#Bio {
	/*position: absolute;*/
	top: 120px;
	max-width: 960px;
	padding-left: 10px;
}
div.biography p{
	margin: .5em 0 .5em;
}

p#lastLine {
	border-bottom: 1px solid #f3f2f2;
	padding-bottom: 5%;
}

p.leftcolbio {
	width: 50%;
	float: left;
	margin-top: 0;
}
p.rtcolbio {
	width: 50%;
	float: right;
	margin-top: 0;
	padding-top: 2%;
}

div#BioLine {
	border-top: 1px solid #fff;
	padding-top: 2%;
}

.fltleft {
float: left;
margin-right: 3%;
margin-bottom: 1em;
max-width: 50px}




#news div.newspod img.fltleft {
	margin-right: 20px;
	margin-bottom: 2px;
}

.noMargin {
	margin: 0;
}

.uppermost{
	padding-top: 2em;
}

.biography img.fltrt {
width: 28%;
height:auto;
margin-bottom: 1em;
margin-top: 1em;
}
.biography img.fltleft {
width: 28%;
height:auto;
margin-bottom: 1em;
}
div.biography{
	padding-top: 1em;
	padding-left: 2em;
	padding-right: 2em;
	
	background-color: rgba(241, 242, 233, 0.32);
	margin-top: 30px;
}
.fltrt {
float: right;
margin-left: 3%;
margin-bottom: 1em;
}

/*#news p {
	color: #55605c;
font: .9em/1.4em 'FrutigerNeueLTCom-Light';
margin-top: 40px;
}*/
.newspod p {

	color: #55605c;
		
	margin: 0;
	/*clear: left;*/
	font-family:'FrutigerNeueLTCom-Light';
	font-size: 1em;
	font: 1em/1.4em 'FrutigerNeueLTCom-Light';
	line-height:1.4em ;
	
	
	
	
	-webkit-font-smoothing: antialiased;
	
}
.spirit div.newspod p.spiritsong {
color: #fff;

}


blockquote.indent {

color: #55605c;
margin: 0;
/*float: left;*/
font-family: 'FrutigerNeueLTCom-Light';
font-size: 1em;
line-height: 1.4em ;
padding-left: 20px;
}

#contactInfo {
	float: left;
	margin-top: 40px;
}

span.indent {
	font: italic 1em   ;
}

p.indent {
	margin: 0;
	padding: 0;
	text-align: left;
	
}

p.Monoprints {
padding-left: 65px;	
}

img.mono {
width: 48%;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#news div.newspod div.newscontent img.fltleft.mono.finding {
	margin-right: 4%;
}

.biography p {
	color: #55605c;

margin-top: 0;

font: 1em/1.4em 'FrutigerNeueLTCom-Light', sans serif;
}
.allcaps{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.1em;
}

div.whiteInfo {
	color: white;
}

div.whiteInfo p{
	text-indent: 1px;
}

div#OuterthumbsDW.scroller {
	height: 1045px;
}
div#OuterthumbsWR.scroller {
	height: 900px;
}

div#OuterthumbsWall.scroller {
	height: 452px;
}

div.caption-container {
}
span.image-caption {
	display: block;
	position: absolute;
}

div.caption a {
	/*color: #fff;*/
}

div.image-desc {
	padding-top: 12px;
}

.ListDevice
/*#content*/ {
	top: 0;
	visibility: visible;
	left: 0;
	position: absolute;
	/*outline: 4px solid green;*/
	padding: 0;
}

div#menuAnchor {
	position: fixed;
	z-index: 600;
	right: 0;
	bottom: 0;
}

div.suwrap {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	/*outline: 2px solid red;*/
	position: relative;
}

#news div.newspod div.newscontent img.fltleft.mono {
	
}

#news img {

max-width: 50%;
height: auto;
	margin: 0;
}


#news div.newspod div.newscontent2 p {
	float: left;
	text-align: right;
}
h4.newscontent2{
	float:right
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
	#HI {
		margin-left: 0%;
		width: 100%;
	}


	div.jspTrack {
		visibility: hidden;
	}
	div #swipe {
		visibility: visible;
	}

	div.jspDrag {
		visibility: hidden;
	}
	#ClayHands {

		/*width: 100%;
		height: auto;
		outline: 1px solid aqua;
		margin-right: auto;
		margin-left: 0*/;
	}
	
	.biography img.fltleft {
	width: 50%;
	height:auto;
	margin-bottom: 1em;
	}
	#news img {
	width: 50%;
	height: auto;	
	}
	
		
	
}


@media only screen and (min-width: 960px) {

	html {
		width: 100%;
		/*height: 768px;*/
		height: 100%;
	}


	ul.thumbs {
	}

	div.suwrap,
	div.suwrap p.caption,
	div.suwrap div,
	div.suwrap.caption,
	.suwrap img {
		height: 1px;
		visibility: collapse;
		height: 0px;
		width: 0px;
		font-size: 0px;
		/*border: 2px dotted lime;*/
		background-position: 0;
		position: fixed;
		top: 0;
	}
	

	
	p.caption {
	}

	.ListDevice {
		margin-right: auto;
		margin-left: auto;
		visibility: hidden;
	}


	div.wrapper {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		
	}

	#Mainnav {
		padding-left: 214px;
		width: 745px;
		top: 20px;
		position: absolute;
		z-index: 1000;
	}
	
		
	#Mainnav ul li {
		display: inline;
		list-style: none;
		padding-right: 10px;
	}
	
		
	#Mainnav ul li a {
		color: #55605c;
		font-size: .8em;
	}

	#Mainnav ul li a:hover {
		color: white;
	}




	#Mainnav ul {
		padding-left: 2%;
	}
	#Claynav {
		padding-left: 0px;
		width: 220px;
		top: 453px;
		position: absolute;
		font-size: .9em;
		height: 200px;
		z-index: 200;
	}
	#Claynav ul {
		padding-left: 0%;
	}


	#Claynav ul li a {
		line-height: 1em;
	}
	#topIcon {
		visibility: hidden;
	}
	#MenuIcon {
		visibility: hidden;
		width: 0;
		height: 0;
		padding: 0;
	}
	#news img {
	
	height: auto;	
	}



}



@media handheld {


	div.jspTrack {
		visibility: hidden;
	}


	.jspDrag {
		visibility: hidden;
	}

}




@media only screen and (max-width: 960px) {

	body {
		background-color: #2c3234;
		margin: 0 auto 0 0;
		padding: 0;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		font-size: .8em;
		position: relative;
	}
	div.wrapper {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	div.SusanEisen {
		position: fixed;
		width: 100%;
		height: 4em;
		top: 0px;
		z-index: 2600;
		background-color: rgba(44, 49, 51, 0.68);
	}

div.newspod {
	padding-bottom: 20px;
	
	border-bottom: 0px solid white;
	color: white;
	padding-top: 0;
	
}


div.newspod p{
	
	/*color: white;*/
	padding-right: 2%;
	padding-left: 2%;
	-webkit-font-smoothing: antialiased;
	
	  
}
div.newspod h4{

	font-size: 1.7em;
	padding-right: 2%;
	padding-left: 2%;
	-webkit-font-smoothing: antialiased;
}

#orangelink {
	color: #fe5b1c;
}

#orangelink a {
	color: #fe5b1c;
}

h4#news1,
h4#news2 {
	margin-top: 0px;
	float: none;
	text-align: left;

}

#news div.newspod img.fltrt {
	float: none;
}



div.newscontent {
	float: left;
		
	}

#news div.newspod img.fltleft {
	padding-bottom: 10px;
}

div.newscontentRT {
	float: right;
	margin-bottom: 5%;
}




#news div.newspod div.newscontent2 p {
	float: left;
	text-align: left;
}

#news div.newspod img {
	width: 100%;
	max-width: 400px;
}


#feathers.fltrt img {
	max-width: 288px !important;
	
	height: auto;
}
div.SusanEisen h2 {
		float: left;
		padding-left: 2%;
		/*border: 1px dashed red;*/
	}


	h3.pageTitle {
		float: right;
		margin-top: 1.5%;
		z-index: 100;
	}

	#Mainnav ul li {
		display: list-item;
		list-style: none;
	}

	#Mainnav ul {
		padding-left: 2%;
		float: left;
	}
	#menuIcon {
		z-index: -804;
		float: right;
	}

	#Claynav {
		padding-left: 0px;
		/*width: 220px;*/
		font-size: 1em;
		position: relative;
		top: 2%;
	}

	#Mainnav ul li a,
	#Claynav ul li a: {
	}


	#Mainnav ul li a:hover,
	#Claynav ul li a:hover {
		
		color: #2c3234;
		background-color: white;
		margin-left: 20px;
		padding: 4px 6px 2px;
	}
	

	#Claynav ul {
		padding-left: 0%;
		text-align: right;
		padding-right: 2%;
		font-size: 1.2em;
		width: 50%;
		float: right;
	}
	
	#Mainnav ul li a:hover {
		color: #2c3234;
	}
	
	div.caption,
	#gallery.content,
	div.scroll-pane.Scrollbar2,
	div.detail,#slideshow span.image-wrapper.current a.advance-link img,
	div.slideshow img,
	div.image-title,
	div.slideshow img,
	a.advance-link,
	div.caption-container,
	div.overlay,
	div.controls,
	div.slideshow-container,
	.TopWrap,
	.TopWrapSix {
		position: absolute;
		top: 0px;
		left: 0;
		width: 0px;
		height: 0px;
		visibility: hidden;
	}
	
	
	
	
	div#ClayHands {
		margin-left: 0%;
	}
	#ClayHands img {
		width: 100%;
		height: auto;
		/*outline: 1px solid aqua;*/
	}
	#Mainnav {
		width: 100%;
		position: relative;
		/*padding: 2%;*/
	}
	#Mainnav ul li a {
		color: white;
	}

	.ListDevice {
		width: 100%;
		visibility: visible;
		top: 0;
		margin-right: auto;
		margin-left: auto;
	}


	.suwrap {
		width: 96%;
		/*border: 2px solid green;*/

		position: absolute;
		padding-top: 0;
		visibility: visible;
		padding-bottom: 2%;
		margin: 4em auto 1px;
		border-bottom: 1px solid #6e6a6a;
	}


	p.caption {
		color: white;
	}
	.suwrap img {
	width: 100%;
		max-width: 768px;
		height: auto;
		
	}

	#homePageImage {
		margin-top: 0;
		/*border: 1px solid red;*/
		/*visibility: hidden;*/

		width: 98%;
		height: auto;
		margin-left: 1%;
	}
	#HI{
		margin-top: 4em;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}	
	
	
	
	div.biography {
	
		background-color: #bfc0b9;
		/*border-style: solid;
		border-color: red;*/
		top: 0;
		
		margin-top: 44px;
		padding-top: 0;
		padding-right: 2%;
		padding-left: 2%;
			}
	div#news {
	
		background-color: #bfc0b9;
		/*border-style: solid;
		border-color: red;*/
		top: 0;
		width: 100%;
		
		height: auto;
		margin-top: 44px;
		padding-top: 10px;
		
			}
	.biography img.fltrt,
.biography img.fltleft{
width: 33%;

padding: 10px 0 0;


}
#Bio div.biography p {
	margin: 0;
}
p.rtcolbio,
p.leftcolbio {
	width: 100%;
	float: none;
}

.newspod p,
.biography p {
	
font-size: 1.1em;
/*margin-top: 40px;*/
}
#news img {
width: 50%;
height: auto;	
}

div#news {
	
	top: 100px;
	padding: 2%;
	width: 96%;
}
#contactInfo {
	float: left;
	margin-top: 0px;
	
}
}
/* iPads (portrait) ----------- */
@media only screen
and (max-width: 768px)and (min-width: 480.1px)

and (orientation: portrait) {

#HI {
		margin-left: 0%;
		width: 100%;
		/*border: 2px dotted yellow;*/
	}
	div #swipe {
		visibility: visible;
	}

	div.jspDrag {
		visibility: hidden;
	}



	div.jspTrack {
		visibility: hidden;
	}
	h3 {
		line-height: 1em;
	}
	.biography img.fltrt,
	.biography img.fltleft {
	width: 50%;
	height:auto;
	margin-bottom: 1em;
	}
	
	body {
		background-color: #2c3234;
		margin: 0 auto 0 0;
		padding: 0;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		font-size: .8em;
	}
	.ListDevice {
		width: 100%;
		visibility: visible;
		margin-right: auto;
		margin-left: auto;
	}
	.suwrap {
		width: 96%;
		/* border: 2px solid green;*/
		position: absolute;
		padding-top: 0;
		margin-right: auto;
		margin-left: auto;
	}

	

p.caption {
	color: white;
	font-size: 1em;
}
#news img {
width: 50%;
height: auto;	
}

}










/* Smartphones (portrait and landscape) ----------- */
@media only screen

and  (max-width : 480px){

	body {
		margin: 0 auto 0 0;
		padding: 0;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		background-color: #2c3234;
		font-size: 11px;
	}
	h2 {
		font-size: 1em;
	}
	#Mainnav ul li,
	#Claynav ul li {
		font-size: 2em;
		line-height: 1.5em;
	}



	#Claynav ul li a {
		line-height: 18px;
	}


	#topIcon {
		float: left;
		/*width: 4em;
		height: auto;*/
	}

	#topIcon img {
		width: 60px;
		height: auto;
		padding: 5%;
		clear: both;
	}

	div.clearBoth {
		clear: both;
	}

	.ListDevice {
		width: 100%;
		visibility: visible;
		margin-right: auto;
		margin-left: auto;
	}
	.suwrap {
		width: 96%;
		/* border: 2px solid green;*/
		position: absolute;
		padding-top: 0;
		margin-right: auto;
		margin-left: auto;
		/* border: 2px solid blue;*/
	}
	.biography img.fltrt,
	.biography img.fltleft{
	width: 96%;
	
	padding: 0;
	
	
	}
	#news img {
	width: 100%;
	height: auto;
	
}
.newspod p {
	font-size: 1.3em;
}
.biography p {
	font-size: 1.3em;
}
img.fltrt,
img.fltleft {
	float: none;
	margin-right: auto;
	margin-left: auto;
		
}


}




/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {

	body {
		font-size: 10px
	}

}
#Mainnav ul li,
#Claynav ul li {
	font-size: 1em;
	line-height: 1.8em;
}
p.caption {
	font-size: 1em;
}
/* Styles */
.suwrap {
	width: 96%;
	position: absolute;
	padding-top: 0;
	margin-right: auto;
	margin-left: auto;
	
	/*border: 2px solid yellow;*/
margin-top: 4em;
}
h4 {
	
	line-height: 1em;
}





}