body{
	margin:0;
	background-color:#abcdef;
	font-family:sans-serif;
}

form#upload{
	height:auto;
	height:auto !important;
	border:4px solid #d3d3d3;
	background-color:#c0c0c0;
	padding:8px;
}

form#upload input{
display:block;
margin:2px 0px 8px 0px;
border:2px solid rgb(240,30,250);
min-width:200px !important;
min-height:24px !important;
}

form#upload input[type=submit]{
	min-width:200px !important;
	min-height:34px !important;
	cursor:pointer;
}

div.grayScale1 {
	width:auto;
	background-color:#f1f1f1;
	padding:8px;
}

div.gallery{
	font-size:16px;
	display:inline-block;
	width:100%;
	max-width:24.5%;
	height:auto;
	 background-color:white;
	 border:4px solid #d3d3d3;
	 padding:0%;
}

div.grayScale1 img{
	max-width:100%;
	height:auto;
	padding:0px;
}

div.sub_list{
	display:inline;
}

a h3{
	font-size:16px;
	margin:0;
	padding:8px 0px 8px 0px;
}

.m_text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
background-image:url('director_desk.jpg');
  -webkit-animation: mymove 6s infinite;
  -webkit-animation-name: mymove;
   -webkit-animation-duration: 6s;
   
   animation: mymove 6s infinite;
   animation-name: mymove;
 -webkit-animation-duration: 6s;
}


@-webkit-keyframes mymove{
0%{top:0px;bottom:0;}
25%{top:300px;bottom:0;}
50%{top:500px;bottom:0;}
75%{bottom:-500px;top:0px;border-top:16px solid #abcdef;}
100%{bottom:0px;top:0px;}

webkit-keyframes mymove{
0%{top:0px;bottom:0;}
25%{top:300px;bottom:0;}
50%{top:500px;bottom:0;}
75%{bottom:-500px;top:0px;border-top:16px solid #abcdef;}
100%{bottom:0px;top:0px;}
}
}

div#a{
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
background-image:url('a.jpg');
  -webkit-animation: mymove1 6s infinite;
  -webkit-animation-name: mymove1;
   -webkit-animation-duration: 6s;
   
   animation: mymove1 6s infinite;
   animation-name: mymove1;

 -webkit-animation-delay: 2s; 
/*Chrome, Safari, Opera */
animation-delay: 2s;
}


@-webkit-keyframes mymove1{
25%{right:-30%;left:0;}
50%{right:-50%;left:0;}
100%{left:-100%;right:100%;}

webkit-keyframes mymove1{
25%{right:-30%;left:0;}
50%{right:-50%;left:0;}
100%{left:-100%;right:100%;}
}
}

div#b{
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
background-image:url('b.jpg');
  -webkit-animation: mymove1 4s infinite;
  -webkit-animation-name: mymove1;
   -webkit-animation-duration: 6s;
   
   animation: mymove1 6s infinite;
   animation-name: mymove1;
   
 -webkit-animation-delay: 4s; 
/*Chrome, Safari, Opera */
animation-delay: 4s;
}


@-webkit-keyframes mymove1{
25%{right:-30%;left:0;}
50%{right:-50%;left:0;}
100%{left:-100%;right:100%;}

webkit-keyframes mymove1{
25%{right:-30%;left:0;}
50%{right:-50%;left:0;}
100%{left:-100%;right:100%;}
}
}

div#c{
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
background-image:url('c.jpg');
  -webkit-animation: mymove1 6s infinite;
  -webkit-animation-name: mymove1;
   -webkit-animation-duration: 6s;
   
   animation: mymove1 6s infinite;
   animation-name: mymove1;

 -webkit-animation-delay: 6s; 
/*Chrome, Safari, Opera */
animation-delay: 6s;
}


@-webkit-keyframes mymove1{
25%{right:-30%;left:0;}
50%{right:-50%;left:0;}
100%{left:-100%;right:100%;}

webkit-keyframes mymove1{
25%{right:-30%;left:0;}
50%{right:-50%;left:0;}
100%{left:-100%;right:100%;}
}
}