/* CSS Document */
html  {
	  overflow:hidden;
	  scrollbar-3dlight-color: #000000; /* only works in IE, doesn't validate */
	  scrollbar-arrow-color: #000000;
      scrollbar-darkshadow-color: #FFFFCC;
	  scrollbar-face-color: #ffffff;
	  scrollbar-highlight-color: #cccccc;
	  scrollbar-shadow-color: #cccccc;
	  scrollbar-track-color: #b0c4de;
		}
body {
     margin: 0px 0px; /* to avoid margins */
	 padding:0px;
	 text-align: left; /* to correct the centering IE bug*/
     background-color:rgba(0,0,0, 1.0);
		 	}
			
	
.strip_1 {background:no-repeat; background-image:url(pan1.jpg)}
.strip_2 {background:no-repeat; background-image:url(pan2.jpg)}
.strip_3 {background:no-repeat; background-image:url(pan3.jpg)}
.strip_4 {background:no-repeat; background-image:url(pan4.jpg)}
.strip_5 {background:no-repeat; background-image:url(pan5.jpg)}
.strip_6 {background:no-repeat; background-image:url(pan6.jpg)}
.strip_7 {background:no-repeat; background-image:url(pan7.jpg)}
.strip_8 {background:no-repeat; background-image:url(pan8.jpg)}
.strip_9 {background:no-repeat; background-image:url(pan9.jpg)}
.strip_10 {background:no-repeat; background-image:url(pan10.jpg)}
.strip_11 {background:no-repeat; background-image:url(pan11.jpg)}
.strip_12 {background:no-repeat; background-image:url(pan12.jpg)}
.strip_13 {background:no-repeat; background-image:url(pan13.jpg)}
.strip_14 {background:no-repeat; background-image:url(pan14.jpg)}
.strip_15 {background:no-repeat; background-image:url(pan15.jpg)}
.strip_16 {background:no-repeat; background-image:url(pan16.jpg)}
.strip_17 {background:no-repeat; background-image:url(pan17.jpg)}
.strip_18 {background:no-repeat; background-image:url(pan18.jpg)}
.strip_19 {background:no-repeat; background-image:url(pan19.jpg)}
.strip_20 {background:no-repeat; background-image:url(pan20.jpg)}
.strip_21 {background:no-repeat; background-image:url(pan21.jpg)}
.strip_22 {background:no-repeat; background-image:url(pan22.jpg)}
.strip_23 {background:no-repeat; background-image:url(pan23.jpg)}
.strip_24 {background:no-repeat; background-image:url(pan24.jpg)}
.strip_25 {background:no-repeat; background-image:url(pan25.jpg)}
.strip_26 {background:no-repeat; background-image:url(pan26.jpg)}
.strip_27 {background:no-repeat; background-image:url(pan27.jpg)}
.strip_28 {background:no-repeat; background-image:url(pan28.jpg)}
.strip_29 {background:no-repeat; background-image:url(pan29.jpg)}
.strip_30 {background:no-repeat; background-image:url(pan30.jpg)}


@keyframes slideshow {
  100% { 
    transform: translateX(12200px); 
	  }
 }

.holder		{
	position: absolute;
	bottom: 0px;
	left: -19060px;
	height:250px;
	width:20800px;
	margin-bottom: 10px;
	display:flex;
	flex-direction: row-reverse;
	background-color:#000000;
	transition-timing-function: cubic-bezier(0.5,0.5,0.5,2);
	border-top:dotted 10px rgba(250, 250, 250, 0.3);
	border-bottom:dotted 10px rgba(250, 250, 250, 0.3);
	outline:solid 5px rgba(0, 0, 0, 1.0);
		}
			
			
.hs{
	position: relative;
	top: 20px;
	color:#FFFFFF;
	box-flex: 1;
	margin-left: 20px;
	margin-top: 30px;
	padding: 5px;
	height: 140px;
	width: 503px;
	background-position:center;
	background-size: cover;
	outline:dotted  2px rgba(250, 250, 250, 0.6);
	outline-offset: 10px;
					}			


.hs:hover{		
		filter: invert(100%);
		cursor:pointer;
		}		
		
img.large	 {
		outline:dotted  2px rgba(250, 250, 250, 0.8);
		outline-offset: 0px;
	    border: solid 5px rgba(0, 0, 0, 1);
		}	
					
#zoombox	{
		position:absolute; 
		background-size: cover; 
		z-index:1; 
		bottom:105px;  
		left:10px;
		width: 0px;
		height: 0px; 
		display:block; 
		border:none;
		padding:5px; 
		cursor:pointer;
		transition-property: height, width, margin-bottom, background-image;
		transition-duration: 2s, 2s, 2s, 1s;
		transition-delay: .5s;
		margin-bottom: 0px;
			}		
		
#bg		{
		width:100%;
		height:100%; 
		background-color:rgba(0, 0, 0, 0);
		position:absolute; 
		bottom:195px; 
		left:0px; 
		display:block; 
		z-index:-1;		
		}	
		
#form1		{
		 height: 25px; 
		 width:550px; 
 	     display:block;
		 position: absolute;
		 bottom: -30px;
		 left: 300px;
			 }
		 		
textarea.caps_XL {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-style:italic;
	font-weight:normal;
	text-align:center;
	color:rgba(240, 240, 240, 1.0);
	background-color:rgba(0, 0, 0, 0);
	width:100%;
	margin-bottom:0px;
	padding-top:5px;
	overflow:auto;
	border:solid 0px #999999;
	display:block;
	resize: none;
				}