/* MH_style.css ================================================================== v0.01 11/08/15 Cm
stylesheet for maryhornig.com
..................
0.01 moved from index page																					11/08/15 Cm
==================================================================================================*/
/*--------------------------------------------------------------------*/
body	{
	font-family:	times, serif;
	font-size:		19.2px;	
	margin:			0;
}
#back	{
	position: absolute;
	background-color:	#abc;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}
#contact	{
	position: 			absolute;
	background-color:	#9ab;
	top: 					800px;
	left: 				50px;
	width: 				1000px;
	height: 				45px;
	margin: 				0;
	border: 				0;
	padding:				0;
}
#info {
	top:					10px;
}
/* Captions ----------------------------------------------------------*/
.caption,
.scroll	{
	position:					absolute; 
	height:						50px;
}
.caption	{
	left:							10%; 
	width:						80%; 
}
.scroll	{
	left:							0; 
	width:						100%; 
}
.back	{
	top:							0px; 
	background-color:			#999; 
}
.text	{
	top:							0px; 
	font-style:					italic;
	font-size:					25px; 
	font-weight:				bold; 
	line-height:				50px; 
	text-align:					center;
}
.scroll .text {
	color:						black; 
}
.caption .text {
	color:						#555; 
}
.top	{
	top:							0px; 
}
.middle	{
	top:							450px; 
}
.bottom	{
	bottom:						0px; 
}
/* jssor slideshow container ------------------------------*/
.slider_container  {
	position: absolute;
	width: 1200px;
	height: 1000px;
	overflow: hidden;
	top: 20px;
	left: 100px;
	background-color: #bbb;
 }
.slides  {
	cursor: move;
	position: absolute;
	width: 900px;
	height: 900px;
	top: 50px;
	left: 50px;
	overflow: hidden;
 }
/* jssor load screen --------------------------------------*/
.load  {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
 }
#load1  {
	background: url(loading.gif) no-repeat center center;
 }
#load2  {
	filter: alpha(opacity=70);
	opacity: 0.7;
	background-color: #000;
 }
/*- thumbnail navigator ----------------------------------------------*/
.jssort01 {														/* container */								
	position: absolute;
	right:	20px; 						/* origin */
	top:		0px;		
	width:	100px;					/* container size */
	height:	1000px;
	}
.jssort01 .p {													/* the slider instance */
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
}
.jssort01 .t {													/* the thumbnail */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.jssort01 .c {													/* select indicator */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 96px;
	height: 96px;
	border: #000 2px solid;
	box-sizing: content-box;
	background: url(t01.png) -800px -800px no-repeat;
}
	.jssort01 .pav .c {										/* active */
	top: 2px;
	left: 2px;
	width: 92px;
	height: 92px;
	border: #000 0px solid;
	background-position: 50% 50%;
}
.jssort01 .p:hover .c {										/* hover */
	top: 0px;
	left: 0px;
	width: 98px;
	height: 98px;
	border: #f00 1px solid;
	background-position: 50% 50%;
}
.jssort01 .p.pdn .c {										/* select */
	background-position: 50% 50%;
	width: 92px;
	height: 92px;
	border: #000 2px solid;
}
* html .jssort01 .c, 						/* quirks mode adjust */
* html .jssort01 .pdn .c, 
* html .jssort01 .pav .c {
	width /**/: 100px;
	height /**/: 100px;
}
/* thumb nav arrows ------------------------------------------------  */
.arrowl, 
.arrowr {display:								block;
			position:							absolute;
			width:								50px;	/* size of arrow element */
			height:								50px;
			cursor:								pointer;
			background:							url(a11.png) no-repeat;
			overflow:							hidden;
			-ms-transform:						rotate(90deg);
			-webkit-transform:				rotate(90deg);
			transform:							rotate(90deg);
			}
.arrowl {background-position:				-11px -41px;
			top:									20px; 
			left:									0px;
			}
.arrowr	  {background-position:				-71px -41px;
				bottom:								20px; 
				right:								0px;
				}
.arrowl:hover {background-position:			-131px -41px;
					}
.arrowr:hover {background-position:			-191px -41px;
					}
.arrowl.arrowldn {background-position:	-251px -41px;
						}
.arrowr.arrowrdn {background-position:	-311px -41px;
						}
/*--------------------------------------------------------------------*/